html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" "";}


h1{ visibility: hidden}
h2{ font-size: 3em; color: #000; text-shadow: #000; padding: 10px 0 20px 60px; font-weight: normal; position: relative; line-height: 1.4em}
h2 a{ text-decoration:none; color: #000; text-shadow: #000; position: relative; width: 600px; height: 300px}
h2 a span{ position: absolute; top: 3px; left: -2px; color: #fff}

strong{ font-weight: bold}
em{ font-style: italic}
p{ font-size: 0.8em; line-height: 1.3em; margin: 0 0 10px}

body{
background: url(imagenes/body_bg.png) center top #36578d repeat-x;/**/
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenedor{
position: relative; float: left; 
background: url(imagenes/contenido_bg.png) repeat-y -20px top;
}
	#cabecera{
	background: url(imagenes/cabecera_bg.jpg) 10px top no-repeat;
	width: 780px; height: 115px;
	}
		#logotipoIVAM{ position: absolute; top: 0px; left: -160px }
	
	#contenido{
	position: relative;
	padding: 20px 20px 60px 30px;
	clear: both; float: left;
	}
	
		#menu{
		position: absolute; top: 115px; left:-228px;
		text-align: right;
		background: url(li.png) right bottom no-repeat;
		}
			#menu li a{
			display: block;
			width: 220px;
			padding: 10px; margin: 0;
			font-size: 1.2em;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			background: url(li.png) right top no-repeat;
			}
			#menu li a:hover{ color: #2e416d; background:url(imagenes/li_h.png) repeat-y top right;}
			
			#menu li .actual{ color: #2e416d; background:url(imagenes/li_h.png) repeat-y top right;}
		
		.catalogo{ margin: auto; width: 100%; margin: 0 -20px 0 0px; font-size:0.85em; line-height:0.8em;}
			.catalogo li{ display: inline; width: 120px; height:120px; position: relative;
			
/*			display: table		*/	
			}
			.catalogo li a{
			border: 1px solid #ccc;/* width: 118px; */background: #eee;
			font-size: 0.7em; color: #000; text-decoration: none;
			text-align: center;
			width: 118px; height: 118px;
			margin: 0 26px 86px 0;
			position: relative;
			display: block; float: left;			
			}
			
			.catalogo li a img{ margin: 4px}
			.catalogo li a span{ position: absolute; top: 122px; left: 0; text-align: left }
			.catalogo li a strong{ display: block}
			
		#col{ width: 740px; float: left; /*padding: 0 20px 0 0;*/}
		
		#col1{ width: 440px; float: left; padding: 0 20px 0 0}
		
		#col2{ width: 260px; float: left; min-height: 400px; position: relative}
		
		#contenido .colPresent1{
		width: 500px
		}
		#contenido .colPresent2{
		width: 200px
		}
		
		.fondoPDF{ background: right top url(imagenes/fondoPDF.jpg) no-repeat;}
			#directora{
			width:  140px; text-align: right;
			position: absolute; bottom: 0; right: 0
			}
			
		.fondoBusca{ background: right top url(imagenes/fondoBusca.jpg) no-repeat;}
			input[type="text"]{ border: 1px solid #2e416d; width: 205px; margin: 0 5px 0 0}
			#bBuscar{ width: 40px; height: 40px; background: url(imagenes/bBuscar.png) no-repeat center center; border: 0; position: absolute; top: -10px; right: 5px}
			
		#buscaApartados{ margin: 0 -20px 0 0 }
		#buscaApartados li{ }
		#buscaApartados li a{ color: #000; display: block; text-decoration: none; font-weight: bold;
		padding: 5px;
		border-top: 1px solid #2e416d}
		#buscaApartados li a:hover{ background: #fff; color: #2e416d}
		#buscaApartados li .actual{ background: #fff; color: #2e416d}
				
#sombra{
/*background: url(imagenes/contenido_bg.png) repeat-y center top;*/
width: 780px; margin: 0 auto; clear: both
}
	
#pie{
width: 760px; margin: 0px auto 0; padding: 0 10px;
background: url(imagenes/pie_bg.png) center bottom no-repeat;
height: 75px;/**/
position: relative; clear: both;
color: #555
}
#pie a{ color: #222}
	#getReader, #idiomas, #pieDatos{
	position: absolute; top: 7px; left: 30px;
	font-size: 0.78em; line-height: 1.2em
	}
	#idiomas{ top: 100px; left: -60px; text-align: right}
		#idiomas li.idiomaActual{ list-style: circle; color: #fff}
		#idiomas a{ color: #fff; text-decoration: none}
		#idiomas a:hover{ text-decoration: underline}
	
	#pieDatos{ text-align: right; left: 355px; width: 400px }
	
	/*centrado vertical
	
	.catalogo li a img {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -200px;
	text-align: center;
	min-width: 900px; 
	}
	#wrapper {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 900px;
	height: 380px;
	margin: 0px auto;
	}
*/
/*
	#outer {width: 100%;}
	#middle {width: 100%; text-align: center;}
	#inner {width: 200px; margin-left: auto; margin-right: auto; text-align: left;}*/

	/*.catalogo li{ background-color: #fef; height: 110px; width: 110px; margin: 0; padding: 0;
                        color: white; text-align: center; position: relative;
						border: 1px solid red}
	.catalogo li{ display: table}
	.catalogo li a div{ text-align: center; vertical-align: middle; display: table-cell}*/

	/**/