body,div,ol,ul,h1,h2,h3,h4,h5,h6,form,p,blockquote { margin:0; padding:0; }

body { text-align:center; background:#FFF; font-size:11px; color:#192666; }
body,form,input,textarea,select { font-family:Verdana, Arial, Helvetica, sans-serif; }
form { display:inline; }
input,textarea,select { font-size:10px; background:#FFF; border:1px solid #666; padding:1px; }
p { padding:10px 0 }
h1,h2,h3,h4,h5,h6{ font-weight:bold; font-family:Arial, sans-serif; color:#06C; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 11px; }
div { display:block; }
table,div,img { border:0; }
ol,ul,li { list-style:none;}
acronym { text-decoration:none; border-bottom:1px dotted #333; color:blue; cursor:help; }
a:link,a:active,a:visited { color:#006597; text-decoration:none; }
a:hover { color:#D46400; text-decoration:underline; }
hr { height:1px; background:#999; border-width:0; }

/* ----- CONTENIDO ----- */
#main { width:760px; margin:auto; text-align:left; }

#fecha_cabecera { padding:2px 0; width:auto; font-size:10px; text-align:right; }
#fecha_cabecera_priv { width:auto; padding:2px 0; font-size:10px; overflow:hidden; }
span.user_desc, span.cabecera_date { width:380px; float:left; }
span.cabecera_date { text-align:right; }

#logo_cabecera { width:auto; border:1px solid #9B2800; overflow:hidden;  }
#logo { float:left; width:200px; }
#banner { width:560px; text-align:right; width:auto; }

#menu { width:auto; border:1px solid #9B2800; border-top:4px solid #9B2800; margin-bottom:12px; overflow:auto; }
#menu ul li{ float:left; border-right:#9B2800 solid 1px; }
#menu ul li a { width:107px; text-transform:uppercase; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; display:block; text-align:center; padding:5px 0; }
#menu ul li a:hover { background:#9B2800; color:#FFF; }

form.attach { position:absolute; visibility:hidden; border: 1px solid #9B2800; padding:10px 5px; background:#FFFFEE; }
form.attach b { font-family:Verdana, Sans-Sherif; font-weight:900; font-size:11px; }
input.attach { margin: 5px 0; padding:2px; width: 150px; font-family:Verdana, Sans-Sherif; font-size:11px; }

#noticias { width:auto; border:1px solid #79A7E2; margin-bottom:12px; }
#noticias_titulo { width:auto; padding:2px 10px; }
#noticias_titulo2 { width:auto; padding:1px 5px; background:#EFF7FF; font-weight:bold; color:#003163; }
#noticias_titular { width:auto; margin:10px; }
#noticias_titular ul li a { padding: 5px 0 0 8px; clear:both; background:url("img/cuadro_azul.gif") 0 10px no-repeat; }

#contenedor { width:auto; overflow:hidden; }
#col_izda,#col_dcha { float:left; padding-bottom: 32768px; margin-bottom:-32768px; }
#col_izda { width:560px; margin-right:10px; }
#col_dcha { width:190px; background:#FBFBFB; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }

div.contenerdor_articulo { width:auto; border:3px solid #EEE; padding:10px; margin-bottom:10px; }
div.titulo_articulo a,h1 { color:#044364; }
div.titulo_articulo a:hover,h1 { color:#770035; }
div.titulo_articulo h6 { color:#999; font-weight:normal; }
div.articulo { overflow:auto; font-family:"Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:13px; line-height:1.4em; margin:20px 0; text-align:justify; }
div.articulo a { color:#027ee7; }
div.articulo a:hover { color:#D46400; }
div.articulo img { margin-right:10px; }
div.opciones_articulo { font-size:11px; text-align:center; padding: 10px 0; } 
div.opciones_articulo a { margin: 0 15px 0 5px; }

div.pagina_articulo { width:auto; border:3px solid #EEE; font-size:11px; padding:20px 10px; color: #999; text-align:center; }
div.pagina_articulo a { padding:2px 6px; margin-right:2px; border:solid 1px #DDD; background:#FFF; text-decoration:none; }
div.pagina_articulo a:hover { color:#FFF; background:#D46400; border-color:#036; text-decoration:none; }
div.pagina_articulo .actual { padding:2px 6px; margin-right:2px; color:#F00; font-weight:bold; border:none; background:#FFF; }
div.pagina_articulo .break { padding:2px 6px; border:none; background:#FFF; }

#contenerdor_subarticulo { width:auto; border:1px solid #EEE; padding:2px; margin-bottom:10px; }
#contenerdor_subarticulo h2 { text-align:center; width:auto; background:#EEE; padding:5px 0; }
#contenerdor_subarticulo h4 { text-align:center; width:auto; background:#EEE; padding:10px 0; margin:2px 0; }


div.post { margin:8px 30px; padding:5px; overflow:hidden; border:1px solid #DDD; }
div.post_icon { float:left; width:40px; margin:0 10px 10px 0; }
div.post_datos { overflow:hidden; font-size:10px; }
div.post_texto { float:left; color:#666; width: 100%; }



#contenerdor_galeria { width:auto; border:3px solid #EEE; padding:6px; margin-bottom:10px; }
#contenerdor_galeria h2 { text-align:center; padding:5px 0; }
#contenerdor_galeria h4 { width:auto; background:#EAEAEA; border:1px solid #999; padding: 10px; margin:2px 0; }
div.contenedor_thumbnail { width:auto; min-height:109px; padding:6px; margin:6px 0 15px 0; vertical-align:bottom; background:#999; color:#FFF; font-size:10px; overflow:hidden; }
#galerias_index { width:auto; padding:15px 25px; }
#galerias_index ul li a { padding:5px 0 0 14px; clear:both; background:url("img/arrow_orange.gif") 0 7px no-repeat; }

div.titulo_galeria { text-align:center; width:auto; background:#999; padding:10px; }
div.titulo_galeria h1 a { color:#FFF; text-decoration:none; }
div.titulo_galeria h1 a:hover { color:#FFF; text-decoration:underline; }
div.pagina_fotos { width:auto; background:#EAEAEA; border: 1px solid #999; padding:12px; margin:1px 0; overflow:hidden; }
div.foto_paginas { padding-right:10px; float:left; }
div.foto_pap { width:600px; float:left; }
div.foto_galeria { text-align:center; width:auto; background:#999; padding:15px; min-height:400px; }
div.foto_texto { width:auto; background:#EAEAEA; padding:15px; margin:1px 0; }

#search { text-align:center; padding:40px 0; }
#search input { width:300px; font-size:12px; font-weight:bold; padding:2px; }
.boton_search { width:75px !important; background:#F90; }
div.num_resultados_search { width:auto; background:#EEE; border:1px solid #C0C0C0; margin:20px 0; padding:5px; }
#resultados_search { width:auto; padding:20px; }
#resultados_search h6 { color:#999; font-weight:normal; }

#friends { width:auto; height:300px; text-align:center; background:url("img/friends.png") no-repeat 400px 40px; }
#friends h2 { color:#F00; }
#friends_form { width:150px; margin:70px auto; padding:8px; border:#CCC dashed 1px; overflow:hidden; }
#friends_form label { width:70px; float:left; text-align:right; }
#friends_form input { width:70px; margin-bottom:8px; }

#contenedor_clima { width:auto; overflow:hidden; }
#col_izda_clima,#col_dcha_clima { float:left; padding-bottom: 32768px; margin-bottom:-32768px; }
#col_izda_clima { width:200px; background:#F9F9F9; text-align:center; }
#col_izda_clima h4 { width:auto; text-align:center; color:#006; background:#D3D3D3; padding: 5px 0; margin-bottom:20px; border-top:1px solid #000; border-bottom:1px solid #000; }
#col_izda_pob { padding:0 5px; text-align:left; }
#com_search_w { padding:5px; width:auto; font-size:10px; color:#666; }
#input_div { position:relative; }
#input_div input{ width:180px; font-size:11px; color:#999999; padding:2px; border:solid 1px #999999; }
#input_div .boton_w { width:50px; margin-top:3px; }
#box{ width:184px; height:auto; overflow:auto; background:#F8F8F8; position:absolute; border:solid 1px #DEDEDE; left:0px; top:19px; text-align:left; display:none; }
#box li a{ display:block; padding:4px; text-decoration:none; color:#000000; }
#box small{ font-size:9px; }
#box li a:hover{ background:#069; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
#box ul { padding:5px; }
#logo_weather { width:auto; background:#036; margin:50px 0; padding:2px 0; }
#col_dcha_clima { width:540px; padding-left:20px; }
table.clima_hoy { width:100%; border:1px solid #9B2800; background:#FC9; padding:5px; }
td.clima_ciudad h1 { color:#000; text-align:center; text-transform:uppercase; }
td.clima_hoy1,td.clima_hoy2,td.clima_hoy3 { background:#FFF; font-size:10px; color:#666; }
td.clima_hoy1 { width:25%;  text-align:center; font-weight:bold; }
td.clima_hoy2 { width:20%; text-align:center; }
td.clima_hoy2 h1 { color:#666; }
td.clima_hoy3 { width:75%; vertical-align:top; }
td.clima_actualizado { text-align:center; font-size:10px; }
td.clima_fecha { width:50%; background:#D3DCE3; font-weight:bold; }
td.clima_temp { width:50%; background:#D3DCE3; text-align:right; }
td.clima_dn { width:50%; background:#F8F9FA; font-weight:bold; }
td.clima_icono { border: 1px solid #D4D4D4; text-align:center; }
td.clima_prox { font-size:10px; }
td.clima_leyendamapa { width:50%; background:#D3D3D3; text-align:center; font-weight:bold; }
td.clima_mapa { width:50%; text-align:center; font-size:10px; padding-bottom:30px; }

#map_titulo { width:auto; border: 1px solid #999; padding:8px; margin-bottom:2px; }
#map_leyenda { width:auto; background:#EEE; padding:8px; margin-top:10px; overflow:hidden; }
#map_leyenda img { margin-right:10px; }
#map { width:auto; height: 400px; border:#CCC solid 1px; }

#print_contenedor { margin:0 20px; text-align:left; }
#print_contenedor h6 { color:#999; font-weight:normal; }
#print_contenedor img { margin-right:10px; }



/* ----- COLUMNA DERECHA ----- */
div.marco { width:auto; border:3px solid #EEE; margin-bottom:12px; }
div.leyenda { width:auto; background:#EFF5FF; border:1px solid #79A7E2; text-align:center; font-weight:bold; color:#36C; }
div.leyenda img { vertical-align:middle; margin:3px; }
div.marco_contenido,div.marco_contenido2 { width:auto; text-align:center; font-size:10px; background:#FFF; overflow:hidden; }
div.marco_contenido { padding:5px; overflow:hidden; }
div.marco_contenido2 { padding:15px 0; overflow:hidden; text-align:center; }
div.marco_ucom { padding:0 8px; text-align:left; }
div.marco_ucom a { color:#666; }
div.marco_ucom a:hover { color:#666; text-decoration:underline; }
td.clima,td.clima_centro { text-align:center; padding-top:5px; }
td.clima_centro { border-right:1px dashed #999; border-left:1px dashed #999; }


/* ----- FORMULARIO ----- */
input.header { width:100px; padding:2px; border:1px solid #BBB; color:#CCC; margin-left:20px; }
input.header:focus { border:1px solid #555; color:#000; }

#formulario { width:auto; background:#EEE; padding:10px 20px; }
#formulario label { float:left; text-align:right; width:145px; margin-bottom:5px; padding-right:5px; }
#formulario input { margin-bottom:5px; width:235px; }
#formulario textarea { margin-bottom:5px; width:235px; height:90px; padding:1px; }
div.form_sml { width:auto; text-align:center; padding:6px 0 3px 0; }
div.form_sml img { padding-right:3px; }
div.progress { width:1px; height:14px; color:white; font-size:12px; overflow:hidden; background:navy; padding-left:5px; margin:0 0 8px 150px; }
.boton { margin-left:150px; width:75px !important; background:#F90; }

div.marco_form { width:150px; margin:auto; overflow:hidden; }
div.marco_form label { width:65px; float:left; text-align:right; margin-left:15px; }
div.marco_form input { width:50px; margin-bottom:5px; }
.boton2 { width:55px !important; margin-top:10px; background:#FFF; }


.rojo { color:#F00; }
.azul { color:#06C; }

#pie1 { width:760px; border-top:5px solid #7C7C7C; padding:10px 0; margin-top:12px; text-align:center; }
#pie2 { width:auto; padding:5px 0; text-align:center; font-size:10px; color:#666; }