@charset "utf-8";
/* HOJA DE ESTILOS CSS
para el desarrollo del proyecto ANDREA
desarrollado por:	Kaytel Soluciones- ADDENTRA
Fecha inicio: 06/05/2009
Archivo: andrea.css
 * Descripción: Usado para el posicionamiento y estructura general del sitio y sus componentes.
 * Guia: Orden de propiedades: display, position, box model (margin, border, padding, width, height), float, clear, z-index
 TABLA DE CONTENIDOS
 -------------------------
  1. General
  2. Títulos
  3. Enlaces & Botones
  4. Imagenes & Iconos & Thumbnails
  5. Formularios
  6. Paginación
  7. Cabecera
  9. Pie
  10. Contenido Principal + páginas por secciones
  11. Titulo de Secciones
Copyright 2009 ADDENTRA (www.addentra.com)
/****************************************
 1.     	   GENERAL
	  body, a, estructura, img, div
*****************************************/

body{ background-color:#d6dbde; font: normal 69% /*11px*/ "Tahoma"; color: #888888; overflow:auto; }
* { margin: 0; padding: 0; border: none;}
h1, h2, h3, h4, h5, h6, p, pre,  
blockquote, ul, ol, dl, address {
margin: 0 0 1em 0;} 
ul, ul li, ol, ol li{ margin:0px; padding:0px; list-style:none;}
/*:focus {outline:0;}*/
img{border:none; margin:0px; padding:0px;}
#borde{width:925px; margin:auto;}
#contenedor, #cabecera, #contenido, #cuerpopie, #pie{width:925px; float:left; }
.noborde{ border:none;}
.oculto{ display:none;}
.negro{ color:#000;}
.azul{ color:#20a2dc;}

/****************************************
 2.				T?TULOS
 		 h1, h2, h3, h4, h5, h6
*****************************************/
h1{ font: bold /*14px*/ 1.27em "Tahoma"; color:#000;}
h2{font: normal /*16px*/1.45em "Tahoma"; }
h3{font: normal /*14px*/1.27em "Tahoma"; }
h5{font: normal /*12px*/1.09em "Tahoma";}
h6{font: normal /*10px*/ 0.91em "Arial";}
/****************************************
 3.			ENLACES Y BOTONES
*****************************************/
a, a:link, a:visited, a:hover, a:active { /*font: normal 1.09em "Arial"*/ color:#888; text-decoration:none; cursor:pointer; }
a:hover{color:#4ABDE7;}

/****************************************
 4. 		IM?GENES & ICONOS
*****************************************/



/****************************************
 5.	 			FORMULARIOS
*****************************************/
input, select, textarea{ font: normal 12px "Tahoma"; border:1px solid #d6dbde; padding:2px 2px 2px 4px; background-color:#ffffff; color:#333; }
textarea { height:50px;}
.checkbox { border:none;}
button {cursor:pointer; } 
input:focus, select:focus, textarea:focus { background-color: #fffdc4;} 
.entrada190{ width:190px;}
.entrada180{ width:180px;}
.entrada90{ width:90px;}

/****************************************
 6.				PAGINACIÓN
*****************************************/
.paginacion{   margin:10px 0 0 0; display:block; float:left;  text-align:center;}
.paginaciondirec{  margin-top:5px; display:inline;}
.paginacionponente{  margin-top:5px;  width:150px; }
  .pagnumeros{float:left;  width:200px; border: 1px solid #F0F; }
  .mostrartodos{ text-align:center;  margin:5px auto; display:block; padding-top:10px; width:12px; height:22px; background:url('../img/imgPaginacionTodos.gif') top left no-repeat; }
    .mostrartodos a{ color:#666;}
  .mostrartodos a:hover{ color:#000;}
/* fila que contiene todos los elementos de la paginaci�n con sus celdas */
	.pg_filatabla {text-align:center ; }
		.pg_lBtnNavegacion:hover { color:#000000; font-weight:bold; cursor:pointer; }	
/* linkbutton de paginaci�n de tipo: 1, 2, 3, etc */
	.pg_enlacePagina {  background-color:#c1c1c1; width:27px; height:22px; padding-top:5px; display:block; font-size:14px; text-align:center; color:#333; cursor:default; margin:0px 2px; }
		.pg_enlacePagina:hover {  cursor:pointer; color:#d8dada; background-color:#999;}
/* estilo del enlace de la p�gina que se est� visualizando */	 
	.pg_enlacePaginaActual { color:#d8dada; background:url('../img/imgPaginacionNumeros.gif');  width:27px; height:22px; padding-top:5px; display:block; font-size:14px; text-align:center; cursor:default; margin:0px 2px;   }
		.pg_enlacePaginaActual:hover {  color:#d8dada; cursor:default; }
/* celda que contiene los elementos de paginaci�n primero y anterior */
.btnsiguiente, .btnultimo, .btnanterior, .btnprimero{ display:block; float:left; width:24px; height:20px; background-color:#c1c1c1;  padding:3px;}
.btnsiguiente:hover, .btnultimo:hover, .btnanterior:hover, .btnprimero:hover{ background-color:#999;}
.btnsiguiente{background:url('../img/imgPaginacionDrcha.gif') center no-repeat; }
/*.btnultimo{background:url('../img/flechadrch2-trans.png') center no-repeat;}
*/.btnanterior{background:url('../img/imgPaginacionIzq.gif') center no-repeat;}
/*.btnprimero{background:url('../img/flechaizq2-trans.png') center no-repeat;}
*/.deshabilitado{ background-color:#fff;}	   

/****************************************
 7.		 		CABECERA
*****************************************/
#cabecera{ height:103px; margin-top:15px; background: url('../img/cabecera.jpg') no-repeat left top;}
#cabecera .cabecera{ width:890px; height:52px;  float:left; display:inline; margin:40px 0 0 15px;}
.cabecera img{ width:58px; height:52px; float:left;}
.cabecera .titulo{ width:275px; float:left; margin:8px 0 0 5px; display:inline;}
.cabecera p{ margin:0px; padding:0px;}
.cabecera h1{ margin-bottom:4px;}
div.cabecera_buscar{ width:454px; height:50px; float:right; margin:1px 0 0 8px; position:relative; }
div.cabecera_buscar span.formbusqueda{ display:block; float:left; width:408px; height:35px; padding-top:15px; }
div.cabecera_buscar input{ margin-left:4px; display:inline; font: normal 11px "Verdana"; padding:3px 2px 3px 4px;}
div.cabecera_buscar a{ width:52px; height:50px; float:right; display:block; margin:0px; padding:0px; position:absolute; top:0px; right:0px;}
/****************************************
 8.	 				PIE
*****************************************/
#pie{ height:64px;  background: url('../img/pie.jpg') no-repeat left top;}
#cuerpopie{  height:65px;  background: url('../img/cuerpopie.jpg') no-repeat left top;}

/****************************************
 9.		 	CONTENIDO PRINCIPAL
*****************************************/
#cuerpo{ background: url('../img/cuerpo.jpg') repeat-y; float:left; position:relative;}
.cuerpotop{ background: url('../img/cuerpotop.jpg') no-repeat left top; width:925px; height:auto;  float:left;  }
.capacontenido{width:900px;  margin:12px; display:inline; float:left; }
.lateral{ width:180px; float:left; }
  .lateral div{ margin-bottom:6px;}
.contenido{width:702px; float:left; margin-left:12px; margin-top:1px; display:inline;}
.contenido_top{width:692px; height:31px; background-color:#f0f2f3; border-bottom:1px solid #d4d8db; float:left; }
.modolista{ width:672px; min-height:300px; background-color:#ffffff; padding:10px; float:left; }
.modolista ul, .modolista ul li{ float:left; width:668px; }
.modolista ul li{ border-bottom:1px dotted #cccccc;}
.modolista li a{ display:block; float:left; color:#888888;  padding:5px 0 5px 5px;}
.modolista li a:hover{ background-color:#d6dbde;}
.modolista li a img{ float:left;}
.modolista li a span.datoscurso{ float:left; display:block; width:615px; margin-left:10px; display:inline;}
.modolista li a strong{ color:#000000; display:block;}
.colorfondolista{ background-color:#E9E9E9;}
.colorfondosinevento{ background-color:#FFF8D7;}
.visualizacion, .contienecalendario{ width:180px; margin-top:1px; float:left;}
.visualizacion a{ display:block; width:180px; height:49px; float:left; }
.visualizacion a img{  width:180px; height:49px; float:left; }
.visualizacion a.destacado{ height:150px;}
.visualizacion a.destacado img{ height:150px;}

.menucanales{width:180px; float:left;}
.menucanales ul, .menucanales ul li{width:180px; float:left;}
.menucanales ul li{ margin-bottom:5px;}
.menucanales ul li a{ display:block; width:178px; float:left; padding-bottom:5px; border:1px solid #d6dbde; background-color:#fffff1; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

.menucanales ul li a:hover{ background-color:#d6dbde;  border:1px solid #b4b8bb;}
.menucanales ul li a img{ width:36px; height:36px; float:left; margin:5px 4px 0 2px; display:inline; }
.menucanales ul li a span.menucanalesinfo{ display:block; float:left; width:132px; margin-top:8px; font-size:11px; color:#999;}
.menucanales ul li a span.menucanalesinfo strong{ display:block; color:#000;  text-align:justify;}


/*CALENDARIO*/
.eventosmes{ float:left; width:700px; margin-left:15px; color:#626262; display:inline;}
.cajacalendario{ float:left; width:710px; margin-left:8px; display:inline; background-color:#d1d1d1; padding-bottom:5px;}
.navegacionmeses{ float:left; width:710px; margin-left:8px; display:inline;}
.navCalendario{ width:524px; margin:auto; }
.meses{ float:left; width:524px; margin-top:3px; }
	.meses li{ float:left; width:110px;}
	.meses li a{ color:#888888; display:block; height:23px; margin-top:3px; padding:3px 0 0 0;}
	.meses li a.mesanterior{ background:url('../img/btnanterior.gif') top right no-repeat;}
	.meses li a.mesanterior:hover{ background:url('../img/btnanteriorh.gif') top right no-repeat; color:#000000;}
	.meses li a.messiguiente{ background:url('../img/btnposterior.gif') top left no-repeat; padding-left: 36px;}
	.meses li a.messiguiente:hover{ background:url('../img/btnposterior.gif') top left no-repeat; color:#000000;}
	.meses .mesactual{ float:left; width:290px;  font-size:14px;  margin-top:3px; display:inline; color:#20a2dc; text-align:center;}
.cajadiassemana{ float:left; width:708px;  clear:both; }
	.cajadiassemana li{ float:left; width:99px; text-align:center; display:inline;  color:#626262; margin:1px;}
.calendario{float:left; width:708px;  }
.cajacalendario a{float:left; width:99px; height:89px; margin:1px; display:block; background-color:#FFF; color:#888888; font-size:9px; }
.cajacalendario a span{ display:block;}
span.titulodia{ display:block; width:99px; height:17px; background-color:#f4f4f4; float:left;}
span.neventosdia{ width:72px; float:left; text-align:center; padding:2px 0 0 0;}
span.puntodia { width:22px; height:14px; color:#FFF; background-color:#009ee1; float:left; text-align:center; margin-top:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
span.eventosdia{ width:97px; height:70px; margin:1px; float:left;}
span.eventosdia span{ width:94px; background-color:#96c147; margin-bottom:1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#FFF; padding:0 0 1px 3px; display:none;}
span.eventosdia span.visible{ display:block;}
.cajacalendario a.diaactual, .cajacalendario a.diaactual span.titulodia{ background-color:#96c147;}
.cajacalendario a.diades span.titulodia { color:#c1c1c1;}
.cajacalendario a.diades span.puntodia, .cajacalendario a.diades span.eventosdia span{ background-color:#cbcbcb;}
.imgcalendario{ background:url(../../../../Documents%20and%20Settings/FRAN/Escritorio/anterior.png) no-repeat top left; width:20px; height:20px;  }
/* PopUp de enventos del Calendario*/
.popup{ max-height:245px; padding:0 5px 5px 5px; overflow-y:auto; background-color:#f3f2f6; border:1px solid #999;}
.cabecerapopup{ height:27px; width:365px; padding:0 5px 0px 0; display:inline; float:left; clear:both; }
.cabecerapopup p{ float:left; width:320px; margin:5px 0 0 10px; display:inline; }
a.btncerrarpop{ display:block; width:25px; height:24px; background:url('../img/btncerrarpop.gif') top right no-repeat; float:right;}
a.btncerrarpop:hover{ background:url('../img/btncerrarpoph.gif') top right no-repeat;}
.popup .modolista{ width:365px; clear:both; padding:5px; border:1px solid #d4d8db; background-color:#FFF;  min-height:30px;}
.popup .modolista ul, .popup .modolista ul li{ width:360px; }
.popup .modolista ul li a{ width:355px; float:left; font-size:11px; height:auto; }
.popup .modolista ul li a img, .popup .modolista ul li a span.datoscurso{ float:left;}
.popup .modolista ul li a img{ width:36px; height:36px;}
.popup .modolista li a span.datoscurso{ display:block; width:305px; }
.popup .modolista li a span.datoscurso strong, .popup .modolista li a span.datoscurso span{ width:305px; }
.popup .modolista ul li .linkSinEnlace{cursor:default;}
.popup .modolista ul li .linkSinEnlace:hover{ background-color:#FFF;}
li .linkSinEnlace{ cursor:default;}
.modolista li .linkSinEnlace:hover{ background-color:#D6DBDE;}
a.destacado{ background-color:#fff5a0;}

.cabecerapopup p { font-size:12px; font-weight:bold; }




/* Corner radius */
.corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

a.sinenlace{ cursor:default;}
a.sinenlace:focus{ outline:0;}



.cajacanalesrecomendados2{ float:left; width:180px;}
.imgcanalesrecomendados{ background:url(../img/canalesRecomendados.gif) top left no-repeat; width:20px; height:20px; float:left; margin-left:8px; display:inline; }
.textocanalesrecomendados{ float:left; font-weight:bold; color:#000; margin:4px 0 0 10px; display:inline; }
.spancoincidencias{ float:left; margin:8px 0 0 20px; display:inline; font-weight:bold;}

/****************************************
 6.				PAGINACIÓN
*****************************************/




.btnsinenlace{ background:url(../img/imgPaginacionNumeros.gif) center  no-repeat; width:15px; height:19px; float:left; padding:6px 0 0 8px;}
.btnizqazul{ background:url(../img/imgPaginacionIzq.gif) top left no-repeat; width:25px; height:25px; float:left;}
.btnprincipoizq{ background:url(../img/principioAzulIzq.gif) top left no-repeat; width:25px; height:25px; float:left;}
.btndrchaazul{ background:url(../img/imgPaginacionDrcha.gif) top left no-repeat; width:25px; height:25px; float:left;}
.btnultimodrcha{ background:url(../img/ultimoDrchaAzul.gif) top left no-repeat; width:25px; height:25px; float:left; margin-left:4px; display:inline;}
.btnconenlace{ float:left; margin:6px 4px 0 4px; display:inline;}
.btntodaspaginacion{ background:url(../img/imgPaginacionTodos.gif) top left no-repeat; width:90px; height:25px; float:left; padding:7px 0 0 30px; margin-left:6px; display:inline;}
.puntosizq{ float:left; margin:6px 4px 0 4px;}


.animacionUpdateCalendario{ height:450px; background-color:#333;float:left; width:710px; display:inline; text-align:center; background:url(../img/bigrotation2.gif)center no-repeat;}