/* Layouut */
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 3px 0 0 0; text-align:center; background:url(../images/carbono.gif) 0 0 repeat; background-color: #000}
body.ventana{background-color: #444f61; background-image: url(../images/fondo.jpg)}
#contenedor{height: 100%; margin: auto; width: 996px; padding: 0; border:1px solid #000; text-align:left;background-image: url(../images/fondo.jpg); background-color: #444f61 }
#cabecera{ width: 996px; height: 110px; border-bottom: 1px solid #CCC; background-position:right top; background-color: #333}
#cabecera img{ display: block}
#lateral{float: left; width: 155px;margin:0; padding:0;}

/* ################################################################################################# */
#cont_menu_supe{ background-color:#454545; /*padding-bottom: 4px;*/ text-align:center}
#menu_superior{margin: 0; padding: 0; list-style-type: none }
#menu_superior li{float: left; padding: 0; border-left: 1px dotted #CCC}
#menu_superior li a{display: block; padding: 5px 20px; font-weight:normal; color: #EEE; font-family:Arial, Helvetica, sans-serif; font-size:11px}
#menu_superior li a:hover{ background-color:#C00; text-decoration: none; /*padding-bottom: 2px; border-bottom: 2px solid #C00*/}
#menu_superior li.sel a{ background-color:#C00; /*padding-top: 2px; border-top: 2px solid #000*/}
#menu_superior li.pri{border-left: 0}
#menu_superior li.pri a{padding: 4px 10px;}
#menu_superior li.rss a{padding: 4px 0; width: 35px; text-align: center}
#ticker_sup {clear: both; border-top: 1px dotted #CCC; padding: 4px 0 4px 0; background-color: #383838}
/* ################################################################################################# */

#random_pics{float: left; margin: 13px 0 0 0; vertical-align:middle; overflow:hidden}
#random_pics li{width: 83px; height:65px; float: left; margin: 0 0 0 5px; vertical-align:middle}
#random_pics li.fst{margin: 0}

/* Encabezados */
h1#h1home{margin: 0; padding:0; border: 0}
#migas{ display: inline; margin: 0; padding:0 0 1px 0; font-size: 11px; border-bottom:1px dotted #999; font-family:Georgia, "Times New Roman", Times, serif}
h1{display: inline; margin: 0; padding:0; font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif}
h2{margin: 14px 0 10px 0; padding:0; font-size: 11px; color: #C00; font-family:Georgia, "Times New Roman", Times, serif;}
h2 a{ text-decoration:none; color: #C00} h2 span.sep{color: #CCC}
h3{margin: 10px 0 10px 0; padding:0; font-size: 10px; color:#003399; font-family:Georgia, "Times New Roman", Times, serif;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Menú Superior */
#menu_sup{margin: auto; width: 990px; padding: 2px 3px;}
#menu_sup ul#izq{float: left;}
#menu_sup ul#der{float: right;}
#menu_sup ul li{float: left; color: #DDD; font-family:Arial, Helvetica, sans-serif}
#menu_sup ul li a {color: #DDD; font-weight:normal}

/* Men� Lateral */
#menu{margin: 10px 0 0 10px; border: 1px solid #888; border-bottom: 0; border-left: 3px solid #888}
#menu li{margin: 0 0 0 0; border-bottom: 1px solid #BBB; }
#menu li a{ color:#000; background-color:#F3F3F3; font-weight:normal; text-decoration:none; display: block; padding: 3px 0 3px 6px}
#menu li a:hover{ font-weight:bold; color:#FFF; background: url(../images/flecha_menu.gif) 97% center no-repeat #669}
#menu li.sel a, #menu li.sel a:hover{ background-color: #069; color: #FFF; font-weight:bold}

/* Buscador */
#buscador{margin: 0; padding:0}
#buscador .img{ vertical-align: -3px; margin: 0 0 0 5px}
#busquedas{margin: 30px 0 0 30px; padding:0}
#busquedas li{margin: 0 0 6px 0; background: url(../images/bullet_busquedas.gif) 0 2px no-repeat; font-size: 11px;padding: 2px 0 2px 22px}
#busquedas li .descripcion{ color: #666666}
.bus{font-size: 11px; margin: 15px 0 15px 30px; color: #555}

/* Home */
#portada{width: 320px; float: left}
#portada img{border: 2px solid #888}
#portada p{margin: 3px 0 0 0; font-weight:bold; color: #CC3300; text-align:center}
#foros{width: 468px; height: 204px; margin: 0; padding: 0; }
#notis{width: 468px; height: 126px; margin: 0; padding: 0; display: block}
#aforos{color: #69F}

#foros.home2 #posts_home { width: 267px}

#derecha_home{float: left;}
#derecha_home ul{margin: 0; float: left; padding:0; width: 220px; height: 128px; overflow:hidden;}
#derecha_home ul li{width: 200px;}
#derecha_home ul li a{font-family:Georgia, "Times New Roman", Times, serif; color: #777;background: url(../images/bullet_azul.gif) 0 7px no-repeat; padding: 3px 0 3px 11px; display: block;}
#derecha_home h2{margin: 0 0 10px 0}

#rssnotis{width: 215px; float: left; overflow:hidden;}
#rssnotis div{display: none; height: 200px; overflow:hidden}
#rssnotis div p{margin: 0 0 7px 0}
#rssnotis div ul{margin: 0; padding: 0; height: 200px;}
#rssnotis div ul li{ margin: 0; padding: 0}
#rssnotis div ul li a{background: url(../images/bullet_verde.gif) 0 7px no-repeat;}

#rssnotis.home2 div ul li a{font-family:Georgia, "Times New Roman", Times, serif; color: #777;background: url(../images/bullet_azul.gif) 0 7px no-repeat; padding: 3px 0 3px 11px; display: block; }

/* Lista Noticias */
.previa_noticia{float: left; width: 225px; padding: 4px; height: 110px; display: none; overflow: hidden; text-align:left}
#pasa{display: block; text-align:left; font-size: 11px; height: 70px; padding-top: 40px}
h2.home{ display: block; color: #C00; margin: 25px 0 0 0; padding-bottom: 3px; font-size: 12px; border-bottom: 1px dotted #999}
.bloque_home{ float: left; overflow:hidden; text-align: left; width: 251px; height: 90px; border: 1px solid #999; margin: 12px 12px 0 0; padding: 1px 1px 4px 1px}
.bloque_home .int_home{padding: 0 5px}
.bloque_home p.titulo{display: block; background-color:#069; margin: 0 0 8px 0; padding: 3px 0 3px 5px; color:#FFF; overflow:hidden}
.bloque_home p.titulo span{font-size: 10px;}
.bloque_home p a, .bloque_home p a:hover{color:#FFF;font-weight:normal; }
.sinmd{ margin-right: 0}

/* Lista Posts */
ul#posts{margin: 0 10px 0 0; padding: 0; list-style-type: none; float: left; width: 230px; height: 120px; overflow:auto}
ul#posts li a{ width: 200px; text-decoration:none; margin: 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #777;background: url(../images/bullet_azul.gif) 0 7px no-repeat; padding: 4px 0 4px 11px; display: block;}
ul#posts li a:hover{ text-decoration:underline}
#pasa_posts{display: block; width: 210px; float: left; text-align:left; font-size: 11px; height: 70px; padding-top: 40px}
.previa_post{display: none; overflow:hidden; height: 110px; padding-bottom: 5px; text-align:left}
.previa_post span{font-weight: bold;}
.previa_post span.ult{color:#66C; text-decoration:underline}
.avatar{ float: left; width: 80px; height: 80px; margin: 0 5px 0 0; border: 1px solid #000}

ul#posts_home{margin: 0 10px 0 0; padding: 0; list-style-type: none; float: left; width: 230px; height: 199px; overflow:auto}
ul#posts_home li a{ width: 200px; text-decoration:none; margin: 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #777;background: url(../images/bullet_azul.gif) 0 8px no-repeat; padding: 4px 0 4px 11px; display: block;}
ul#posts_home li a:hover{ text-decoration:underline}

/* Contenido */
#contenido{min-height: 300px;background-color:#F9F9F9; margin: 8px 0 10px 10px; border: 1px solid #999;padding: 15px 15px 10px 15px; float: left; text-align:justify; width: 820px; voice-family: "\"}\""; voice-family:inherit; width:790px}
html>body #contenido{width:790px}
* html #contenido{height:300px;}
#migas{margin-bottom: 25px}
#ticker{ float: left; text-align:center; background-color: #C00; border: 1px solid #000; margin: 10px 0 8px 10px; padding: 4px 0 4px 0; width: 820px}
#interior468{text-align:center; margin-top: 20px}

/* Pie */
#pie{ margin-top: 15px; border-top: 1px solid #DDD; background-color:#333; padding: 6px 0; color: #CCCCCC; text-align:center}
#pie #botones{margin: 0 0 6px 0}
#pie #tex_pie{margin: 0}

/* Carpetas */
.categorias{ padding: 0 20px 0 28px; text-align:center}
.categoria{float: left; margin: 0 5px 10px 5px; text-align:center;border: 1px solid #000}
.categoria span a{ color: #FFF;display: block; padding: 3px 0 3px 0; background-color:#069; font-weight:bold; border-top: 1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none}
.categoria span a:hover{ background-color:#CC0000; color: #FFF; text-decoration:none}
.cambios span a{ background-color:#08F}
.novedad span a{ background-color:#5A0}

.leyenda{ margin-top: 30px; padding: 20px 0 0 240px; border-top: 1px dotted #999;}
.leyenda div{margin:auto; float: left; border: 1px solid #999; margin-right: 10px;}
.leyenda div p{margin: 2px 0 0 0;}
.leyenda div span{width: 17px; height: 17px; display: block; float: left; border-right: 1px solid #999; margin-right: 8px;}
.leyenda div.sincambios{ width: 101px}
.leyenda div.cambios { width: 84px;}
.leyenda div.novedad { width: 84px;}

.leyenda div.sincambios span{ background-color: #069}
.leyenda div.cambios span{ background-color: #08F}
.leyenda div.novedad span{ background-color:#5A0}

/* Bloques */
.bloque{margin: 8px 0 0 10px; background-color:#F3F3F3; padding: 8px 8px 10px 8px; border:1px solid #999; border-left: 3px solid #999}
.bloque form{margin:0; padding: 0}
.tit_bloque{ font-weight: bold; font-size: 13px; color:#069; text-align:center; display: block; margin:0; font-family: Georgia, "Times New Roman", Times, serif;}

/* Noticias */
div.noticia{ float: left; border: 1px solid #999; width: 368px; text-align:left; overflow:hidden; height: 135px; margin: 0 10px 10px 0; padding: 7px 10px 7px 10px}
.img-noti{ float: left; margin-right: 10px}
div.segunda{margin-right: 0}
p.vermas{ text-align:right; margin: 0 0 9px 0}
p.vermas img{ vertical-align: -5px; margin-left: 3px; }

/* Videos */
.videos{padding: 0 0 0 25px}
.videos li{float: left; width: 350px; height: 100px;padding: 0 30px 0 0;}
.videos li .thumb-desc{ float: left; border: 1px solid #999; margin: 0 10px 0 0}
.pie_video{margin: 20px auto; width: 410px; text-align:left; border: 1px solid #999; padding: 10px}

/* Galerías */
.thumbs_galerias{padding-left: 34px}
.thumb_galeria{float: left; margin: 0 13px 10px 0; background-color: #EAEDF4; text-align:center; width: 135px; height: 101px; overflow:hidden; position: relative; border: 1px solid #999}
.thumb_galeria a{ font-weight:normal; color: #666}
.galerias {padding: 5px 0 5px 35px; margin: 0 0 10px 0}
.galerias a{ color: #777}
.galerias ul li{ float: left; width: 119px; text-align:left; background:url(../images/carpeta.gif) 0 3px no-repeat; padding: 5px 0 5px 22px; margin-right: 10px}
.detalle-img{ text-align:center}
.anterior, .siguiente{float: left; width: 150px; height: 200px; padding-top: 160px}
.foto{ float: left}

/* Fichas Tecnicas */
#img_ficha{ float: left; width: 185px; margin: 0 25px 0 25px; text-align:center}
#img_ficha p{margin: 0} #img_ficha h2{margin: 3px 0 11px 0; font-size: 12px}
#cab_ficha{float: left; width: 530px; text-align:center }
#cab_ficha p{margin: 4px 0 0 0}
#cab_ficha p a{color: #C00}
#ficha{width: 510px; margin: 6px auto 0 auto; text-align:left; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC}
#ficha tr th{ border-left: 1px solid #CCC; border-top: 1px solid #CCC; padding: 3px; font-weight:bold; color: #006699 }
#ficha tr td{ border-left: 1px solid #CCC; border-top: 1px solid #CCC; padding: 3px; padding-left: 3px }

/* Artículos y Documentos */
.articulos{margin: 10px 0 0 60px}
.articulos li{float: left; width: 190px; background: url(../images/articulo.gif) 0 3px no-repeat; height: 36px; padding: 5px 0 0 36px; margin: 0 0 20px 0;}
.sub_art{ font-weight:bold; text-align:left; font-size: 12px; color: #039; margin: 0 0 10px 0}
.articulos.doc li{background: url(../images/documento.jpg) 0 3px no-repeat;}

/* Virtuales */
.virtuales{margin: 10px 0 0 90px}
.virtuales li{float: left; text-align:left; width: 295px; background: url(../images/virtual.gif) 0 0 no-repeat; height: 32px; padding: 3px 0 0 39px; margin: 0 0 20px 0;}

/* Sonidos */
.sonidos{ margin: 10px 0 0 80px}
.sonidos li{ float: left; text-align:left; width: 180px; background: url(../images/sonido.jpg) 0 0 no-repeat; height: 30px; padding: 3px 0 0 41px; margin: 0 0 25px 0}

/* Links */
.links{margin: 0 0 0 20px}
.links li{ float: left; text-align: justify; min-height: 36px; width: 290px; background: url(../images/link.jpg) 0 4px no-repeat; padding: 0 30px 0 41px; margin: 0 0 25px 0}
.links li a.desc{ color:#C03}

/* Descargas */
.descargas{margin: 0 0 0 50px}
.descargas li{ float: left;  text-align: justify; min-height: 36px; width: 290px; background: url(../images/descargar.gif) 0 3px no-repeat; padding: 0 30px 0 41px; margin: 0 0 25px 0}
.descargas li a.desc{ color:#C03}

/* Glosario */
.glosario{ margin: 10px 0 0 70px}
.glosario li{ float: left; text-align:left; width: 160px; background: url(../images/termino.gif) 0 0 no-repeat; height: 30px; padding: 2px 30px 0 38px; margin: 0 0 25px 0}
.alfabeto{ text-align:center; border-bottom: 1px dotted #999; margin: 25px 0 25px 0; padding: 0 0 15px 0; font-size: 13px; font-family:Georgia, "Times New Roman", Times, serif}
.alfabeto a{color:#039} .alfabeto a.sel{background-color:#039; color: #FFF; padding: 0 6px 0 6px}

/* Mapa Web */
.contenedor_mapa{padding: 0 0 0 120px}
.mapa{float: left; width: 150px; margin: 0 15px 30px 0; border: 1px dotted #999; padding: 10px}
.mapa h2{margin:0}
.mapa h2 a{color:#CC0000; text-decoration:underline}
.mapa ul{margin: 8px 0 0 0}

/* Auxiliares */
.img_ampliar{margin-top: 17px;border: 2px dotted #99FF00}
.pie_ampliar{color: #FFF; margin: 10px 0 0 0; font-size: 12px; text-align:center}
.detalle{ text-align:center; margin-top: 10px}
.detalle p{background-color: #FFF; font-size: 11px;width: 210px; height: 148px;margin: auto; text-align:left; padding: 6px; border: 1px solid #000}

/* Maquetación */
.clearer{margin:0; padding: 0; clear: both;font-size: 1px; height:1px; line-height:1px}
.floIzq{float: left}
.floDer{float: right}
.floIzqImg{float: left; margin: 3px 8px 3px 0}
.floDerImg{float: right; margin: 3px 0 3px 8px}
.centrado{ text-align:center}

/* Enlaces */
a{ color: #07B; text-decoration: none; font-weight:bold}
a:hover{ color:#090; text-decoration:underline}

/* Bordes */
.bordeGris{ border: 1px solid #888}

/* Spans */
.tit{font-size: 11px; font-weight: bold; text-align:left}
.azul_oscuro{color:#039; font-style: italic; font-weight: bold; margin-right: 8px}

/* Formularios */
.envio{margin: 28px auto 0 auto; width: 300px; padding: 20px 20px 10px 20px; /*background-color: #EAEDF4;*/ border: 1px solid #999}
.envio table{ font-size: 10px}
.envio table tr td{ padding: 0 0 9px 0}
.envio table tr td.uno{ text-align:right; padding-right: 10px; vertical-align:top}

.caja{padding: 2px 1px; font-weight:bold;border:1px solid #999; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#06C;}
.cajaT{padding: 1px 1px;font-weight:bold;border:1px solid #999; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#06C;}
.caja_grande{border:1px solid #999; font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#06C; font-weight:bold}
.envio label{font-weight: bold; color:#669}
select{color: #369; background-color: #F9F9F9;font-size: 10px; /*width: 100px;*/ margin: 6px 0 0 0; border: 1px solid #999;}
option{border-top: 1px solid #CCC; }
.boton{ margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #555; background-color:#669; color: #FFF}
.txt{ border: 1px solid #999; font-size: 10px; width: 100px; margin: 6px 0 0 0; }
/*.txt:hover, .caja:hover, .cajaT:hover{ border: 1px solid #FC0}*/
.txt:focus, .caja:focus, .cajaT:focus{ background-color:#F4F4F4}

/* Formulario Login */
#login{ border: 1px solid #999; background-color:#EAEDF4; width: 325px; margin: 60px auto 0 auto; padding: 20px}
#login table{ width: 300px}
#login table tr td{padding: 7px 0 0 0}
#login table tr td.primera{ text-align:right; font-size: 13px; color: #FFF}
#login label{font-weight: bold; color:#669}

/* Varios */
img{border:0}
.sin{margin: 0; padding:0}
.pagina{ text-align:center; border-top: 1px dotted #999; padding-top: 11px; margin-top: 20px}
.paginacion{font-size: 12px; font-weight: bold; color: #009933}
.next a img, .previous a img{ vertical-align: -4px}
.generica{margin: 0 0 0 10px}
.generica li{margin-bottom: 10px; background: url(../images/bullet_generica.gif) 0 4px no-repeat; padding: 0 0 0 11px;}
.enlaces li{background: url(../images/bullet_generica.gif) 0 8px no-repeat; padding: 3px 0 3px 11px; margin: 0}
.enlaces li a{ font-weight: normal; color: #32527A}
.nav-inf{ text-align:center; margin-top: 20px}
.nav-inf a{ font-weight:bold; text-decoration:none; color: #CC3300}
.nav-inf a:hover{ text-decoration:underline}
ul{margin:0; padding: 0; list-style-type:none}
ul li{ text-align:left}
ul li p{margin: 5px 0 5px 0}
.once{font-size: 11px}
.catorce{ font-size:14px}
.volver{ text-align:center; font-size: 11px; margin-bottom:0}
.volver a{ background: url(../images/volver.gif) 0 0 no-repeat; ; padding: 0 2px 3px 20px}
#cargando{ background:url(../images/cargando.gif) 0 0 no-repeat; padding: 0 0 20px 25px; margin: 15px 0 0 48px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; color:#336699}
#map{width: 700px; height: 510px; margin: 10px auto; border: 1px solid #069}
code{ display: block; padding: 15px; color: #777; margin-top: 10px; text-align:left; font-size: 10px; border: 1px dashed #069; font-family: Verdana, Arial, Helvetica, sans-serif}
#debug { background-color: #FFF; text-align: left }