html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
header, footer, section, aside, nav, article {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

body {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;}
ol, ul {list-style: none;}
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; }
header, footer, section, aside, nav, article {display: block;}
table { width:100%; border-spacing:1px; text-align:center;}

/* cambiamos acronym por help*/
.help {text-decoration:none; border-bottom:1px dotted #333; color:blue; cursor:help;}

.align_center {text-align:center;}
.align_right {text-align:right;}

.rojo {color:#f00;}
.azul {color:#06c;}


/* ----- CONTENIDO ----- */
#wrap {width:760px; margin:auto; overflow:hidden;}

#fecha_cabecera {width:500px; padding:2px 0; font-size:10px; float:right; text-align:right;}
#user_desc {width:200px; float:left; padding:2px 0;  font-size:10px;}

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

#menu {width:auto; border:1px solid #9B2800; border-top:4px solid #9B2800; margin-bottom:12px; overflow:hidden;}
#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;}
#menu_busca {float:left;}
#menu_busca a span {width:110px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; display:block; text-align:center; padding:5px 0;}
#menu_busca a:hover span {background:#9B2800; color:#FFF;}
#menu_busca a:hover, span {text-decoration:none;}
#busca_nav {margin-left:487px; margin-top:23px; background:#fff; width:250px; position:absolute; display:none; border: 1px solid #9B2800; padding:10px;}
fieldset.search {width:240px; height:25px; border:#C30 1px solid; background:url(img/lupa.png) #fff no-repeat 220px; padding:0 4px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
input.search {width:200px; font-size:14px; background:transparent; outline:none; border:0;}

#noticias {width:auto; border:1px solid #79A7E2; margin-bottom:12px; background: url(img/icon_lariojacom2.gif) 10px 5px no-repeat;}
#noticias_titular {width:auto; margin:10px; padding-top:20px;}
#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 {width:560px; float:left; margin-right:10px;}
#col_dcha {width:190px; float:right;}

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

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

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

#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;}
#emoticons {width:auto; text-align:center; padding:6px 0 3px 0;}
#emoticons img {padding-right:3px;}
.boton {margin-left:150px; width:75px !important; background:#F90;}

#contenedor_pagina {width:auto; border:3px solid #EEE; padding:6px; margin-bottom:10px;}
#contenedor_pagina h2 {text-align:center; padding:5px 0;}
#contenedor_pagina h4 {width:auto; background:#EAEAEA; border:1px solid #999; padding:10px; margin:2px 0;}
.td_th {width:25%; text-align:center; vertical-align:middle;}
.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;}

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

#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;}
#clima_hoy {border:1px solid #9B2800; background:#FC9; padding:0 20px 0 20px; margin-bottom:20px;}
.clima_ciudad {text-align:center; padding:5px;}
.clima_ciudad h1 {text-transform:uppercase; color:#000;}
.clima_ciudad h6 {font-weight:normal; color:#006;}
.clima_hoy1,.clima_hoy2,.clima_hoy3 {background:#FFF; font-size:10px; color:#666; vertical-align:middle; padding:8px;}
.clima_hoy1 {width:25%; text-align:center; font-weight:bold;}
.clima_hoy2 {width:20%; text-align:center;}
.clima_hoy2 h1 {color:#666;}
.clima_hoy3 {width:75%; text-align:left;}
.tb_diario {border-spacing:0;}
.tb_diario td {padding:4px; text-align:left;}
.clima_fecha {width:50%; background:#D3DCE3; font-weight:bold;}
.clima_temp {width:50%; background:#D3DCE3; text-align:right !important;}
.clima_dn {width:50%; background:#F8F9FA; font-weight:bold;}
.clima_icono {border:1px solid #D4D4D4; text-align:center !important; vertical-align:middle;}
.clima_prox {font-size:10px;}
.clima_leyendamapa,.clima_mapa {width:50%; padding:4px;}
.clima_leyendamapa {background:#D3D3D3;}
.clima_mapa {padding-bottom:30px;}

#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;}
.num_resultados_search {width:auto; background:#EEE; border:1px solid #C0C0C0; margin:20px 0; padding:5px;}
#resultados_search {padding:20px;}
#resultados_search h6 {color:#999; font-weight:normal;}

#friends {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;}


/* ----- COLUMNA DERECHA ----- */

.marco {width:auto; border:3px solid #EEE; margin-bottom:12px;}
.leyenda {width:auto; height:14px; padding:3px; background:#EFF5FF; border:1px solid #79A7E2; text-align:center; font-weight:bold; color:#36C;}
/*.leyenda img {vertical-align:middle; margin:3px;}*/
#leyenda_clima {background:url(img/icon_clima.gif) 3px 2px no-repeat #EFF5FF;}
#leyenda_calendario {background:url(img/icon_calendario.gif) 18px 2px no-repeat #EFF5FF;}
#leyenda_friend {background:url(img/icon_friend.gif) 21px 2px no-repeat #EFF5FF;}
#leyenda_img2 {background:url(img/icon_img2.gif) 25px 2px no-repeat #EFF5FF;}
#leyenda_com {background:url(img/icon_com.gif) 5px 2px no-repeat #EFF5FF;}
#leyenda_compt {background:url(img/icon_compt.gif) 21px 2px no-repeat #EFF5FF;}

.marco_contenido,.marco_contenido2 {width:auto; text-align:center; font-size:10px; background:#FFF; overflow:hidden;}
.marco_contenido {padding:5px; overflow:hidden;}
.marco_contenido2 {padding:15px 0; overflow:hidden; text-align:center;}
.marco_ucom {padding:0 8px; text-align:left;}
.marco_ucom a {color:#666;}
.marco_ucom a:hover {color:#666; text-decoration:underline;}
.clima,.clima_centro {width:55px; text-align:center; padding:5px 2px 0 2px;}
.clima_centro {border-right:1px dashed #999; border-left:1px dashed #999;}

.calendario {width:165px; margin:auto;}
.calendario td {padding:2px;}
.cal_ms {background:#e8f3ff;}
.cal_ms td {padding:2px;}
.dia_hoy {background:#fc9;}

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

.whois li {text-align:left; padding:10px 5px 0 10px;}
.whois img {display:inline; float:left; margin-right:2px; margin-top:3px;}
.whois span {font-size:8px;}






/* ----- Footer ----- */

#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; }


/* ----- nyroModal ----- */

div#nyroModalFull {font-size:12px; color: #777;}
div#nyroModalLoading {border:4px solid #777; width:150px; height:150px; text-indent:-9999em; background:#fff url(img/ajaxLoader.gif) no-repeat; background-position:center;}
div#nyroModalLoading.error {border:4px solid #f66; line-height:20px; padding:20px; width:300px; height:100px; text-indent:0; 	background:#fff;}
div#nyroModalWrapper {background:#fff; border:4px solid #777;}
a#closeBut {position:absolute; display:block; top:-13px; right:-13px; width:12px; height:12px; text-indent:-9999em; background:url(img/close.gif) no-repeat; outline:0;}
h1#nyroModalTitle {margin:0; padding:0; position:absolute; top:-22px; left:5px; font-size:12px; color:#ddd;}
div#nyroModalContent {overflow:auto;}
div.wrapper div#nyroModalContent {padding:5px;}
div.wrapperImg div#nyroModalContent {position:relative; overflow:hidden; text-align:center;}
div.wrapperImg img {vertical-align:baseline;}
div.wrapperImg div#nyroModalContent div {position:absolute; bottom:0; left:0; background:black; padding:10px; margin:10px; border:1px white dotted; overflow:hidden; opacity:0.2; filter:alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity:0.5; filter:alpha(opacity=50); cursor:help;}
a.nyroModalPrev, a.nyroModalNext {z-index:105; outline:none; position:absolute; top:0; height:100%; width:40%; cursor:pointer; 	text-indent:-9999em; background:left 20% no-repeat; background-image:url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height:60%; 	width:20%;}
a.nyroModalPrev {left:0;}
a.nyroModalPrev:hover {background-image:url(img/prev.gif);}
a.nyroModalNext {right:0; background-position:right 20%;}
a.nyroModalNext:hover {background-image:url(img/next.gif);}

/* ----- Fin nyroModal----- */