/*
=================================================
WEGETIT
Web & Creatividad
-------------------------------------------------
Wegetit / www.wegetit.ws
=================================================
*/

/*=========================================
ESTILOS GENERICOS
===========================================*/
*{
margin:0;
padding:0;
}
body{
background:#fff url(../_images/fondo_web.jpg) no-repeat center top;
color:#000;
font:normal 1em Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:center;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1px;
}
img, a img, embed{
border:none;
vertical-align:bottom;
}
a:hover img, a:focus img{
filter:alpha(opacity=60);
opacity: 0.60;
-moz-opacity:0.60;
}
a{
color:#000;
outline:none;
text-decoration:none;
}
a:hover, a:focus{
text-decoration:underline;
}
hr{
display:none;
}
abbr{
cursor:help;
}
form, fieldset{
border:0;
}
/*=========================================
CONTENEDOR
===========================================*/
#contenedor{
margin:0 auto;
width:60em;
}
/*=========================================
HEADER
===========================================*/
#header{
width:100%;
}
#header #logo_header{
position:absolute;
text-align:right;
width:60em;
z-index:100;
}
#header #logo_header h1{
display:block;
font:bold 1em Arial, Helvetica, sans-serif;
margin:1.88em 1.25em 0;
}
#header #img_coro{
display:block;
position:relative;
width:100%;
}
/*=========================================
BARRA VIDEOS
===========================================*/
#barra_videos{
background:#000;
padding:1.06em 0 0;
text-align:left;
}
#txt_felicitacion{
display:inline;
float:left;
margin:0 0 0 1.25em;
width:16.31em;
}
#txt_felicitacion h2{
color:#fff;
font:normal 1.19em/1em "Arial Narrow", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#txt_felicitacion h2.txt_es{
position:relative;
height:75px;
margin:1em 0 0;
overflow:hidden;
}
#txt_felicitacion h2.txt_eu{
position:relative;
height:75px;
margin:1.31em 0 0;
overflow:hidden;
}
#txt_felicitacion h2 span{
height:100%;
position:absolute;
width:100%;
}
#txt_felicitacion h2.txt_es span{
background:#000 url(../_images/h2_txt_felicitacion_es.gif) no-repeat left top;
}
#txt_felicitacion h2.txt_eu span{
background:#000 url(../_images/h2_txt_felicitacion_eu.gif) no-repeat left top;
}
#videos{
display:inline;
float:right;
width:666px;
}
#videos div{
display:inline;
float:left;
width:640px;
}
#videos #video{
background:#fff;
height:362px;
}
#videos ul{
border-left:.06em solid #000;
float:right;
}
#videos ul li{
display:inline;
list-style:none;
}
#videos ul li a{
display:block;
font-size:.75em;
overflow:hidden;
position:relative;
}
#videos ul li a span{
height:100%;
position:absolute;
width:100%;
cursor:pointer;
}
#videos ul li a.video{
height:126px;
width:25px;
}
#videos ul li a.video span{
background:url(../_images/pest_video_making_of.gif) no-repeat top left;
}
#videos ul li a.video:hover span, #videos ul li a.video:focus span{
background-position:top -25px;
}
#videos ul li a.video span.pestana_selected, #videos ul li a.video:hover span.pestana_selected, #videos ul li a.video:hover span.pestana_selected{
background-position:top right;
}
#videos ul li a.making_of{
height:102px;
width:25px;
}
#videos ul li a.making_of span{
background:url(../_images/pest_video_making_of.gif) no-repeat bottom left;
}
#videos ul li a.making_of:hover span, #videos ul li a.making_of:focus span{
background-position:-25px bottom;
}
#videos ul li a.making_of span.pestana_selected, #videos ul li a.making_of:hover span.pestana_selected, #videos ul li a.making_of:hover span.pestana_selected{
background-position:bottom right;
}
/*=========================================
CONTENIDO
===========================================*/
#contenido{
margin:0 20px;
padding:3.56em 0 3.13em;
text-align:left;
}
#contenido #col_izda{
display:inline;
float:left;
width:16.56em;
}
#contenido #col_izda #anadir_comentario h2,
#contenido #col_izda #galeria_fotos h2{
display:block;
font:bold .94em "Arial Narrow", Arial, Helvetica, sans-serif;
height:15px !important;
overflow:hidden;
position:relative;
text-transform:uppercase;
}
#contenido #col_izda #anadir_comentario h2 span{
background:#fff url(../_images/h2_anadir_comentario.gif) no-repeat left top;
height:100%;
position:absolute;
width:100%;
}
#form_comentario{
background:#000 url(../_images/bg_form_comentario_inf.gif) no-repeat bottom;
margin:.75em .43em 0 0;
padding:0 0 1.56em;
}
#form_comentario form{
background:url(../_images/bg_form_comentario_sup.gif) no-repeat top;
padding:.44em 0 0;
}
#form_comentario form fieldset div{
padding:.88em 1.25em 0;
}
#form_comentario form fieldset div label{
color:#fff;
font-size:.75em;
}
#form_comentario form fieldset div input,
#form_comentario form fieldset div textarea{
border:.08em solid #7c7c7c;
color:#000;
font:normal .75em Arial, Helvetica, sans-serif;
margin:.42em 0 0;
padding:.17em .17em .25em;
width:98%;
}
#form_comentario form fieldset div.enviar_form{
padding:.88em 1.25em 0 !important;
}
#form_comentario form fieldset div.enviar_form button.enviar_form{
background:#fff url(../_images/bot_enviar.gif) no-repeat left top;
border:none;
color:#000;
cursor:pointer;
height:20px;
font:bold .75em "Arial Narrow", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-indent: -9000px;
text-transform:uppercase;
width:104px !important;
}
#form_comentario form fieldset div.enviar_form button.enviar_form:hover, #form_comentario form fieldset div.enviar_form button.enviar_form:focus{
background-position:left bottom;
}
#contenido #col_izda #galeria_fotos{
margin:1.88em 0 0;
}
#contenido #col_izda #galeria_fotos h2 span{
background:#fff url(../_images/h2_fotos.gif) no-repeat left top;
height:100%;
position:absolute;
width:100%;
}
#contenido #col_izda #galeria_fotos ul{
padding:.63em 0 0;
}
#contenido #col_izda #galeria_fotos ul li{
display:inline;
list-style:none;
}
#contenido #col_izda #galeria_fotos ul li a{
display:block;
float:left;
margin:0 .31em .31em 0;
padding:0;
}
#contenido #col_dcha{
display:inline;
float:right;
width:38.75em;
}
#contenido #col_dcha h2{
display:block;
float:left;
font:bold .94em "Arial Narrow", Arial, Helvetica, sans-serif;
height:15px !important;
overflow:hidden;
position:relative;
text-transform:uppercase;
width:161px;
}
#contenido #col_dcha h2 span{
background:#fff url(../_images/h2_comentarios.jpg) no-repeat left top;
height:100%;
position:absolute;
width:100%;
}
#contenido #col_dcha p.cant_imagenes{
display:inline;
float:left;
font-size:.88em;
margin:0 0 0 .5em;
}
#contenido #col_dcha div.comentario{
border-bottom:.06em solid #eeeeee;
clear:both;
padding:.66em 0;
}
#contenido #col_dcha div.primer_comentario{
margin:1.5em 0 0;
}
#contenido #col_dcha div.comentario p{
font-size:.75em;
}
#contenido #col_dcha div.comentario p.nombre_fecha{
font-size:.69em;
padding:0 0 .45em;
}
#contenido #col_dcha div.comentario p.nombre_fecha strong{
font-size:1.09em;
}
#contenido #col_dcha #paginacion{
margin:1.88em 0 0;
}
#contenido #col_dcha #paginacion p{
display:inline;
float:left;
font-size:.69em;
padding:.27em 0 0;
}
#contenido #col_dcha #paginacion ul{
display:inline;
float:right;
font-size:.69em;
padding:.27em 0 .45em;
}
#contenido #col_dcha #paginacion ul li{
display:inline;
list-style:none;
}
#contenido #col_dcha #paginacion ul li a{
border:.09em solid #000;
padding:.18em .91em .36em;
}
#contenido #col_dcha #paginacion ul li a:hover, #contenido #col_dcha #paginacion ul li a:focus{
border-color:#666666;
text-decoration:none;
}
/*=========================================
FOOTER
===========================================*/
#footer_contenedor{
background:#000;
clear:both;
padding:1.25em 0;
text-align:center;
}
#footer_contenido{
margin:0 auto;
text-align:left;
width:60em;
}
#footer_contenido #datos_wegetit{
display:inline;
float:left;
margin:0 0 0 1.25em;
}
#footer_contenido #datos_wegetit a img{
display:inline;
float:left;
}
#footer_contenido #datos_wegetit address{
color:#fff;
display:inline;
float:left;
font-size:.69em;
font-style:normal;
margin:.82em 0 0 3.13em;
width:21.82em;
}
#footer_contenido #listado_logotipos{
display:inline;
float:right;
margin:0 .63em 0 0;
_width:14.69em; /* IE6 */
}
#footer_contenido #listado_logotipos ul li{
display:inline;
list-style:none;
}
#footer_contenido #listado_logotipos ul li a{
border-left:.06em solid #333333;
display:inline;
float:left;
padding:0 .63em;
}

/* MENSAJE DE FORMULARIO */
#validateText{display:none;}
#TB_ajaxContent h2{
font-size:1em;
position:relative;
width:108px;
height:15px;
margin:0 0 1em 0;
overflow:hidden;
}
#TB_ajaxContent h2 span{
height:100%;
position:absolute;
width:100%;
background:#000 url(../_images/h2_error.gif) no-repeat left top;
}
#TB_ajaxContent p{padding:0 0 13px 10px;}
#TB_ajaxContent div.center{text-align:center;}
#TB_ajaxContent p.center{text-align:center; padding:0;}
#TB_ajaxContent input{margin:15px 0 0 0;}

#TB_ajaxContent button.aceptar_form{
background:#fff url(../_images/bot_aceptar.gif) no-repeat left top;
border:none;
color:#000;
cursor:pointer;
width:125px !important;
height:20px;
font:bold .75em "Arial Narrow", Arial, Helvetica, sans-serif;
margin:0 auto;
padding:0;
text-indent: -9000px;
text-transform:uppercase;
display:block;
}
#TB_ajaxContent button.aceptar_form:hover, 
#TB_ajaxContent button.aceptar_form:focus{
background-position:left bottom;
}