@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; border:0}

body { padding:0px; margin:0px; HEIGHT: 100%; FONT-SIZE: 11px; COLOR: #006699; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#fff;  /*background-color:#c6c7af;*/ text-align:center}

HTML{HEIGHT: 100%; overflow: inherit}

a { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color:#3399cc; text-decoration:underline;}
a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006699; text-decoration:none;}

h1{ font: normal 20px "Times New Roman", Times, serif; padding:8px 0 0 30px; margin:0; color: #fff; font-style:italic;}
h2{ font: bold 11px Arial, Helvetica, sans-serif; padding:0px; margin:10px 0; color: #FF6600; text-align:left; border-bottom:1px solid #FF6600}
h3{ font: bold 12px Arial, Helvetica, sans-serif; padding:0px; color: #660000; text-align:right; }

p{ line-height: 15px; margin: 10px 0 15px 0; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify;}
p.notas{ line-height: normal; margin: 10px 0 15px 0; color:#000000; font: normal 9px Verdana, Arial, Helvetica, sans-serif; text-align:justify;}


ul{ margin: 0 30px; line-height: 16px;}
li{ list-style-image:url(../imagenes/fl.gif); margin:5px 0;}

strong{}

img{ border:none;}


div.link{ width:auto; height:20px; background:url(../imagenes/ico_flecha.gif) no-repeat left top; margin:8px 0; padding-left:16px; text-align:left}
div.link a{ color:#FFFFFF;}


/* --------------------------------------------------------- estructura general -----------------------------------------------------------------*/

#contenedor { margin:0 auto 0 auto; overflow:hidden; padding:5px; width:775px; height:auto; background:#FFFFFF;}

#contenedorFondo { margin:0; overflow:hidden; padding:0; width:775px; height:auto; background:url(../imagenes/fondo_menu.gif) repeat-y #FFFFFF;}

#cabecera { margin:0; overflow: hidden; padding:0; width: 775px; height:60px; border-bottom:1px solid #FFF; background:url(../imagenes/fondo_cabecera.gif); text-align:left;}

#columnaMenu { margin:0; padding:0; overflow: hidden; float:left; width: 225px; height:auto; border-right:1px solid #fff; text-align:left;}

#columnaContenido { margin:0; padding:0; overflow: hidden; float:right; width: 549px; height:auto; text-align:left;}

#contenido { margin:30px 10px 30px 30px; padding:0; overflow: hidden; float:right; width: 509px; height:auto; text-align:left;}

#pie { margin:50px 0 0 0; overflow: hidden;  width: 770px; height:auto; color:#999; font-size:10px; text-align:right;}



/* ----------------------------------------------------------------------------------------------------------------------*/

div.accesoRED{ width:225px; height:180px; background:url(../imagenes/fondo_acceso.gif) #ff9500; border-bottom:1px solid #FFF;}

div.accesoRED form{ width:195px; height:auto; padding: 50px 15px 15px 15px; text-align:center;}
div.accesoRED input{ background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #003366; border:1px solid #660000;}
div.accesoRED input.boton{ width:80px; height:auto; padding:0; margin:10px 0; background: #CC3300; border:1px solid #660000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #fff;}


#menu { margin:0px; padding:0px; border-top:5px solid #2f7f8c;}
#menu li{margin:0px;padding:0; list-style:none; width:225px; height:29px; border-bottom:1px solid #2f7f8c;}
#menu li a{ display:block; width:190px; height:23px; padding: 6px 0px 0px 35px; text-decoration:none; font-size:12px; color: #fff; font-weight:bold; background:url(http://82.98.141.22/enciclored/imagenes/flecha_menu.png) no-repeat 7px 6px;}
#menu li a:hover{ text-decoration:none; color: #2f7f8c;}
#menu li a.seleccion{ display:block; width:190px; height:23px; padding: 6px 0px 0px 35px; text-decoration:none; font-size:11px; color: #FF3300; font-weight:bold; background:url(http://82.98.141.22/enciclored/imagenes/flecha_menu.png) no-repeat 7px 6px #FF9900;}



div.imagenCabContenido{ width:549px; height:139px; background: url(http://82.98.141.22/enciclored/imagenes/imagen_cabecera.jpg) #fff; border-bottom:1px solid #FFF;}
div.tituloCabContenido{ width:549px; height:40px; background: url(http://82.98.141.22/enciclored/imagenes/fondo_imagen_cabecera.gif) #669900; border-bottom:1px solid #FFF;}



div.homeColumna1{ float:left; width:239px; height:auto;}
div.homeColumna2{ float:right; width:239px; height:auto; background:#e0dbbb}


.tituloDestacado{ width:229px; height:23px; padding:7px 0 0 10px; color:#FFFFFF; font: bold 11px Verdana, Arial, Helvetica, sans-serif; background:url(http://82.98.141.22/enciclored/imagenes/fondo_azul.gif);}
.bienvenida{ overflow:hidden; width:219px; padding:20px 0px 10px 20px; height:auto; color:#006699; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
.bienvenida img{ width:auto; height:auto; float:left; padding-right:10px;}

.tituloEntero{ width:540px; height:23px; padding:7px 0 0 10px; color:#FFFFFF; font: bold 11px Verdana, Arial, Helvetica, sans-serif; background:url(http://82.98.141.22/enciclored/imagenes/fondo_azul.gif);}


.tituloNovedades{ width:100%; height:23px; padding:7px 0 0 10px; color:#FFFFFF; font: bold 11px Verdana, Arial, Helvetica, sans-serif; background: url(http://82.98.141.22/enciclored/imagenes/fondo_titulonovedades.gif);}
.novedad{ padding:20px 10px 20px 5px;}
.novedad strong{ color:#660000;}
.novedad p{ text-align:left;}
.novedad img{ float:left; padding:0px 10px 10px 0px; width:90px; height:auto;}

#pie a{ color:#33CCFF; font-size:10px; }




table.formulario{ border-collapse:collapse; width:98%; height:auto; font: bold 10px Verdana, Arial, Helvetica, sans-serif}
table.formulario td{ padding:5px 2px; border-bottom:1px dashed #3399CC; text-align:right; height:35px;}
table.formulario td.datosCampo{ background:#D5F7FA; font-weight:normal; text-align:left}





div.caja { width: auto; padding:0; margin:0; }

div.fila { display: block; margin: 3px 0; line-height: 22px; font-size: 22px; height: 22px; font-size:11px; border-bottom: 1px solid #fff;}

div.filaAlta { height: auto; border-bottom: 1px solid #fff;}

div.texto{ font-size:11px; float:left; display: inline; font-weight: bold; color: #006699; margin: 0px 6px; height: 22px; line-height: 22px; padding:0px 7px; text-align: right;}

div.texto { width: 175px}

div.campo {	display: inline;}

div.botonesFormulario { padding: 15px 0 10px 175px;}

input, select{ width:auto; height:16px; border:1px solid #3399cc; margin: 3px 0;} 
textarea{ width:250px; height:auto; border:1px solid #3399cc; margin: 3px 0;} 
input.boton{ width:100px; height:18px; background:#CC3300; color:#FFFFFF; font-weight:bold; padding-top:5px; text-align:center; border:1px solid #660000;}