html, body, div, span, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
/*font-size: 100%;*/
font-family: inherit;
}
img { border:0; }
h1 {font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align:center; padding:0px;}
h2 { font-size: 2.2em; margin: 0; border-bottom: 1px solid #797979; margin-bottom: 5px; color: #354158;}
h3 { font-size: 1.8em; margin-top: 30px; border-bottom: 1px solid #797979; margin-bottom: 10px; color: #607293;}
h4 { font-weight: bold;}
body { /*color: #797979;*/ color:#000000; font-family: Verdana, Arial; font-size: 75%; background-color:#000000; height:100%;}
a { /*color: #607293;*/ color:#a5da19; text-decoration: none;}
a:hover { /*color: #354158;*/ color:#f123d0;}
.enlace_indice {padding-left:2px;padding-right:2px;}
#indice_seleccionado { padding-left:2px;padding-right:2px; color:white; font-size:10px;}
/******************************************************************************** PRINCIPAL ******************************************************************************************/
#principal {width:884px; margin:auto; color:#fff; border:0px solid #fff;}
#informacion {height:570px; padding:20px 0 20px 0px;}
#informacion .fecha {color:#a5da19; font-family:verdana; font-family:verdana; font-size:10px; padding-right:8px;}
#informacion #izquierda {width:365px; float:left; border:0px solid #ffF;}
#informacion #introduccion {width:365px; margin-right:5px; font-family:verdana; font-size:11px; padding:0 5px 10px 0px;}
#informacion #noticias {width:360px; margin:10px 5px 10px 0px; padding:0 0 10px 10px; border-left:1px solid #ffa31f; }
#informacion #img_noticias {background:url('../images/principal_noticiasweb.jpg') no-repeat;}
#informacion #noticias a {color:#ffa31f;}
#informacion #noticias a:hover {color:#a5da19;}
#informacion #galerias {width:500px; height:300px; float:left; border:0px solid #f0f;}
#informacion #actualidad {width:860px; float:left; margin:10px 5px 10px 0px; padding:0 0 10px 10px; border-left:1px solid #a5da19;}
#informacion #actualidad a {color:#fff;}
#informacion #actualidad a:hover {color:#a5da19;}
#informacion #articulos {width:860px; float:left; margin:10px 5px 10px 0px; padding:0 0 10px 10px; border-left:1px solid #f123d0;}
#informacion #articulos a {color:#fff;}
#informacion #articulos a:hover {color:#f123d0;}
#informacion #publi {width:728px; height:90px; margin:10px auto 10px auto; float:left; border:0px solid #0ff; }
/*naranja color:#ffa31f; verde color:#a5da19; fucsia color:#f123d0; */
#informacion .seccion_noticias {color:#fff; font-family:verdana; font-size:20px; padding-bottom:10px;}
#informacion .seccion_actualidad {color:#fff; font-family:verdana; font-size:20px; padding-bottom:10px;}
#informacion .seccion_articulos {color:#fff; font-family:verdana; font-size:20px; padding-bottom:10px;}
/*.noticia_web, .noticia_actualidad, .noticia_articulo {color:#fff; font-family:verdana; font-family:verdana; font-size:12px; }*/
.noticia_rss, .noticia_web {color:#fff; font-family:verdana; font-family:verdana; font-size:11px; }
#informacion .descripcion {font-size:12px;}
/*************************************************************************************************************************************************************************************/
#container { width: 874px; height:611px; margin: auto; color: #ffffff; border:0px solid #f00fff; }
#principal #logo, #container #logo { /*background: url(../images/titulo.jpg) no-repeat top left;*/ height: 50px; margin:auto; width:874px; border-bottom:#a5da19 1px solid;}
#marco { height: 530px; width:874px; margin:auto; border: 0px solid #f00000; text-align:center; overflow:none; background-color:#000000;}
.miniatura { width:100px; height:100px; background-color:#cccccc; background-image: url(../images/loader.gif); background-repeat:no-repeat; background-position: 35px 35px;}
/*/ intro flash */
#marco_slide {position:relative; overflow:hidden; width:870px; height:505px; padding-top:10px; border:0px solid #000; }
/* cada seccion */
#marco_seccion { position:relative; overflow:hidden; width:870px; height:515px; color: #ffffff; background-color:#000000; border:0px solid white;}
#cabecera_galeria {float:left; height:auto; border:0px solid #fff;}
#imagen_galeria{width:350px;float:left;border-right:1px solid #fff;}
#titulo_galerias {font-family:arial; float:left;height:23px;width:510px;text-align:left;padding-left:10px;margin-bottom:10px;border-bottom:1px solid #fff;}
.desc_galeria { font-family:verdana,arial; font-size:10px; text-align:left;padding-bottom:3px;}
#marco_galeria{position:relative; text-align:left; overflow:hidden; width:868px;height:200px;background-color:#000;
border-bottom:0px solid white; border:0px solid #fff; padding-bottom:15px;}
#menu_galeria {position:relative; left:10px; text-align:left; padding-left:0px; margin-left:0px; float:left; font-size:11px; color:#fff; width:500px; }
#contenedor_menu_galeria{position:absolute; left:0px; top:0px; border:0px solid red}
#marco_thumb{position:relative; float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:5px; overflow:hidden; top:0px; width:874px;height:270px; background-color:#000;}
#contenedor_thumb {position:absolute; overflow:visible; left:0px; top:0px; white-space:nowrap;} /*no lo uso*/
#thumbgall{position:absolute; left:-7px;top:0px;white-space:nowrap; border:0x solid #fff;} /* importantisimo para que se muevan las miniaturas, dejarlo como absolute, sino no se mueven las miniaturas */
/* se encarga de cambiar el borde cuando me pongo encima de la miniatura*/
#thumbs img{vertical-align:top;float:left;}
#thumbs a img{border:2px solid #FFF;}
/*#thumbs a:hover img{border:2px solid #a5da19; filter: alpha(opacity=80); opacity: .9}; */
#thumbs a:hover img{border:2px solid #a5da19;}
#thumbs a:hover{color:red;}
#barra_desplazamiento {float:left; width:788px;height:29px;overflow:hidden;border:0px solid #ffffff;}
#indice{padding-top:5px;float:center;font-family:Verdana;font-size:10px;}
#numero_imagenes {float:left; height:10px; font-family:verdana; font-size:10px; color:#a5da19; padding:5px 0 18px 0; border:0px solid #fff;}
/*parte de la css de e2_photo, para transicion de imagenes*/
#back{float:right; visibility:hidden;} /*z-index:1001;}*/
#more{float:right;}
/* desplegable de las galerias*/
.left { float:left;}
.right { float:right;}
.mini_galeria {width:155px; height:100px; }
.contenedor_galeria{ padding-left:4px; border:0px solid red; width:870px; height:270px; overflow:hidden;}
.thumbnailContainer { margin-bottom:14px; float:left; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; margin-top: 0px; display: none; overflow: hidden; width: 874px; height: 0px; }
.thumbnailContainer .horizontal {width:162px; border:1px solid #ccc; margin-top:8px; float: left; background-color:#222; padding-left:5px; padding-top:1px; padding-bottom:5px; margin-right:5px;}
.thumbnailContainer img { float:left; }
.thumbnailContainer a img{border:1px solid #fff;}
.thumbnailContainer a:hover img{border:1px solid #a5da19;}
/******************************************************************* ENLACES *******************************************************************/
#cabecera_enlaces {border:0px solid #ffffff; height:144px;}
#enlaces {width:410px; float:left; padding:0 55px 0 55px; border:0px solid #ff3;}
.container_categoria {width:410px; margin:18px 0 0 0; border:0px solid #fff;}
#titulo_enlaces {font-family:arial, tahoma; font-size:18px; color:#ffffff; text-align:left; }
.lista_enlaces {width:400px; padding:10px 10px 5px 0; margin-right:20px; font-family: verdana, calibri, verdana, tahoma; font-size:11px; border:0px solid #ff0;}
.enlace {padding-bottom:10px;}
.enlace a:hover {color:#fff;}
.enlace a {color:#a5da19;}
.descripcion_enlace {width:400px; padding-top:10px; padding-bottom:10px; font-family:tahoma; font-size:11px; color:#ababab; text-align:left; }
#publi_enlaces {width:160px; height:600px; float:left; margin:18px 0 18px 0; border:0px solid #F03;}
/***********************************************************************************************************************************************/
/* NEWS */
#contenedor_news{width:650px; margin-top:5px; padding-bottom:0px; border:0px solid #ffffff; float:left;}
.titulo_news {padding-top:10px; position:relative; font-family:calibri, tahoma; font-size:21px; color:#ffffff; text-align:left; }
.seccion_news {display: block; height:20px; font-family:palatino linotype; font-size:10pt; font-weight:bold; color:#8fbf10;}
#menu_news {margin-top:15px; margin-bottom:10px; margin-left:5px; padding-bottom:20px; padding-left:15px; width:190px; height:305px; border-left:1px solid #ffffff; float:left;}
#toggle_noticias, #toggle_articulos, #toggle_novedades, #toggle_revistas, #toggle_galerias { font-family:calibri, tahoma; font-size:16px; font-weight:bold; color:#fff;}
/* LIBRO DE VISITAS */
#marco_foro {margin-top:10px;margin-bottom:10px; float:left; } /*height:250px; border:1px solid #fff; overflow:auto; }*/
.contenedor_comentario {border-top:1px solid #ccc; width:876px; float:left; padding-top:10px; margin-top:5px; margin-bottom:5px;}
.nombre { font-family:verdana, arial; font-size:12px; font-weight:bold; color:#fff; float:left;}
.fecha { font-family:verdana, arial; font-size:10px; font-weight:bold; color:#f123d0; float:left; padding-left:5px;}
.comentario { font-family:verdana, arial; font-size:11px; color:#ccc; float:left;}
#boton_submit {text-align:right;}
#texto_boton{font-family:arial, verdana; font-size:11px; }
#contenedor_indice_foro{text-align:right; width:876px; float:left; padding-top:5px;font-family:Verdana;font-size:10px;}
.letrero {font-family:verdana, calibri, tahoma, verdana; font-size:11px; width:100px; text-align:left; color:#FFFFFF; float:left;}
.nombre {font-family:verdana, calibri, verdana; font-size:11px; color:#FFFFFF;}
.div_texto {width:250px; float:left; padding-bottom:10px; }
.texto_form{font-size:8pt; font-family:tahoma; text-align:left; width:200px; size:6;}
.linea_form {float:left; width:450px; border:0px solid #ccc;}
/* FORMULARIO DE CONTACTO */
#codigo {width:130px; height:20px; padding-top:5px; padding-bottom:5px; background:#a5da19; color:#000; font-size:12pt; left:0px; border:0px solid #fff;}
table.datos {padding:0px; border:0px solid #ff0000;}
table.minis td{padding:0px; margin:0px; border:0px solid #00ff00;}
table.minis tr{padding:0px; margin:0px; border:0px solid #00ff00;}
.titulo_deja_comentario{font-family:arial; font-weight:bold; font-size:12px; padding-top:5px; color:#cecece;}
#deja_comentario { padding-bottom:10px; padding-top:10px; float:left; width:700px; left:0px; position:relative; border:0px solid #ffF;}
#contenedor_form{width:400px; padding-top:50px; padding-left:10px; float:left; border:0px solid #fff;}
.botones_form {padding-top:10px; text-align:center;}
.descripcion_form {float:left; width:380px; height:150px; color:#ffffff; font-family:verdana, arial; font-size:11px; margin-top:50px; padding:0px 20px 20px 20px; border-left:1px solid #ffffff;}
#enviado_form {color:#ffffff; font-family:calibri, tahoma, verdana; font-size:14px; text-align:center; padding:80px;}
input { font-family:arial, verdana; color: #232323; font-size:12px; background: #fff; border: 0px solid #a5da19; padding:3px; margin:5px 0 5px 0;}
textarea { font-family:arial, verdana; color: #232323; font-size:12px; background: #fff; border: 0px solid #a5da19; padding:3px; margin:5px 0 5px 0;}
.boton {color:#a5da19; background-color:#232323; cursor:pointer; border:1px solid #555;}
.boton:hover {color:#232323; background-color:#a5da19;}
/*********************************************************************** FOOTER *************************************************************************/
#footer { text-align:left; background:#000; border-top:1px solid #a5da19; width:874px; padding:2px 0 px 0; float:left; }
#footer a { color:#ffffff; }
#menu_principal {width:100%; margin-bottom:5px; float:left; border:0px solid #fff;}
#internetcreativo{margin-top:20px; width:300px; float:left; border:0px solid #f00;}
#qweb {margin-top:35px; width:95px; height:32px; float:right; border:0px solid #f00;}
#footer .informacion { width:300px; height:50px; font-family:verdana; font-size:10px; color:#666; border:0px solid #ff0;}
/***************************************************** PAGINA DE ERROR 404 *****************************************************************/
#error {font-family:verdana, arial; font-size:18px; text-align:center; color:#fff; padding:200px 50px 100px 50px;}