/* CSS Document */
*{ margin:0;padding:0;}
html, body{height:100%;font-family:Arial, Helvetica;}
h1{font-family:Arial, Helvetica; color:#fff; font-size:1.3em; margin:30px 0 0 20px;}
h2{width:100%; padding:3px; background:url(imagenes/pixelh-trans.png) repeat-x;font-family:Arial, Helvetica; font-size:1em; margin:0}
h3{color:#FFF; font-size:1.2em; font-family:Arial, Helvetica; font-weight:normal; text-decoration:underline;}
.limpiar{clear:both;}
/*CABECERA*/
#contenedor{ min-width:790px; width:100%;}
#cabecera{width:100%; height:5.8em; position:relative;border-top:1px solid #000;border-bottom:3px solid #000;}
#logo{ position:absolute;top:0%; left:0; z-index:300; width:194px; height:91px;}
#menu_rojo{background-color:#990000; width:100%;}
#menu_rojo ul{list-style:none; margin:0 auto; padding:2px 0 2px 200px; text-align:left;}
#menu_rojo ul li{display:inline; padding:0 1em 0 1em; }
#menu_rojo a{ color:#FFF; text-decoration:none;padding:0 3px 5px 3px; font-size:0.8em;}
#menu_rojo a:hover{ color:#333; text-decoration:none; background:#C77373;padding:0 3px 5px 3px; font-size:0.8em;}
#menu_rojo a:focus{color:#333; text-decoration:none; background:#C77373;padding:0 3px 5px 3px; font-size:0.8em;}
#menu_rojo a:active{color:#333; text-decoration:none; background:#C77373;padding:0 3px 5px 3px; font-size:0.8em;}
#menu_rojo a.current{color:#333; text-decoration:none; background:#C77373;padding:0 3px 5px 3px; font-size:0.8em;}

/***********************/
#menu_superior{width:100%; height:auto; overflow:auto;font-family:Arial, Helvetica; background-color:#AEAFAA; border-bottom:5px #D8d7d3 solid;padding-top:5px;list-style:none;padding:5px 0 5px 0; text-align:center;}
.menues_sup{padding:0 1em 0 1em; float:left;}
.menues_sup a{color:#333;text-decoration:none; font-size:0.8em; font-weight:bold;background-color:#AEAFAA;}
.menues_sup a:hover{ color:#FFF; text-decoration:underline;}
.menues_sup a.current{ color:#FFF; text-decoration:underline;}
/*MENU SUPERIOR*/
/*CABECERA*/

/*CONTENIDOS*/
#contenido{width:100%;height: 100%;margin:8px auto 0 auto; background:url(imagenes/fondo.jpg) center no-repeat;}
#col_izquierda, #centro, #col_derecha{ height:100%;}
#col_izquierda{ width:170px;float:left; background:#000 url(imagenes/col_izq.jpg) repeat-y; margin:0 0 0 5px}
#centro{margin:10px 135px 10px 170px;padding:0 10px 0 10px; background:transparent url(imagenes/fondo_contenido.gif) right repeat-y;}
#col_derecha{width:130px;float:right; background:#000 url(imagenes/isla.jpg) repeat-y center top;margin:0 5px 0 0;text-align:center; margin-bottom:5px}
/*CONTENIDOS*/


/*MANEJO DEL DIV DEL CENTRO*/
.superior{padding:3px;height:auto; display:table;background-color:#000; width:99%;}
.superior_img{width:130px; height:87px; background-color:#000; padding:5px;}
.superior_lista{text-align:right;}
.superior_lista ul{list-style:none;font-family:Arial, Helvetica;margin:20px 0 0 0; padding:0;font-size:0.9em; border:0;}
.superior_lista ul li{ width:95%;}
.superior_lista a{ color:#FFF; text-decoration:none; display:block; padding:2px 0 2px 3px; font-style:italic; font-size:0.8em; font-style:italic;}
.superior_lista a:hover,.superior_lista a:focus,.superior_lista a:active{ color:#FFF; text-decoration:none; background: #787469; display:block;font-style:italic;}
.superior_lista a.current{ color:#FFF; text-decoration:none; background: #787469; display:block;font-style:italic;}
#medio{ padding:3px;height:auto; overflow:hidden;background:url(imagenes/pixel-trans.png);margin:5px 0 0 0; width:98.5%;}
#medio img{float:right; margin:0 4px 0 0}
.medio_izq{ width:86%;height:auto;margin:2% 0 1px 0; font-size:12px; float:left;}
.medio_izq h2{width:100%; padding:3px; background:url(imagenes/pixelh-trans.png) repeat-x;font-family:Arial, Helvetica; font-size:1.5em; margin:0}
.medio_der{ position:absolute;width:70px; height:56px;top:6%; right:3.5%; z-index:1000}


.contenido_centro{padding:20px; background-color:transparent; text-align:justify; font-family:Arial, Helvetica; color:#333; font-size:0.95em; height:auto; overflow:auto;}

/*contenido para la col_izquierda*/
.textos_izq{ width:80%; margin:15px auto 0 auto; background-color:transparent; color:#FFF; font-family:Arial, Helvetica; font-size:0.7em; font-weight:100;}
.textos_izq a{ color:#FFF; text-decoration:none; display:block}
.textos_izq a:hover{ color:#ccc; text-decoration:underline;display:block}
/*contenido para la col_izquierda*/
/*contenido de la col_derecha*/
.texto_der{background-color:transparent; color:#fff;}
.texto_der ul{list-style:none; margin:40px 0 0 0; padding:0;}
.texto_der ul li{ padding:20px 0 10px 0;}
.texto_der ul li a{ color:#fff; text-decoration:none;font-size:0.8em;}
.texto_der ul li a:hover{ color:#FFF; text-decoration:underline;}
.texto_der ul li a img{ border:0;}
/*contenido de la col_derecha*/
/*MANEJO DEL DIV DEL CENTRO*/
#paginado{text-align:right; margin-top:15px; font-size:0.9em; padding-right:10px;font-family:Arial, Helvetica;}
#paginado a{ color:#990000; text-decoration:none; font-size:0.9em;}
#paginado a:hover{ color:#666; text-decoration:underline; font-size:0.9em;}
/*MANEJO DEL DIV DEL CENTRO*/
/*PIE*/
#pie{width:100%; height:3.88em; background-color:#000; clear:both; margin:0 auto;}
#pie_izq{width:50%; float:left; color:#FFF; font-family:Arial, Helvetica; display:table; vertical-align:super; margin-top:3px; font-size:0.8em;}
#pie_der{width:25%; float:right;color:#FFF; font-family:Arial, Helvetica; display:table; vertical-align:super; margin-top:3px;font-size:0.8em;}
#pie_der a{ color:#FFF; text-decoration:none}
#pie_der a:hover{ color:#CCC; text-decoration:underline}
#pie2{width:100%; height:3.6em; background-color:#999; color:#333; font-weight:bold; font-size:0.8em; clear:both; text-align:right;}
/*PIE*/

/*********************************************FORO******************************************************/
#foro_centro{height:100%;margin:0 auto;padding:0 10px 0 10px; background:transparent url(../imagenes/fondo_contenido.gif) right repeat-y;}
/*********************************************FORO******************************************************/

.centrar{text-align:center;}
.apoyo{margin:20px 0 0 0; width:100px; float:left}

/*video*/
.cont_total_v{width:60%; height:auto; display:table; margin:0 auto; border:3px double #000;font-size:0.8em;}
.titulo_video{ text-align:left; padding:5px 0 5px 10px; border-bottom:1px solid #000; border-top:2px solid #000; margin:0 0 5px 0}
.prev_video{width:320px; height:265px; margin:5px auto 15px auto;border-bottom:1px solid #000; padding:0 0 3px 0;}
/*video*/

.clandestino{width:100%; height:auto; display:table; text-align:center;}
/*FORMULARIO DE CONTACTOS*/
.contacto{width:80%; min-height:17.06em; height:auto!important;display:table;height:17.06em;color:#333; font-size:1em; margin:20px auto; border:3px double #CC0001; font-weight:bold;}
#formulario{width:90%; margin:10px auto; text-align:left;position:relative;}
.txt {position:absolute;right: 0;clear: left;width:70%;}
.txt2 {position:absolute;right: 0;clear: left;width:71%;}
#formulario label {line-height: 27px;}
#formulario textarea { width:100%;}
.boton_form{width:100%;text-align:center; margin:0.4em;}
.boton_form input{width:200px; background-color:#564C43;height:2em;font-weight:bold;color:#FFF;}
/*FORMULARIO DE CONTACTOS*/