@charset "utf-8";
/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/

BODY{margin: 0 auto 0px auto; background-color:#444444; 
	background-image: url(../images/body-background.jpg);
	background-repeat:repeat-x;
	 font-family:"Verdana", Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px;
	 height:100%;
	 }
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:989px; margin: 0px auto 0px auto; height:100%;}

A{ color:#0099FF}
A:hover{ color:#ffffff;}

h1{	font-family: "Trebuchet MS";
	font-size: 24px;
	font-style: italic;
	color: #FF9900;
	margin: 0;
	}

h2 {	color: #B90000;
	font-size: 11px
	}
h3 { color: #b96800;
	font-size:14px;
	display: block;
	float:left;
	margin:0; padding:o;
	
}

p {	color: #FFFFFF;
	font-size: 11px;
	
}
/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif; position:relative; z-index:1;  }
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}
	


/********************************MENU DESPLEGABLE*/

#menu	{ background-color:none; border-bottom:0px solid #CCC; list-style-type:none; margin:0; padding:0; font-family:Verdana; font-size:20%; margin-top:20px; _ margin-top:10px; _margin-top:0px; position:relative }
#menu li	{ font-weight:bold; color:#999999; margin:0; cursor:default; white-space:nowrap; list-style-type:none; background-color:none; }

#menu.horizontal li	{ display:inline; padding:10px; height:50px; padding-bottom:20px; padding-top:25px; _padding-top:20px; background-color:none; }

#menu.vertical	{ width:6em; border-right:1px solid none }
#menu.vertical li	{ width:6em; list-style-type:none }

#menu li.active	{ background-color:none; background-image:url(../images/ico-menu.gif); background-repeat:no-repeat; background-position: center 35px;}
#menu li a	{ text-decoration:none; color:#999999 }

/*FONDO DESPLEGABLE*/
#menu ul	{ position:absolute; visibility:hidden; text-align:left; background-color:#FFFFFF; border:1px solid #CCCCCC; width:210px; _width:200px;  margin:0;  padding:0;
filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7;

margin-left:-55px;
}

#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li	{ display:block; border-bottom:1px solid #CCCCCC; padding:0em; white-space:normal; width:210px; _width:200px; list-style-type:none; height:20px; text-indent:5px; }

/*ITEMS MENU DESPLE*/
#menu ul li a	{ display:block; width:200px; color:#003F64; text-decoration:none; padding:5px; margin:0; }
#menu ul li a:hover	{ color:white; background-color:#3398D1 }

#menu ul li.active	{ background-color:#44d; color:white; width:200px; }


/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
 #central{ 
 
 	background-color: #444444;

	background-image: url(../images/central-background.jpg);
	background-repeat:no-repeat;
	background-position:center top;

	min-height:550px;
	margin: 0;
	border: none;
	background-repeat: repeat-x;
	position:relative;


 }

#contenido {
	width: 372px;
	margin-left: 45px;
	padding-top: 80px;
	height: 100%; 

}



#inferior {
	
	height: 100%;
	width:652px;
	float:left;
	padding-left:20px;
}
.noticiasHome{
	width: 423px;
	height: 198px;
	margin-left: 70px; 
	margin-top:20px;
	 
}

.noticasHome a {
	color: #b96800;
}

.breve{ display:block; width:625px; height:80px;}

/* EN CASO DE QUE EL H3 PARA LAS BREVES NO FUNCIONE CORRECTAMENTE */ 
.breve p span{ 
	color: #b96800;
	font-size:14px;
}
.breve a {color: #b96800;}
/*CONOCE A CARLOS FLASH*/
#conoce {
	position: absolute; 
	top: 261px;
	.top:273px; 
	left:300px;
	width:281px;
	height:149px;
	
}
#picCarlos { 
	position:absolute;
	left:663px; 
	top: 2px;
	z-index: 3;
	
}

/*PROXIMAS COMPETICIONES*/
.competicion {
	width:225px;
	height:180px;
	float:left;
	}

.tit { 
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top:20px;
	
}
.SubTit { 
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 47px;
	padding-top:22px;
	font-family: "Conduit Md SC ITC";
	style="display: block;"
	
}

/*LISTADO DE COMPETICIONES*/

	

.competicion a {
	color: #FFF;
	text-decoration:none;
	font-size:11px;
	padding-left:17px;
}
.competicion a:hover {
  color: #FFFFFF
}
.competicion ul{
	
 width:190px;

}
.competicion ul li {
	list-style-type: none;
	padding:5px 0 0 0;
	margin:0;
	padding-top:15px;	
}


.fecha {
  color:#FF9900;
  font-family:Arial;
  font-size:11px;
}

