body {background: #F7F7F7; margin: 0; padding: 0; font-family: Arial}
a {outline: none}
img {border: none}
h1, h2, h3, h4, h5, h6, ul, li, p {margin: 0; padding: 0; list-style: none; font-weight: normal}

#spcontenedor {background:#FFF; color:#4E4E50; margin:98px auto auto; position: relative; text-align:left; width:996px}
#spcontenedor.nopubli {margin: 0px auto auto}
#contenido {background:#FFF; float: left; width: 994px; border: 1px solid #D4D4D4}

/* Publicidad top */
.publicidad_top {background-color:#E8E9EC !important; left:0 !important; padding-bottom:2px; position:absolute !important; top:-98px !important; width:994px !important; height: 92px !important}
.publicidad_top {float: left; width: 994px; padding: 1px 0; background: #e8e9ed url(http://imagenes.publico.es/v2/css/img/bgpublitop.gif) no-repeat;}
.cabeceraIzq {float: left; width: 728px; margin-left: 12px; display: inline;}
.cabeceraDrc {float: right; width: 234px; margin-right: 2px; display: inline;}
.lineaUsuario { background: #000; position: absolute; color: #fff; margin:2px 0 3px 0; padding:6px 0 3px 0px; width: 100%}

/* Header */
.v2header {height: 140px !important; margin: 0}
.v2header h1 {padding: 0; margin: 30px 0 5px 10px; background: url(http://imagenes.publico.es/v2/css/img/logo_publico.gif) center no-repeat; width: 222px; height: 40px; float: left}
.v2header h1 a {display: block; height: 40px}
.v2header h1 span {position: absolute; top: -99999em}
.v2header .contenedorDestacadaHome { float: right; width: 500px; text-align: right; margin: 5px 10px 0 0}
.lineaUsuario { background: #000; position: absolute; filter: alpha(opacity = 85); -moz-opacity:0.85;  opacity: 0.85; color: #fff; margin:2px 0 3px 0; padding:6px 0 3px 0px; width: 100%}

.v2header #v2menu {position: relative; float: left; width: 972px; margin: 0 0 0 10px; display: inline}
.v2header ul.v2menu {list-style: none; border-top: 1px solid #bcbbbb; background: #b0113a; padding: 2px 0 1px 0; height: 22px}
.v2header ul.v2menu li {margin: 1px 0; padding: 0; float: left}
.v2header ul.v2menu li.registro {float: right}
.v2header ul.v2menu li.buscador {}
.v2header ul.v2menu li a {padding: 3px 5px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; display: block}
.v2header ul.v2menu li a:hover, .v2header ul.v2menu li a.on {text-decoration: underline}
.v2header ul.v2submenu { list-style: none; background: #e2e2e2; overflow: hidden; width: 972px; display: inline-block; border-bottom: 1px solid #f6f6f6}
.v2header #v2submenu1, #v2submenu2, #v2submenu3, #v2submenu4, #v2submenu5, #v2submenu6, #v2submenu7  {position: absolute; top: 28px; margin: 0; padding: 0; left: 0px}
.v2header ul.v2submenu.subvisible {display: inline-block}
.v2header ul.v2submenu.subinvisible {display: none}
.v2header ul.v2submenu li {padding: 0; margin: 0; float: left}
.v2header ul.v2submenu li a {padding: 3px 6px 3px 6px; font-size: 12px; color: #171717; text-decoration: none; font-weight: normal; text-transform: none; display: block}
.v2header ul.v2submenu li a:hover, .v2header ul.v2submenu li a.on {text-decoration: none; background: #b0113a; color: #fff}

/* Publicidad de cabecera, autopromo */
#v2miniBanner { position: absolute; width: 325px; height: 100px; right: 12px; top: 2px; z-index: 99999999; overflow: hidden }
#v2miniBanner p { margin: 0; padding: 0;}

/* Contenido pagina */
#middle {padding: 10px}

/* Pie */
#pie {float: left; width: 952px; margin: 15px 10px 5px 10px; border-top: 1px dashed #c9c9c9}
#pie ul.contact {width: 560px; padding: 0; margin: 0 auto; list-style: none}
#pie ul.contact li {float: left; margin: 10px 5px; padding: 0; display: inline}
#pie ul.contact li a { font-size: 12px; color: #595858}
#pie ul.contact li a:hover {background: none; text-decoration: underline}
#pie .contp {float: left; clear: left}
#pie p {margin: 0 0 0 15px; padding: 0; font-size: 11px; color: #838383; clear: both}
#pie p.diario {font-weight: bold; margin-top: 20px}
#pie .w3c {float: right; margin: 30px 15px 0 0}
#pie .w3c a {color: #057; text-decoration: none}
#pie .w3c a:hover {background: #057; color: #fff}
/* </PLANTILLA> */

/* Menu */
ul#pestanas { list-style: none; margin:0px; padding:0px; border: none; background: url(http://imagenes.publico.es/v2/css/img/bkpestanas.gif) bottom left no-repeat; float: left; width: 954px}
ul#pestanas li { width: 100px; margin: 0 10px 0px 5px; border: 1px solid #ccc; border-bottom: none; padding: 0px; float:left; background: #efefef url(http://imagenes.publico.es/v2/css/img/bkpestanas.gif) bottom  no-repeat; font-variant: small-caps; font-size: 15px; text-align: center; overflow: hidden}
ul#pestanas li.active { background: #fff}
ul#pestanas li a { color: #58585a; display: block; padding: 6px 8px 6px 8px; text-decoration: none}
ul#pestanas li a:hover { background: #fff}

/* Carousel descripcion (lo que esta en el centro) */
.carouseldesc {float: left; position: relative; width: 960px; height: 247px; margin: 10px 0 25px 0; background: url(http://imagenes.publico.es/v2/css/img/carousel_desc.gif) no-repeat}
.carouseldesc ul {float: left; list-style: none}
.carouseldesc ul li {float: left; height: 247px; width: 960px}
.carouseldesc ul li.visible {display: block}
.carouseldesc ul li.invisible {display: none}
.carouseldesc ul li h3 {width: 500px; margin: 15px 0 0 30px; font-size: 30px; color: #057}
.carouseldesc ul li h4 {width: 490px; margin: 0 0 0 30px; font-size: 11px; text-transform: uppercase}
.carouseldesc ul li h4 a {color: #b0b0b0; text-decoration: none;}
.carouseldesc ul li h4 a:hover {text-decoration: underline;}
.carouseldesc ul li p {width: 490px; height: 120px; margin: 15px 0 0 30px; font-size: 16px; color: #404040}
.carouseldesc ul li .fotobig {width: 360px; position: absolute; left:560px; top: -20px; height: 302px}
.carouseldesc ul li .fotobig span {position: absolute; top: -99999em;}

/* Carousel */
#carouselcontainer {float: left; width: 960px; margin: 0 0 10px 0; padding: 0 0 20px 0; position: relative; background: url(http://imagenes.publico.es/v2/css/img/carouselcontent.gif) no-repeat}
#carouselcontainer .carouselcontent {float: left; width: 830px; margin: 0 0 0 20px; position: relative; overflow: hidden}
#carouselcontainer ul {margin: 10px 0 0 14px; padding: 0; width: 100000px; position: relative; top: 0; left: 0}                      
#carouselcontainer ul li {width: 160px; height: 90px; text-align: center; padding: 0 5px; list-style: none; float:left; border-right: 1px dotted #d3d3d3}
#carouselcontainer ul li img {float:left}
#carouselcontainer ul li h5 {font-size: 11px; text-transform: uppercase; color: #7f7f7f; padding-top: 10px}
#carouselcontainer .anterior {float:left; width: 14px; height: 14px; margin: 45px 0 0 20px; background: url(http://imagenes.publico.es/v2/css/img/nav_left_off.gif); z-index: 100; cursor: pointer}
#carouselcontainer .anterior {background: url(http://imagenes.publico.es/v2/css/img/nav_left_on.gif)}
#carouselcontainer .anterior {background: url(http://imagenes.publico.es/v2/css/img/nav_left_disabled.gif); cursor: default}
#carouselcontainer .siguiente {float:left; width: 14px; height: 14px; margin: 45px 0 0 20px; background: url(http://imagenes.publico.es/v2/css/img/nav_right_off.gif); z-index: 100; cursor: pointer}
#carouselcontainer .siguiente {background: url(http://imagenes.publico.es/v2/css/img/nav_right_on.gif)}
#carouselcontainer .siguiente {background: url(http://imagenes.publico.es/v2/css/img/nav_right_disabled.gif); cursor: default}

/* Promociones */
#promos {padding: 10px}
#promos h2 {font-size: 34px}
#promos h2 a {height: 26px; padding: 0 0 0 30px; color: #b0113a; background: url(http://imagenes.publico.es/v2/css/img/logo_promo.gif) left no-repeat}
#promos h3 {margin: 40px 0 0 0; font-size: 30px; color: #057; text-align: left}

/* Promociones - Cultura Libre */
#promos .cultura_libre_viernes {width: 972px; height: 318px; margin: 10px 0; background: url(http://www.publico.es/promociones/img/culturalibre_cine.jpg?r=1) no-repeat}
#promos .cultura_libre_sabado {width: 972px; height: 318px; margin: 10px 0; background: url(http://www.publico.es/promociones/img/culturalibre_novelajuvenil.jpg?r=1) no-repeat}
#promos .cultura_libre_domingo {width: 972px; height: 380px; margin: 10px 0; background: url(http://www.publico.es/promociones/img/culturalibre_mafalda.jpg?r=1) no-repeat}
#promos .cultura_libre {width: 780px; height: 560px; padding: 20px 0 0 20px; margin: 25px auto 0 auto; background: url(http://www.publico.es/promociones/img/culturalibrefondo.gif) no-repeat center;}
#promos .textos_legales {width: 90%; margin: 0 auto; font-size: 12px; color: #a0a0a0; text-align: center}
#promos p.anteriores { font-family: Georgia; font-size: 15px; margin: 25px 0; padding: 0; text-align: right}
#promos p.anteriores a { color: #b0113a; text-decoration: underline}

/* Públicidad */
#publi {float: left; padding: 10px}
#publi h2 {margin: 0 0 5px 0; font-size: 30px; color: #057}
#publi .mod {float: left; width: 485px; margin: 0 0 10px 0}
#publi .mod img {margin: 10px 0}
#publi .mpeq {float: left; width: 460px; margin: 0; border-right: 1px solid #ccc; padding-right: 9px}
#publi #right {float: right; margin: 0; border: none; padding: 0 0 0 0}
#publi h3 {margin: 4px 0 0 0; padding: 10px 0 0 0; font-size: 26px; font-weight: normal; background: url(http://imagenes.publico.es/v2/css/img/filete.gif) 0px 4px no-repeat}
#publi p {margin: 0; padding: 10px 0 0 0; line-height: 20px; font-size: 14px; font-weight: bold;}
#publi p.datos {font-size: 11px; font-weight: normal; color: #58585a}
#publi dl {width: 450px; margin: 0 0 10px 0; padding: 0; float: left}
#publi dl dt {float: left; width: 177px; margin: 2px 0; padding: 0}
#publi dl dd {float: right; width: 212px; margin: 2px 0; padding: 0; text-align: right}
#publi table {width: 100%; padding: 0; margin: 10px 0 0 0}
#publi table tr.grey {background: #f1f1f1}
#publi table td {padding: 2px 0; margin: 0}
#publi .mod ul {margin: 0; padding: 0; list-style: none}
#publi .mod ul li {margin: 10px 0; padding: 5px 0 5px 25px; list-style: none; display: block; background: url(http://imagenes.publico.es/v2/css/img/pdf_22x22.png) no-repeat; text-transform: uppercase; font-size: 13px; font-weight: bold;}
#publi .mod ul li a {color: #057; text-decoration: underline}
#publi .mod ul li a:hover {text-decoration: none}
#publi p.contacto {width: 100%; clear: left; font-size: 14px; font-weight: normal; margin-top: 30px; text-align: right}
#publi p.contacto a {color: #057}

/* Quienes somos */
#quienes {padding: 10px; color: #333; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}
#quienes h2 {margin: -20px 0 10px 0; font-size: 18px; color: #057}
#quienes ul {float: left; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
#quienes ul.peq { height: auto;  }
#quienes ul li {margin-bottom: 2px}
#quienes ul li.area {font-weight: bold; margin-bottom: 5px; text-transform: uppercase}
#quienes #bloque {float: left; width: 50%; height: 330px; margin: 0; padding: 5px 0; border-bottom: 1px solid #ccc;}
/*#quienes ul#uno, ul#dos, ul#tres, ul#cuatro {height: 60px}*/
#quienes #bloque ul.web {width: 100%; height: auto}
#quienes #bloque ul.areas {width: 477px}
#quienes #bloque ul.areas li { float: left; width: 150px}
#quienes #bloque ul.areas li.area { width: 100%}
#quienes #bloque ul.web li { float: left; width: 312px; margin-right: 10px; display: inline;}
#quienes #bloque ul.web li.area, #quienes #bloque ul.web li.subarea { width: 100%}
#quienes .quienes {width: 100%; background: url(../images/quienessomos.gif) left top no-repeat; height: 30px}
#quienes .quienes span {position: absolute; left: -5000px;}

/* Aviso Legal */
#avisolegal {padding: 10px}
#avisolegal h2 {margin: 10px 0; font-size: 30px; color: #057}
#avisolegal h3 {color: #b0113a; font-size: 18px}
#avisolegal h5 {color: #171717; font-size: 14px; font-weight: bold}
#avisolegal p {margin: 10px 0; font-size: 14px; line-height: 18px}
#avisolegal ul {margin: 15px 0}
#avisolegal ul li {margin: 5px 0 0 15px; font-size: 12px}
#avisolegal a {color: #057; font-weight: bold; text-decoration: none}
#avisolegal a:hover {background: #057; color: #fff}

/* Envios */
#formulario {padding: 10px}
#formulario h2 {margin: 10px 0; font-size: 30px; color: #057}
#formulario a {color: #057; font-weight: bold; text-decoration: none}
#formulario a:hover {background: #057; color: #fff}
#formulario .formtext {float: left; width: 480px; padding: 10px}
#formulario .formtext h3 {margin: 10px 0; font-size: 30px; color: #057}
#formulario .formtext p {margin: 10px 0; font-size: 13px}
#formulario .formulario {float: right; width: 430px; background: #e7e7e7; border: 1px solid #bababa; padding: 5px 15px}
#formulario .formulario p span.nam { float: left; width: 150px; }
#formulario .formulario textarea { border: 1px solid #ccc; width: 330px; padding: 2px; display: inline; }
#formulario .formulario .button { width: auto; border: 1px solid #ccc; font-family: Georgia; font-size: 14px; cursor: pointer; margin-left: 200px; }
#formulario .formulario span.info { font-size: 11px; }
#formulario .formulario .error { display: inline; color: red; font-size: 12px; clear: left; float: left; width: 100%; margin-bottom: 10px;}
#formulario .formulario input.localidad, .formulario input.festejo, .formulario input.email, .formulario input.name { border: 1px solid #ccc; width: 330px; padding: 2px; display: inline;}

/* Utiles redacción */
#utilredac {padding: 10px; position: relative}
#utilredac h2 {height: 142px; padding: 0 0 0 30px; background: url(http://imagenes.publico.es/v2/css/img/utileslogo.gif) left no-repeat}
#utilredac h2 span {position: absolute; top: -99999em}
#utilredac h3 {margin: 40px 0 0 0; font-size: 30px; color: #057; text-align: left}
#utilredac ul {margin: 0 0 0 25px}
#utilredac ul li {}
#utilredac ul li a {font-size: 14px; color: #057; text-decoration: none}
#utilredac ul li a:hover {color: #fff; background: #057}
#utilredac .hidden {display: none; position: absolute; top: 100px; right: 60px; width: 380px; height: 160px; padding: 5px; border: 1px dashed #057; font-size: 12px; font-weight: bold; color: #676767; text-transform: uppercase}

/* Servicios */

#serviciosDiv h2 { font-size: 1.125em; color: #057; margin: 0; padding: 0;}
#serviciosDiv h2 a { color: #057; text-decoration: none;}
#serviciosDiv #serviciosRss h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat 0px -242px; }
#serviciosDiv #serviciosRss h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat 0px -242px; }
#serviciosDiv #serviciosTwitter h2 { padding: 10px 0 5px 50px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -219px -288px; }
#serviciosDiv #serviciosEltiempo h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat 0px -286px; float: left }
#serviciosDiv #serviciosBolsa h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -562px -286px; float: left }
#serviciosDiv #serviciosTraductor h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -970px -2068px; float: left }
#serviciosDiv #serviciosPublicidad h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -213px -348px; float: left }
#serviciosDiv #serviciosPromociones h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -555px -348px; float: left }
#serviciosDiv #serviciosFacebook h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -976px -2009px; float: left }
#serviciosDiv #serviciosCallejero h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat 6px -346px; float: left }
#serviciosDiv #serviciosParrillatv h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -300px -2276px; float: left }
#serviciosDiv #serviciosServiapuestas h2 { padding: 10px 0 5px 40px;  background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -779px -348px; float: left }
#serviciosDiv #serviciosAmarillas h2 { padding: 10px 0 5px 40px;  background: none; float: left }
#serviciosDiv #serviciosServiapuestas img {margin: 0 0 0 37px}
#serviciosDiv p  { font-size: 0.75em; color: #444}
#serviciosDiv a { color: #444; text-decoration: none; }
#serviciosDiv a:hover  { color: #057; text-decoration: underline; }


#serviciosDiv {padding: 10px; position: relative; font-family: georgia, arial, helvetica; }
#serviciosDiv #serviciosEltiempo { float: right; width: 295px; padding: 10px; margin: 10px 0 10px 0; display: inline; border: 1px solid #ccc;}
#serviciosDiv #serviciosEltiempo p, #serviciosDiv #serviciosBolsa p, #serviciosDiv #serviciosBolsa p, #serviciosDiv #serviciosTraductor p, #serviciosDiv #serviciosPublicidad p, #serviciosDiv #serviciosPromociones p, #serviciosDiv #serviciosCallejero p, #serviciosParrillatv p, #serviciosApuestas p{ float: left; width: 250px; padding: 0 0 0 40px; margin: 0; display: inline;}
#serviciosDiv #serviciosBolsa { float: left; width: 295px;  padding: 10px; margin: 0 10px 10px 0; display: inline; border: 1px solid #ccc;}
#serviciosDiv #serviciosTraductor { float: right; width: 295px; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ccc;}
#serviciosDiv #serviciosFacebook { float: left; width: 295px; padding: 10px; margin: 10px 0; border: 1px solid #ccc;}
#serviciosDiv #serviciosPublicidad { float: left; width: 295px; padding: 10px; margin: 0 10px 0px 0; display: inline; border: 1px solid #ccc;}
#serviciosDiv #serviciosPromociones {float: left; width: 295px; padding: 10px; margin: 0 10px 0 0; display: inline; border: 1px solid #ccc;}
#serviciosDiv #serviciosCallejero { float: left; width: 295px;  padding: 10px; margin: 0 10px 10px 0; display: inline; border: 1px solid #ccc;}
#serviciosDiv #serviciosParrillatv { float: left; width: 295px;  padding: 10px; margin: 0; display: inline; border: 1px solid #ccc;}
#serviciosDiv #serviciosServiapuestas {float: left; width: 295px;  padding: 10px; margin: 10px 10px 0 0; display: inline; border: 1px solid #ccc;}
#serviciosDiv #serviciosAmarrillas {display: none; float: left; width: 295px;  padding: 10px; margin: 10px 10px 0 0; display: inline; border: 1px solid #ccc;}

/* Twitter en página de servicios */
#serviciosTwitter { float: left;  width:295px; margin: 10px 10px 10px 0; padding:10px; border: 1px solid #ccc; }
#serviciosTwitter a { text-decoration: none}
#serviciosTwitter a:hover { text-decoration: underline; }

#serviciosDiv #serviciosRss { float: left; width: 952px; margin: 0; padding: 10px; background: #eee url(http://imagenes.publico.es/v2/css/img/sprite1.png) no-repeat 0 -1152px}
#serviciosDiv #serviciosRss ul { float: left; width: 912px; padding-left: 40px; }
#serviciosDiv #serviciosRss ul li { float: left; width: auto; margin: 0 10px 5px 0; padding: 2px 10px; background: url(http://imagenes.publico.es/v2/css/img/sprite.png) no-repeat -394px -1086px; font-size: 0.80em; font-family: arial, helvetica, sans-serif; }
#serviciosDiv #serviciosRss ul li a { color: #444; text-decoration: none;}
#serviciosDiv #serviciosRss ul li a:hover { color: #057; text-decoration: underline;}


/* Bolsa */
#bolsa {padding: 10px; position: relative}

/* Normas comentarios */
#normcoment {padding: 10px}
#normcoment h2 {margin: 10px 0; font-size: 30px; color: #057}
#normcoment h3 {color: #b0113a; font-size: 18px}
#normcoment ul {margin: 15px 0 15px 15px; font-size: 12px}
#normcoment p {font-size: 14px; font-style: italic}

/* Arreglo de buscador */
.v2header ul.v2menu li.buscador div#fbuscador {background-color: #666; border: 1px solid black; padding: 10px; position: absolute; top: 27px; left: 395px; z-index: 1000;}
.v2header ul.v2menu li.buscador div#fbuscador .cajatexto {float: left; margin: 0 5px 0 0; background: #fff; border: 1px solid #ccc}


/* para pop up´s */
#contenidopopup {float: left; width: auto; padding: 10px; border: 1px solid #999; background: #fff;}
#contenidopopup .v2header { height: auto !important;}
#contenidopopup .v2header h1 { margin-top: 5px; margin-left: 0;}
#contenidopopup h2 { margin: 5px 0 10px 0; display: inline-block; width: 100%}
.popup { margin: 0 auto; text-align: center}
.popup p { font-size: 19px; font-weight: bold;}
.popup p a { background: #057; color: #fff; padding: 2px 10px; text-decoration: none }
.popup p a:hover { background: #fff; color: #057; }
.popup p.fuente {text-align: right; font-size: 11px; color: #999}
.popup p.fuente a {margin: 0; padding: 0; background: none; color: #057; text-decoration: underline}
.popup p.fuente a:hover {text-decoration: none} 
.v2header.popupnopubli { height: auto !important;}

#publireportaje { margin: -20px auto 0 auto; width: 972px; font-family: arial, helvetica, sans-serif;}
#publireportaje a {color: #057; text-decoration: underline}
#publireportaje a:hover {text-decoration: none}
#publireportaje img { float: left; margin: 0 15px 15px 0; padding: 4px; border: 1px solid #ccc;}
#publireportaje p { margin: 10px 0; padding: 0; line-height: 20px; font-size: 14px;}
#publireportaje h2 { margin: 0 0 10px 0; padding: 0; font-family: georgia; font-size: 24px;}
#publireportaje h3 { margin: 0 0 10px 0; padding: 0; font-family: georgia;font-size: 20px; color: #057; border-bottom: 1px solid #ccc;}
#publireportaje h4 { margin: 0 0 10px 0; padding: 0; font-family: georgia;    font-size: 11px; text-transform: uppercase;}
#publireportaje h5 { margin: 0 0 10px 0; padding: 0; font-family: georgia; font-weight: bold;}

/* Registro usuarios */
#registroDiv {padding: 10px;  }
#registroDiv h1 {margin: 0 0 10px 0; font-size: 22px; color: #c5073d;}
#registroDiv p {font-size: 15px; padding: 0 0 10px 0}
#registroDiv form p {clear: left;}
#registroDiv #formularioRegistro {margin: 25px 0; width: 630px; float: left;}
#registroDiv #formularioRegistro fieldset { border:10px solid #ddd; padding: 15px; width: 550px;}
#registroDiv #formularioRegistro fieldset legend {padding: 0 10px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #777}
#registroDiv #formularioRegistro fieldset label {float: left; width: 100%; display: block; margin: 0 0 10px 0; padding: 3px 0 0 0; font-size: 14px}
#registroDiv #formularioRegistro fieldset input {float: left; width: 350px; margin: 0 8px 10px 0; padding: 1px 3px; font-size: 22px; color: #057; background: #f7f7f7; border-bottom: 1px solid #dedede; border-right: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-top: 2px solid #bdbdbd}
#registroDiv #formularioRegistro fieldset input#usuario, #registroDiv #formularioRegistro fieldset input#password, #registroDiv #formularioRegistro fieldset input#password2 { width: 200px; }
#registroDiv #formularioRegistro fieldset a {text-transform: uppercase; font-size: 11px; font-weight: bold; color: #057}
#registroDiv #formularioRegistro .labelBases {float: left; margin: 15px 0 0 0; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #999}
#registroDiv #formularioRegistro .labelBases a {color: #057}
#registroDiv #formularioRegistro input.checkbox {float: left; margin: 15px 0 0 10px}
#registroDiv #formularioRegistro #enviar {float: left; margin: 10px; padding: 3px 7px; background: #057; color: #fff; border: 1px solid #004560;  text-transform: uppercase; font-size: 11px; cursor: pointer; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#registroDiv #formularioRegistro #enviar:hover {background: #266e8b}
span.spanComprobar { background: #ff0000; color: #fff}

#registroDiv .errorListCont {position:absolute;right:90px;top:350px;}
#registroDiv .errorListCont ul.errorList {background:#DDDDDD none repeat scroll 0 0;border:1px solid #CCCCCC;height:auto;padding:5px;width:400px;}
#registroDiv .errorListCont ul.errorList li {text-align: center; color: #d60000}

#divPorque {position: absolute; width: 600px; top: 120px; padding: 15px; left: 50%; margin-left: -300px; background: white; border: 10px solid #ccc; display: none}
#divPorque span#cerrar {float: right; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#divPorque span#cerrar a { padding: 3px 5px; background: #057; color: #fff; text-decoration: none !important;}
#divPorque span#cerrar a:hover { background: #0073a1; color: #fff !important; }
#divPorque h2 { margin-bottom: 15px; color: #057;}
#divPorque p { margin: 10px 0; line-height: 22px;}


/* RODRI */
#registroDiv #mapCanvas { height: 200px; width: 200px; }

/* Movil */
@media only screen and (max-device-width: 500px) {
  
  body { margin: 0 !important; padding: 0 !important; background: #fff}
  #spcontenedor { width: 100% !important; padding: 0 !important; margin: 0 !important; }
  #contenido { width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important}
  #v2header { width: auto !important; height: auto !important; margin: 0 !important}
  #v2header h1 { margin: 5px auto 0 auto !important; padding: 0 !important; background: url(http://m.publico.es/img/logo_publico.jpg) no-repeat !important; width: 240px !important; height: 45px !important; float: none !important }
  #v2header h1 a {display: block; height: 40px}
  .publicidad_top { display: none}
  #v2miniBanner { display: none}
  #v2menu { display: none !important}
  #vinetaslist { width: 100% !important; padding: 0 !important; margin: 0 !important; background: none; display: inline }
  #blogs { width: 100% !important; margin: 0; padding: 0; background: none !important}
  #vinetaslist .collistado, #blogslist .collistado { float: none !important; width: 100% !important; margin: 0; padding: 0;}
  .col { float: none !important; width: 100% !important; padding: 0; margin: 0 0 20px 0 !important}
  .col ul, .collistado ul { float: none !important; width: 100% !important; margin: 0 !important;}
  .col ul.web, .collistado ul.web { float: none; background: none}
  .col ul li { border-bottom: 1px solid #ccc;}
  #vinetaslist .col, #blogslist .col { float: none !important; width: 100% !important; }
  #vinetaslist .collistado ul li { width: 100% !important; border: none; float: none !important}
  #vinetaslist .collistado ul li img { width: 100% !important}
  #pie { margin: 10px 0 0 0; float: none; width: 100% !important; padding: 0}
  #pie ul.contact { display: none}
  #pie .contp { float: none; clear: none}
  #publi_dcha { display: none}
  h2, .col .v2vinetas h3 { clear: left; background: #efefef !important; color: #b0133a !important; font-size: 12px !important; font-weight: bold !important; margin: 15px 0 5px 0 !important; padding: 2px !important; text-transform: uppercase; border: 1px solid #ccc; font-family: arial, georgia, helvetica !important}
  h2 a, .col .v2vinetas h3 a { color: #b0133a !important; background: none !important;}
  #v2Vinetistas { width: 100% !important; margin: 0 !important}
  #v2Vinetistas.v2vinetas {float: none !important; width: 100% !important; height: auto; margin: 0 0 10px 0;background: #f7f7f7; border: none !important}
  .v2vinetas h3 a { width: 100% !important}
  .v2vinetas .vinetahoy {position: relative; width: 300px; margin:5px auto; border: 1px solid #d6d6d6;}
  .v2vinetas .vinetahoy img { width: 300px; height: 100px;}
  .v2vinetas .fototexto { display: none !important;}
  .v2vinetas img {border: none;}
  .col #v2Vinetistas ul { display: none !important}
  .col ul li, .collistado ul li { float: none !important}
  .col h4, .collistado h4 { margin: 3px 0 !important; font-size: 15px !important; }
  .v2vinetas h3 span.open { background:none !important; display: inline !important; height:auto !important; padding:0 !important;}
  .v2vinetas h3 a { color:#b0113a; cursor:pointer; display: inline !important; height:auto !important; margin:0; padding:0; text-decoration:none; width:auto !important;}
  #v2ojopublico { background: #eee !important; border: none !important; float: none !important; width:100% !important; margin-top: 15px !important; text-align: center !important; display: none}
  #v2ojopublico .v2contfotogal { width: 100% !important; margin: 0!important; height: auto !important; text-align: center !important;}
  #v2ojopublico h4 {  text-align: left !important; width: 100%;}
  #v2ojopublico h4 a { color: #057 !important;}
  #v2ojopublico h3 { clear: left; background: #efefef !important; color: #b0133a !important; font-size: 12px !important; font-weight: bold; margin: 0 0 5px 0 !important; padding: 2px !important; text-transform: uppercase; border: 1px solid #ccc; font-family: arial, georgia, helvetica !important; text-align: left !important;}
  #v2ojopublico h3 a { background: none !important; cursor:pointer; float: none !important; height: auto !important; margin:0 !important; color: #b0133a !important;  }
  #v2ojopublico .v2contfades { height: auto !important; width: 100% !important; margin: 0!important; text-align: center !important}
  #v2ojopublico .v2fade { height: auto !important; width: 100% !important; margin: 0!important; overflow:hidden; position:relative !important; text-align: center !important}
  #v2ojopublico .v2foto {width: 100% !important; margin: 0 !important;  text-align: center !important; height: auto !important}
  p.mas { background: none !important; display:inline !important; float: none !important; margin-top:20px; padding:0 !important; text-align:right !important; width:100% !important; }

}