@charset "utf-8";

/*
Theme Name: What's On Theme
Theme URI: http://www.whatsonsite.com/
Description: Theme para la web corporativa de What's On
Version: 1+2
Author: Angel Custodio
Author URI: http://angelcustodio.net/
Tags: fixed width, two columns, widgets, static sidebar, easyslider
*/

/* CONSTANTES */
body { background: #efe6e2; }
small { font-size: x-small; }
a { color: #F9003A; text-decoration: none; }
hr { border-top: 1px solid #A0A0A0; border-right: none; border-bottom: none; border-left: none; }
blockquote { margin: 10px 0; padding: 10px; font-style: italic; background: #E4E4E4; }
.salteador { clear: both; }
.alignleft { float: left; margin: 0 5px 0 0; }
.alignright { float: right; margin: 0 0 0 5px; }
.aligncenter { display: block; margin: 5px auto; }

/* BLOQUES */
div#wrapper { margin: 0 auto; padding: 15px 0 0 0; width: 910px; background: #FFFFFF; }

div#logo { float: left; margin: 0 0 0 43px; width: 197px; }
div#supramenu { float: left; margin: 0 0 0 125px; padding: 12px 0 0 0; width: 535px; }

div#navegacion { margin: 19px 48px 0 48px; text-transform: lowercase; }
div#nav1, div#nav2 { height: 26px; }
div#nav2 { margin: 0 0 10px 0; }
div#nav3, div#nav3b { asapadding: 10px 0 0 0; height: 42px; }
div#nav4 { height: 25px; }

div#anterior { height: 15px; width: 15px; position: absolute; top: 400px; right: 50%; margin-right: 455px; }
div#posterior { height: 15px; width: 15px; position: absolute; top: 400px; left: 50%; margin-left: 455px; }

div#contenido { padding: 25px 20px 25px 48px; }
div#contenido-noslider { padding: 0 20px 25px 48px; }
div#posts { float: left; margin: 0 56px 0 0; width: 546px; }
div#sidebar { float: left; width: 230px; }

div#albal { background: #FFFFFF url('../imgs/bg-albal.jpg') repeat-y center top; }
div.post-1 { float: left; width: 263px; background: #F2F2F2; }
div.post-2 { float: left; margin: 0 0 0 20px; width: 263px; background: #F2F2F2; }
div.post-3 { margin: 30px 0 0 0; width: 546px; background: #F2F2F2 url('http://www.whatsonsite.com/wp-content/themes/whatson/imgs/bg-gris.jpg') repeat-x left top; }
div.variation { margin: 0; }
div.post-4 { margin: 0; width: 546px; background: #F2F2F2; }

div.titular { margin: 13px 0 15px 0; min-height: 45px; }
div.post-3 div.titular, div.post-4 div.titular { min-height: 0px; }
div.texto { padding: 0 15px 25px 15px; }
div.extractoexp { min-height: 0; }
div.texto div.categorias { display: block; height: 35px; margin: 13px 0 0 0; }
div.texto div.categorias a span.commglobe { display: inline-block; padding: 0 0 0 17px; background: #F2F2F2 url('../imgs/icon-commglobe.jpg') no-repeat left 2px; color: #999; }

div.widget { padding: 7px 0 9px 22px; border-top: 1px solid #ebdfd3; background: #FFFFFF url('../imgs/icon-flecha.jpg') no-repeat left 9px; }
* > div.widget:first-child { padding: 0 0 9px 22px; border-top: none; background: #FFFFFF url('../imgs/icon-flecha.jpg') no-repeat left 3px; }
div.widget h2 {}

div.widget div.iconos { margin: 8px 0 0 0; }

div.widget ul {}
div.widget ul.archivo-meses { margin: 0; padding: 0 0 5px 8px; }
div.widget ul li { margin: 7px 0; font-size: 12px; color: #a17262; }

div.widget h2#desplegable { display: inline-block; padding: 3px 0 0 7px; width: 175px; height: 24px; background: #FFFFFF url('../imgs/bg-archivo.jpg') no-repeat left top; }
div#desplegable-archivo { visibility: hidden; position: relative; top: -3px; padding: 1px 0 0 0; background: #FFFFFF url('../imgs/bg-archivodespl.jpg') no-repeat left bottom; }

div#more-actions, div#more-posts { margin: 0; }
div#more-actions ul, div#more-posts ul { margin: 0 0 0 14px; }
div#more-actions ul li, div#more-posts ul li { margin: 5px 0; }

div.flechita { display: inline-block; width: 35px; height: 17px; }
div.numeropag { display: inline-block; position: relative; top: -4px; width: 40px; text-align: center; }

div#footer { margin: 20px auto 100px auto; width: 900px; }

/* SPANS */
span.idiomas { margin: 0 14px 0 0; padding: 1px 0 0 18px; height: 15px; display: inline-block; color: #e23d67; background: #FFFFFF url('../imgs/icon-lang.jpg') no-repeat left top; }
span.contactanos { padding: 1px 0 0 18px; height: 15px; display: inline-block; color: #e23d67; background: #FFFFFF url('../imgs/icon-contact.jpg') no-repeat left top; }
span.cv { margin: 0 0 0 14px; padding: 1px 0 0 18px; height: 15px; display: inline-block; color: #e23d67; background: #FFFFFF url('../imgs/icon-cv.jpg') no-repeat left top; }

span.head-element { padding: 0 22px 0 0; height: 22px; display: inline-block; color: #4a382f; background: #FFFFFF url('../imgs/sep-color.jpg') no-repeat right 3px; }
span.element { padding: 0 22px 0 7px; height: 22px; display: inline-block; color: #e9e9e9; background: #FFFFFF url('../imgs/sep-gris.jpg') no-repeat right 3px; }

* > div#nav1 span.element:last-child { padding: 0 0 0 7px; background: none; }
* > div#nav2 span.element:last-child { padding: 0 0 0 7px; background: none; }

span.won-element { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4a382f; padding: 0 4px 0 13px; background: #FFFFFF url('../imgs/sep-menus.jpg') no-repeat left 4px; }
span.sub { padding: 0 4px 0 0; background: #FFFFFF; background: #FFFFFF url('../imgs/sep-menus.jpg') no-repeat middle 4px;; }
* > span.won-element:first-child { padding: 0 4px 0 0; background: #FFFFFF; }

div#nav3 ul li, div#nav3b ul li { display: inline-block; }
* > div#nav3 ul li:first-child { padding: 0 4px 0 0; background: #FFFFFF; }
* > div#nav3b ul li:first-child { padding: 0 4px 0 0; background: #FFFFFF; }

span.quote { display: inline-block; margin: 10px 0 7px 0; }
span.titular { display: inline-block; margin: 10px 0 0 0; }
span.extracto { display: inline-block; margin: 5px 0 7px 0; }

span.imgorvideo { display: block; width: 263px; height: 180px; }
span.fecha { display: inline-block; padding: 0 0 7px 0; width: 100%; height: 13px; background: #FFFFFF; }
span.cat { padding: 0 7px 0 4px; background: #F2F2F2 url('../imgs/sep-cats.jpg') no-repeat right 5px; }
* > span.cat:first-child { padding: 0 7px 0 0; }

span.more-about { display: block; padding: 9px 0 2px 13px; background: #FFFFFF url(../imgs/sep-sections.jpg) no-repeat left 14px; }
span.more-about2 { display: block; padding: 9px 0 2px 13px; background: #FFFFFF url(../imgs/sep-sections.jpg) no-repeat left 18px; }
span.more-about-text { display: block; padding: 9px 0 2px 13px; margin: 0 0 15px 0; }

span.alpie-1st { margin: 0 395px 0 0; }
span.alpie { margin: 0 0 0 13px; }
span.alpie2 { display: block; margin: 5px 0 0 0; }

/* BUSCADOR */
form#buscador { display: inline-block; margin: 0 0 0 12px; padding: 0; background: #FFFFFF url('../imgs/bg-buscador.jpg') no-repeat left 2px; }
input.buscador { margin: 0 0 0 20px; width: 135px; border: none; background-color: transparent; font-size: 10px; color: #e23d67; }
input.botoncico { margin: 0 0 0 10px; border: none; background-color: #FFFFFF; font-size: 11px; color: #e23d67; }

/* FUENTES */
body { font-family: Georgia, "Times New Roman", serif; }
div#supramenu { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
div#nav1, div#nav2 { font-family: Verdana, Arial, sans-serif; font-size: 22px; }
div#nav3 ul li, div#nav3b ul li { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #4a382f; margin: 5px 0 0 0; padding: 0 4px 0 13px; background: #FFFFFF url('../imgs/sep-menus.jpg') no-repeat left 4px; }
div.widget h2 { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 120%; color: #4a382f; }
div.widget span.quote { font-style: italic; font-weight: bold; font-size: 14px; line-height: 120%; color: #fd2c40; }
div.widget span.quote-autor { font-style: normal; font-weight: normal; font-size: 11px; color: #fd2c40; }
div.widget span.titular { font-style: italic; font-weight: bold; font-size: 14px; color: #fd2c40; }
div.widget span.extracto { font-style: normal; font-weight: normal; font-size: 11px; line-height: 145%; color: #4a382f; }
span.fecha { font-size: 12px; color: #997766; }
div.post-1 h2, div.post-2 h2, div.post-3 h2, div.post-4 h2 { font-size: 18px; font-weight: bold; line-height: 125%; }
div.texto { font-size: 12px; line-height: 150%; color: #4a382f; }
span.cat { font-size: 11px; color: #997766; }
span.more-about, span.more-about2 { font-family: Verdana, Arial, sans-serif; font-size: 14px; }
span.more-about-text { font-family: Georgia, "Times New Roman", serif; font-size: 11px; line-height: 140%; color: #555; }
div#more-actions, div#more-posts { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
div#footer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #707070; }
div.elemento-media { font-family: Verdna, Arial, sans-serif; font-size: 14px; line-height: 150%; color: #4A382F; }
div.textocomentario { font-family: Georgia, 'Times New Roman', serif; font-size: 12px; color: #4A382F; line-height: 145%; }
div#formulario form div#derecha textarea { font-family: Georgia, 'Times New Roman', serif; font-size: 12px; color: #4A382F; }
div#izquierda input#campo { font-size: 12px; font-family: Georgia, "Times New Roman", serif; }
div#izquierda input#boton { font-size: 12px; font-family: Georgia, "Times New Roman", serif; }

span.titulargeorgia { font-family: Georgia, "Times New Roman", serif; font-size: 17px; color: #F9003A; font-weight: bold; font-style: italic; }

span.georgia, div.georgia { font-family: Georgia, "Times New Roman", serif; }
span.verdana, div.verdana { font-family: Verdana, Arial, sans-serif; }
span.italica, div.italica { font-style: italic; }
span.flotaderecha { float: right; }

/* LISTAS EN CONTENIDO */
div#posts ul.lista, div#posts div.texto ul { font-size: 12px; margin: 5px 0 5px 10px; }
div#posts ul.lista li, div#posts div.texto ul li { padding: 0 0 0 10px; background: url('../imgs/sep-menus.jpg') no-repeat left 7px; }
div#posts ul.lista li a, div#posts div.texto ul li a { color: #4A382F; }
div#posts ul.lista li a:hover, div#posts div.texto ul li a:hover { color: #F9003A; }

/* ENLACES */
#supramenu a { color: #4a382f; }
#supramenu a:hover { color: #e23d67; }
.element a { color: #e9e9e9; }
.element a:hover { color: #f9003a; }
.won-element a { color: #4a382f; }
.won-element a:hover { color: #f9003a; }
div#nav3 ul li a, div#nav3b ul li a { color: #4a382f; }
div#nav3 ul li a:hover, div#nav3b ul li a:hover { color: #f9003a; }

#texter a { color: #ffffff; }

.post-1 h2 a, .post-2 h2 a, .post-3 h2 a, .post-4 h2 a {  color: #f9003a; }
.extracto a { color: #f9003a; }
.categorias span.cat a { color: #997766; }

#sidebar h2 a { color: #4a382f; }
.widget ul li a { color: #a17262; }
.widget span.titular a { color: #fd2c40; }

.element a.activo { color: #f9003a; }
.won-element a.activo { color: #f9003a; }
div#nav3 ul li a.active_category, div#nav3b ul li a.active_category { color: #f9003a; }
div#nav3 ul li a.active_category:hover, div#nav3b ul li a.active_category:hover { color: #4A382F; }

span.more-about a, span.more-about2 a { color: #4a382f; }
span.more-about a:hover, span.more-about2 a:hover { color: #f9003a; }

div#more-actions ul li a, div#more-posts ul li a { color: #a17262; }

div#comentarios a { color: #F9003A; }

div#footer a { color: #707070; }
div#footer a:hover { color: #F9003A; }

a.active_category { color: #F9003A; }

/* PORTFOLIO */
div#contenido-noslider div.elemento-multimedia {}
div#contenido-noslider div.elemento-navegador { margin: 23px 0; }

div#contenido-noslider div.post-1 { color: #f9003a; }
div#contenido-noslider div.post-2 { background: #e7e7e7; }
div#contenido-noslider div.post-1 div.titular { margin: 0; min-height: 0; }
div#contenido-noslider div.post-1 div.texto { color: #f9003a; }
div#contenido-noslider div.post-1 div.texto, div#contenido-noslider div.post-2 div.texto { padding: 15px 15px 15px 15px; }

div#contenido-noslider div.elemento-navegador-floating { margin: 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; text-align: right; color: #333; }
div#contenido-noslider div.elemento-navegador-floating { position: relative; z-index: 99; top: -225px;}

/* COMENTARIOS */
div#comentarios div.comentario { margin: 15px 0 0 0; }
div#comentarios div.avatar { float: left; display: inline-block; width: 54px; height: 70px; background: url('../imgs/icon-miniflechita.jpg') no-repeat right 54px; }
div#comentarios div.textocomentario { float: left; display: inline-block; padding: 15px; width: 462px; min-height: 40px; background: #E7E7E7; }
div#formulario { margin: 20px 0 0 0; }
div#izquierda, div#derecha { float: left; }
div#izquierda input#campo { margin: 0 10px 10px 0; padding: 2px; width: 146px; height: 16px; border: none; background: #E7E7E7; }
div#izquierda input#boton { margin: 0 10px 0 0; width: 150px; height: 22px; color: #FFF; border: none; background: #F9003A; }
div#derecha textarea { padding: 0 2px 2px 2px; width: 375px; height: 107px; }

/* HACKS */
div#header h1, div#header h3 { display: none; }
#retoque { background: #FFFFFF url('../imgs/icon-flecha.jpg') no-repeat left 12px; }
div.post-1 div.texto div.extracto, div.post-2 div.texto div.extracto, div.post-3 div.texto div.extracto, div.post-4 div.texto div.extracto { min-height: 0; height: 170px; }
div.post-1 p, div.post-2 p, div.post-3 p, div.post-4 p, div.elemento-media p, div.textocomentario p { padding: 15px 0 0 0; }
* > div.post-1 p:first-child { padding-top: 0; }
* > div.post-2 p:first-child { padding-top: 0; }
* > div.post-3 p:first-child { padding-top: 0; }
* > div.post-4 p:first-child { padding-top: 0; }
* > div.elemento-media p:first-child { padding-top: 0; }
* > div.textocomentario p:first-child { padding-top: 0; }

/* Firefox */
@-moz-document url-prefix() {
	form#buscador { background: #FFFFFF url('../imgs/bg-buscador.jpg') no-repeat left 1px; }
	input.botoncico { margin: 0 0 0 15px; }
	span.won-element { background: #FFFFFF url('../imgs/sep-menus.jpg') no-repeat left 5px; }
	div#nav3 ul li, div#nav3b ul li { background: #FFFFFF url('../imgs/sep-menus.jpg') no-repeat left 4px; }
	span.cat { background: #F2F2F2 url('../imgs/sep-cats.jpg') no-repeat right 6px; }
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	span.alpie-1st { margin: 0 395px 0 0; }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body #opera { display: block; }
}

/* IE 7 */
html > body .textocomentario { *height: 40px; }
html > body #texter { *background: #F9003A; }

/* IE 6 */
body .textocomentario { _height: 40px; }
body #texter { _background: #F9003A; }