#ultimasFotos ul{  width:225px; 
	
}
#ultimasFotos ul li{
	width:194px;
	height:129px;
	background-repeat:no-repeat; 
	margin-top:10px; background-position:center;
	margin-left:15px;
	padding:0px;
}

/*LAS SOMBRAS DE LA WEB*/
#izquierda{ width:24px; height:100%}
#derecha{ width:20px; height:100%}


/*FORMULARIO DE CONTACTO*/
#central #formularioContacto TABLE{ margin-left:25px;  font-size:12px; font-family:Arial; color:#CCCCCC;}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ color:#FFFFFF; font-size:13px; height:24px; width:180px; font-family:Verdana, Arial, Helvetica, sans-serif; border:none; background-color: #000000;}
#central #formularioContacto TEXTAREA{color:#FFFFFF; font-size:11px; width:483px; font-family:Verdana, Arial, Helvetica, sans-serif;border:none;background-color: #000000;}
#central #formularioContacto SELECT{ font-size:11px; width:180px; font-family:Verdana, Arial, Helvetica, sans-serif;}
P.notalegal{
	font-size:9px;
	color:#CCCCCC;
	width:580px; margin-left:25px;
}


/*CAPA CAMPOS DEL FORM NO RELLENOS*/
#capaError #mensajeError{ font-size:9px;}
#capaError A{ font-size:11px; color:#FFFFFF; text-decoration:none;}



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:12px; padding:40px; color:#FFFFFF;}


/* MAPA WEB*/
#mapaweb{ padding:40px; height:100%;}

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal;  color:#ff9900; font-size:11px;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#ff9900; font-size:16px; list-style-type:square;  padding-top:5px; font-weight:bold;}}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#999999; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#999999;}
#mapaweb UL LI UL LI A:hover{color:#ff9900;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#A0AFD3; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#ff9900;}
#mapaweb UL LI UL LI UL LI A:hover{color:#0099FF;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ margin: 0 0 0 20px; padding:10px 0 0 0; height:100%; min-height:650px;}


/*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/

#central #actualizable #zonaEnlaces{ 
	font-size:10px; 
	width:225px;
	
	min-height: 500px;
	height: 100%;
	
	background-image:url(../images/backgroundTemas.jpg); 
	background-repeat:no-repeat; 
	float:left;
	
	margin-left:25px;
	_margin-left:15px;	}
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:3px; margin-bottom:10px}

/* TEMAS*/
.marcado{
	color:#ff9900;
	width:180px;
	margin-left:32px;
	font-weight:bold;
	background-image: url(../images/flechas.png); 
	background-repeat:no-repeat; 
	background-position:left; 

	  }
.marcadoTema{
	color:#ff9900;
	width:180px;
	margin-left:32px;
	font-weight:bold;
	background-image: url(../images/flechasTemaMarcado.png); 
	background-repeat:no-repeat; 
	background-position:left; 

	  }
