/* --------------- Etiquetas HTML ------------------ */
* {
	padding: 0px; margin: 0px; border: 0px
}

BODY {
	background: none #F5F5F5;
	text-align: center;	/* Hack IE 5.5 (W) --> contenido centrado*/
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color: #000000;
}

P{
	font-size:1em;
}

H1{
	background: url(imag/2cuadros_blancos.gif) no-repeat 0% 50%;
	color:#FFFFFF;
	font-size:1em;	
	padding: 0.55em 0em;
	text-indent: 28px;	
}

H2{
	font-size:1.2em;
	padding-bottom:0.8em;
	text-align:justify;
	color:#CC0033;
}

H3{
	font-size:1em;
	padding-bottom:0.8em;
	text-align:justify;
}

DD{
	padding-bottom:0.2em;
}
IMG{
	border:0px;
}
INPUT {
	font-size:1.1em;
	width:300px; 
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	background: none #FAFAFA; 
	padding: 0.2em;
	margin-bottom: 1em;
	border: 1px solid #AAAAAA;
}
TEXTAREA {
	font-size:1.1em;
	width:400px;	
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	background: none #FAFAFA; 
	padding: 0.2em;
	margin-bottom: 1em;	
	border: 1px solid #AAAAAA;
}
LABEL {
	padding-left: 14px;
	display: block;
	background: url(imag/cuadro_rojo.gif) #FFFFFF no-repeat 0% 50%;
}
FIELDSET {
	padding: 2em;
	border: 1px solid #DDDDDD;	
	margin-bottom: 1em;
}

/* ------------------- Principales ----------------*/
#contenedor {
    margin: 0px auto;
	width: 748px;
	padding: 10px;
	border-left: 1px solid #969696;
	border-right: 1px solid #969696;
	background: none #FFFFFF;
	text-align: left	/*(W)*/
}

#top{
	width:748px;
	margin-bottom:5px;
}

#barra{
	width:748px;
}

#contenido{
	width:748px;
	margin-bottom:5px;	
}

#footer{
	width:748px;
	background:url(imag/fondo_barra_footer.gif) #FFFFFF no-repeat 0% 0%;
	padding-top: 14px;
}

/* ------------------- Top ----------------*/
#top-izquierda{
	width:144px;
	height:117px;
	float:left;
}

#top-derecha{
	width:593px;
	height:117px;
	border-left: 1px solid #969696;
	margin-left:10px;
	background: url(imag/fondo_top.jpg) #FFFFFF no-repeat 100% 0%;	
	float:right;
}



/* ---------------- Menu superior------------------*/
#menu-superior {
	width: 247px; 
	height: 15px;
	position: relative;		
	background: url(imag/menu_superior.gif) #FFFFFF no-repeat 0% 0%; 
	margin-top: 102px;
	float:right;	
}
#menu-superior LI SPAN {
	left: -8000px; position: absolute;
}
#menu-superior LI {
	list-style-type: none; 
	position: absolute; 
	top: 0px;
	display: block;
	height: 15px
}
#menu-superior A {
	height: 15px;
	display: block
}

#menu-1 {
	left: 0px; width: 82px
}
#menu-2 {
	left: 82px; width: 82px
}
#menu-3 {
	left: 164px; width: 82px
}

#menu-1 A:hover {
	background: url(imag/menu_superior.gif) no-repeat -0px -15px;
}
#menu-2 A:hover {
	background: url(imag/menu_superior.gif) no-repeat -82px -15px;
}
#menu-3 A:hover {
	background: url(imag/menu_superior.gif) no-repeat -164px -15px;
}

/* ------------------- Barra ----------------*/
#barra-izquierda{
	width:144px;
	background: none #7B7B7B;
	text-align:center;
	float:left;
}

#barra-derecha{
	width:603px;
	background: url(imag/fondo_logo_mini.gif) #EE1C23 repeat-y 100% 0%;
	float:right;
}

#mini-logo{
	float:right;
	width:28px;
	height:28px;
	background: url(imag/logo_mini.gif) no-repeat 0% 50%;
	border-left: 1px solid #FFFFFF;
}
/* ------------------- Contenido ----------------*/
#contenido-izquierda{
	width:144px;
	float:left;
}


#menu LI {
	width: inherit;
	list-style-type: none; 
	background: url(imag/fondo_menu.gif) #B6B6B6 repeat-y 0% 0%;
	border-bottom: 1px solid #FFFFFF;
	display: block;
	text-indent: 13px;
	color:#FFFFFF;
	padding: 7px 0px;
}

#contenido-izquierda H1{
	width: inherit;
	background: url(imag/2cuadros_blancos.gif) #EE1C23 no-repeat 0% 50%;	
	margin-top:30px;
}