.marcadoTema:hover{ color:#ff9900; border:none;}	  
.marcado:hover{ color:#ff9900; border:none;}
.desmarcado{
	
	width:180px;
	margin-left:32px;
	font-weight:bold;
	background-image: url(../images/flechasDesmarcado.png); 
	background-repeat:no-repeat; 
	background-position:left; 

	color:#FFFFFF;
	display:block;
}
.desmarcado:hover{ color:#ff9900;background-image: url(../images/flechas.png);background-repeat:no-repeat; 
	background-position:left;  border:none;}

/* SUBTEMAS */
.marcadoNoticia{
	color:#FF9900;
	font-size:12px;
	font-weight:bold;
	margin-left:45px;
	width:170px;
	
	background-repeat:no-repeat;
	background-position:left;
	background-image:url(../images/flechas.png)
}

.marcadoNoticia:hover{

}

.desmarcadoNoticia{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:45px;
	width:170px;
	
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(../images/flechasDesmarcado.png)
}

.desmarcadoNoticia:hover{color:#FF9900;background-repeat:no-repeat;
	background-position:left center;
	background-image:url(../images/flechas.png)}

/*FIN  ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{ 
 background-image:url(../images/contenidosBackground.jpg);
  min-height:505px; 
  background-repeat:no-repeat; 
  margin-left:20px;	
  font-family : Arial; 
  font-style : normal; 	
  font-size : x-small;	
  color: #ffffff; 
  width:652px;
  float:left; 
  padding: 0px 0px 0px 0px;}


.seccionTitle{
	height:20px; 
	color:#FF9900; 

	width:175px;
	font-family:"Conduit Md SC ITC"; 
	margin-left:0px; 
	padding-left:0px; 
	font-size:20px; 
	padding-top:4px;
	margin-left:48px; 
}

/* PAGINACION*/
.pagina-actual{color:#0D2F93; text-decoration:none; font-size:10px; border:1px solid #dddddd; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#5B5B5B; text-decoration:none;  font-size:10px; }
.pagina:hover{color:#000000; }
.nombre_galeria{ text-align:right; color: #0D2F93; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_baja_paginacion{ text-align:right; color: #0D2F93; font-weight:bold; border-top:1px solid #dddddd; padding-top:3px;}
.linea_sobre_numeros{ border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_bajo_numeros{border-top:1px solid #dddddd; padding-top:3px;}

/*PAGINACION II*/
#paginacion{}
#paginacion .anterior{}
#paginacion .anteriorInactivo{}
#paginacion .estado{}
#paginacion .siguiente{}
#paginacion .siguienteInactivo{}
#paginacion .numero{}





#loginusuario{ height:100%; background-image:url(images/zona-privada-background.jpg); background-repeat:no-repeat}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}



/*CATALOGO*/

.producto{ width:235px; text-align:center; float:left; margin-left:35px; _margin-left:25px; margin-bottom:10px; height:188px; background-color:#272727; }
.producto a { font-size:12px; color:#FFFFFF; text-decoration:none; font-family:Arial; margin-top:6px; }
.productoFicha{  border:none;  float:left; margin-left:0px; padding:10px; width:620px;}


	/*CAPA EMERGENTE DE APMLIACION DEL PRODUCTO*/
	#cerrarImagenAmpliada{display:none; position:absolute; background-color:#0D2F93; border:1px solid #333333; z-index:4;  padding:3; text-align:center; height:20px; width:70px;}
	#capaImagenAmpliada{display:none; position:absolute; top:50px; left:50px; z-index:4; width:550px; border:1px solid #333333;}
	#capaImagenAmpliada A{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}








/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	background-image: url(../images/pie-background.jpg);
	background-repeat:no-repeat;
	height:197px;
	color:#CCCCCC;
	margin-top:-1px;
	
		background-position:center top;
	}
	/*ENLACESPIE*/
	#pie A{
		font-size:10px;
	color:#CCCCCC;
	text-decoration:none;
	/*padding-right: 5px;*/
	/*margin-right:4px;*/
}
	#pie A:hover{
	color: #7f7f7f;
	text-decoration:none;
}



/*ESTILOS getContenidos TITULOS*/


.enlaceBreves2 img { background-image:url(../images/btn-info.png); height:20px; width:74px; border:none;
   

}
   
#paginacion{
   color:#FF9900; margin-left:15px; margin-bottom:10px; font-size:12px;

}

#paginacion A{
   color:#FF9900;

}


/* ESTILOS PARA LA ZONA DE PRENSA, CARGADA POR XML */
.lineXml { color: #FF9900; font-size:11px; margin-top:5px; }
.lineXml A { text-decoration:none; color: #FF9900; }
.lineXml DIV{ color: #CCCCCC; font-size:11px; font-family:Arial; }

.lineXmlTitle { font-size:12px; margin-top:5px; margin-bottom:5px; }
.lineXmlTitle A { text-decoration:none; color: #CCCCCC; }

.lineXmlTitleBig { font-size:18px; margin-top:5px; margin-bottom:5px; }
.lineXmlTitleBig A { text-decoration:none; color: #CCCCCC; }

.lineXmlBodyBig { font-size:14px; }

.lineXmlIMG { width:630px; }
.lineXmlIMG > IMG { margin-left:0px; margin-top:-5px; }

.lineXmlIMG A { text-decoration:none; }
.lineXmlIMG A IMG { border:none; margin-right:10px; }


.detailXml {  }
.detailXml .detailXmlDate { font-size:14px; margin-bottom:5px; }
.detailXml .detailXmlDate EM { font-weight:bold; }

.detailXmlClassification {  }
.detailXmlClassification TABLE { width:100%; }

.detailXml .detailXmlTitle { font-size:18px; font-weight:bold; margin-bottom:5px; }
.detailXml .detailXmlDesc { font-size:12px; margin-bottom:5px; }
.detailXml .detailXmlSubtitle { font-size:12px; margin-bottom:5px; text-decoration:underline; }
.detailXml .detailXmlBody { font-size:11px; }

.detailXmlPhoto { float:left; margin-left:10px; margin-top:10px; }
.detailXmlPhoto A { text-decoration:none; }
.detailXmlPhoto IMG { border:0px; }
/* FIN ESTILOS PARA LA ZONA DE PRENSA, CARGADA POR XML */