#contacto{
	margin-top:1px;
	border: 1px solid #B6B6B6;
	padding: 5px;
}


   
#contenido-derecha{
	width:583px;
	padding: 0px 0px 10px 10px;
	border-left: 1px solid #969696;
	margin:5px 0px 0px 10px;
	float:right;
}

#columna-izquierda-home{
	width:397px;
	padding-right: 10px;	
	border-right: 1px solid #969696;		
	float:left;	
}
#columna-derecha-home{
	width:165px;
	float:right;	
}   
#columna-izquierda{
	width:281px;
	float:left;	
}
#columna-derecha{
	width:281px;
	padding-left: 10px;
	border-left: 1px solid #969696;	
	float:right;	
}

#respuesta-contacto{
	padding: 2em;
	border: 1px solid #DDDDDD;
}
#foto-galeria{
	text-align:center;
	width:563px;
	margin: 10px;
	background: url(fotos/cargando.gif) #FFFFFF no-repeat 50% 0%;		
}
UL.lista{
	margin-bottom: 1.5em
}
UL.lista LI{
	list-style-type: square;
	margin-left: 3em;
	margin-bottom: 1em
}

UL.galeria {
	list-style:none;
	width:inherit;
}
UL.galeria LI {
	float:left; 
	margin:3px; 
}
UL.galeria LI A IMG {
	border:1px solid #000000;
}
UL.galeria LI A:hover IMG {
	border:1px solid #FF0000;
}
UL.galeria LI IMG {
	display:block; 
	float:left; 
	width:44px;
}

/* ------------------- Footer ----------------*/
#footer-izquierda{
	width:144px;
	float:left;
}

#footer-derecha{
	width:593px;
	border-left: 1px solid #969696;
	margin-left:10px;
	float:right;
}

/* --------------- Enlaces ------------------ */
A{
	color: #EE1C23;
}
A:link {
	text-decoration: underline;
}
A:visited {
	text-decoration: underline;
}
A:hover {
	color: #666666;
	text-decoration: none;
}
A:active {
	text-decoration: underline;
}

#menu A{
	color: #FFFFFF;
}
#menu A:link {
	text-decoration: none;
}
#menu A:visited {
	text-decoration: none;
}
#menu A:hover {
	color: #000000;
	text-decoration: none;
}
#menu A:active {
	text-decoration: none;
}
/* --------------- Ozoono ---------------*/
#ozoono,#ozoono A{
	color: #A9A9A9;
}
#ozoono  A:link{
	text-decoration: underline;
}
#ozoono  A:active{
	text-decoration: underline;
}
#ozoono  A:hover{
	color: #565656;
	text-decoration: none;
}
#ozoono  A:visited{
	text-decoration: underline;
}
/* --------------- Clases ---------------*/
div.spacer{
	clear: both;
	height: 1px;
	overflow: hidden;
}
p.separacion{
	height: 2em;
	text-align:right;
	background: url(imag/linea_separacion.gif) #FFFFFF no-repeat 100% 50%;
}
input.formu-corto{
	font-size: 1em;
	width: 100px;
	margin-bottom: 0;	
}
dl.listado{
	margin-bottom: 1.5em;
}
dl.listado dd{
	text-indent:1em;
}
.caja-derecha{
	float: right;
	margin: 0.2em 0em 0.5em 0.5em;
}
.caja-izquierda{
	float: left;
	margin: 0.2em 0.5em 0.5em 0em;
}

.derecha{
	text-align:right;
}
.centro{
	text-align:center
}
.pie-foto{
	padding-top: 0.3em;
	font-size: 0.8em;
	color:#888888;	
	text-align:center
}
.fecha-hora{
	color:#FFFFFF;
	padding: 0.55em 0em;
}
.cuadro-rojo{
	color:#EE1C23;
	padding-left: 13px;
	background: url(imag/cuadro_rojo.gif) #FFFFFF no-repeat 0% 5px;
}
.texto{
	text-align:justify;
	text-indent: 1em;
	padding-bottom: 1em;	
}
.banner{
	padding-bottom: 10px;
}
.enlace-pdf{
	color:#EE1C23;
	text-align:right;
	padding-right: 17px;
	background: url(imag/pdf.gif) #FFFFFF no-repeat 100% 50%;	
}
.adobe{
	font-size: 0.8em;
	margin-top: 30px;
	padding-left: 72px;
	background: url(imag/adobe.gif) #FFFFFF no-repeat 0% 50%;		
}
.img-borde{
	border: 1px solid #000000;
}
.verde{
	color: #00AA00;	
}
.rojo{
	color: #DD0000;	
}
/* ---- Hacks ---- */
/* -- Altura mínima para parte derecha */
.content{
}
.content-right{
	min-height:450px;	
	height:450px;		
}
div[class] .content-right {
   height:auto;
}