/** 
Hoja de estilo web 3xtr3s
2005-2006 Raúl Fernández - Tangent AudioVisual (http://www.tangent.es)
**/

/************* LAYOUT GENERAL ***************/

html,body{
margin:0;
padding:0
}

html { /*fuerza la barra de scroll en firefox*/
overflow-y:scroll
} 

body{
color:#4b1900;
background-color: #fff; 
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 75%;
text-align:center
}

#container{
border-left:1px solid #bdb495;
border-right:1px solid #bdb495;
width:1000px;
margin:0 auto;
overflow:hidden;
background:#fffbe8 url(../images/fondo.gif) 0 0 repeat-y;
text-align:left
}

#container.socios{
background:#fffbe8;
}

#header{background: #3b0100}

#menu{
position:relative;
z-index:100;
height:30px;
background:#920001 url(../images/bx.jpg) 750px 0 no-repeat
}

#wrapper{
width:100%;
float:left;
padding:0;
margin:0;
background:url(../images/borde_sup.jpg) 0 0 repeat-x
}

h1{
line-height:1.3em;
padding:5px 0 5px;
margin:10px 0 0 0;
color:#4b1900;
font-size:2em;
border-bottom:1px dashed #8c705b;
}

h1.noborder{
border:none;
}

h2{
padding:0;
margin:10px 0 5px 0;
color:#4b1900;
font-size:1.3em;
}

h3{
padding:7px 0 5px 0;
margin:0;
color:#4b1900;
font-size:1em;
letter-spacing:0.1em;
}

h3.bordeoscuro{
border-bottom:1px dashed #8c705b;
}

h3.bordeclaro{
border-bottom:1px dashed #d3c7ad;
}


h3.bordedoble{
border-top:1px dashed #8c705b;
border-bottom:1px dashed #d3c7ad;
}

h4{
padding:7px 0 5px 0;
margin:0;
color:#4b1900;
font-size:1em;
}

p{
color:#4b1900;
font-size:1em;
line-height:1.4em;
margin:0;
padding:0 0 1.5em 0
}

p.padding{
padding:.7em 0 0 0
}

p.paddingtop{
padding:.7em 0 1.5em 0
}

a,
.enlace{
text-decoration:none;
font-weight:bold;
color:#96000b;
}

a:hover,
.enlace:hover{
color:#2c0000
}

.espacio{
display:block;
padding:4px;
margin:0;
}

#content ul{
padding:0;
margin:1em 0 0 1.5em;
}

#content ul li{
padding:0;
margin:1em 0 0 0;
}

pre{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin:.2em 0 .2em
}

.hr{
height:1px;
border-bottom:1px dashed #d3c7ad;
color:#231E46;
margin:0 0 0 15px;
padding:0;
width:100%
} 

hr{
border:none;
border-bottom:1px dashed #d3c7ad;
clear:both;
color:#fffbe8;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
} 

* html .hr{
margin:0 0 0 10px;
width:97%;
voice-family: "\"}\"";
voice-family: inherit;
width:100%
} 

#cabcontent{float:left; width:788px; margin: 0 25px 0 10px;}
#content {float:left; width:790px;text-align:justify; margin:0 0 0 10px; padding:0 0 20px 0}
#content{ min-height:300px;}
* html #content{ height:300px;}
#wrapper .withlateral {float:left; width:435px;margin:15px 0 0 10px; padding:0 0 30px 0}
#wrapper .noticias,
#wrapper .generic{margin-top:15px}
#wrapper .horarios{margin-top:25px}
#wrapper .aforos{margin:0 0 0 -3px}
* html #wrapper .aforos{ margin-left:0;}

#wrapper .aforos p{margin:10px 0 0 15px;padding:0}
#wrapper .arribar{margin: 7px 0 20px 10px; padding:0 0 8px 0}

#lateral {float:left; margin:20px 0 20px 11px;padding:0}
#lateral .imagen{padding:0 0 14px 10px}
#lateral .imagen_grupo{margin:0;padding:0}
#lateral .imagen_grupo a{display:block; float:left;margin:0 4px 0 10px; width:99px;height:66px}
* html #lateral .imagen_grupo a{margin:0 9px 0 5px}
#lateral .imagen_grupo a,
#lateral .imagen img{border: 1px solid #9d8d74;}
#lateral .imagen_grupo a:hover{border: 1px solid #96000b;}

#navmenu{float: left; width: 175px; margin: 0; padding:0;}
#navmenu{ min-height:300px;}
* html #navmenu{height:300px;}

#nomenu{float: left; width: 175px; margin: 0; padding:0;background:url(../images/lateral_fondo_ini_claro.gif) 0 0 no-repeat}
#nomenu{ min-height:300px;}
* html #nomenu{height:300px;}

#info .link_home{
display:block;
width:100%;
float:left;
height:80px;
}
#info .link_home span{
display:none;
}

#footer{
margin:0;
padding:20px 5px 12px 10px;
clear:both;
float:left;
width:100%;
background:#fffbe8 url(../images/pie.gif) 0 0 no-repeat;
border-bottom:1px solid #bdb495;
}

#footer span{
display:block;
float:left;
font-size:11px;
line-height:1em;
text-align:left;
margin:0;
padding:0
}

#footer span .tangent{
font-weight:normal;
color:#e36300;
display:block;
width:235px;
text-decoration:none;
text-align:right;
margin:0;
padding:0;
}

#footer .tangent:hover{
text-decoration:underline;
}

#cabcontent ul{
overflow:hidden;
width:100%;
padding:0;
margin:0;
list-style-type:none;
border-bottom:1px dashed #d3c7ad;
}

#cabcontent ul li{
position:relative;
float:left;
margin:0;
padding:6px 25px 6px 25px; 
border-left:1px dashed #d3c7ad
}

#cabcontent ul li.fechaTxt{
padding-left:0; 
border-left:none;
}

#info ul.idioma,
#info ul.socios{
padding:0;
margin:0;
list-style-type:none;
}

#info .socios li{
float:left;
height:25px;
}

#info .socios li a{
display:block;
padding:0;
margin:0;
}

#info .idioma li{
position:relative;
float:right;
}

#info .idioma li a{
display:block;
font-size:11px;
text-decoration:none; 
text-align:right;
color:#fff1d8; 
width:80px; 
background:transparent; 
padding:6px 10px 5px 2px;
margin:0;
line-height:1.1em
}

#info .idioma li a:hover{
text-decoration:none; 
color:#fff; 
}

#navmenu ul{
padding:0;
margin:0;
list-style-type:none;
width:165px;
}

#navmenu li{
position:relative;
height:auto;
width:160px;
float:left;
clear:left;
}

#navmenu .nolink {
width:165px;
}

#navmenu li a{
display:block;
font-size:11px;
color:#931d19; 
width:140px; 
background:transparent; 
padding:7px 10px 6px 10px;
margin:0;
line-height:1.1em;
}

#navmenu li span{
cursor:default;
display:block;
font-size:11px;
font-weight:bold;
color:#2c0000; 
width:145px; 
background:transparent; 
padding:7px 5px 6px 10px;
margin:0;
line-height:1.1em;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html  #navmenu li a, * html #navmenu li a:visited {
width:160px;
w\idth:140px;
}

#navmenu ul  a{color:#2c0000}
#navmenu ul ul a{color:#931d19}

#navmenu ul li{background: url(../images/lateral_fondo_C.gif) no-repeat 0 0}
#navmenu .nolink{background: url(../images/lateral_fondo_ini.gif) no-repeat 0 0}
#navmenu ul ul li{background: url(../images/lateral_fondo_A.gif) no-repeat 0 0}

#navmenu li a:hover,#navmenu li.actual a{
color:#2c0000; 
background: url(../images/flecha_lateral.gif) no-repeat 97% 50%;
}

#navmenu b {display:block; overflow:hidden;}

#navmenu li b.linea_lateral_primero{
background:url(../images/linea_lateral_primero.gif) no-repeat 0 0;
height:1px;
}

#navmenu li b.linea_lateral_sub {
background:url(../images/linea_lateral_sub.gif) no-repeat 0 0;
height:1px;
}

#navmenu ul li b.linea_continua {
background:#967d64;
height:1px;
}

#navmenu ul ul li b.linea_continua {
background:#beaa87;
height:1px;
}

.taquilla{
text-align:left;
}

/* HOME */

#wrapper.home{
width:1000px;
height:550px;
background:url(../images/home_horizontal_superior.jpg) 0 0 no-repeat;
border-bottom:1px solid #bdb495;
}

#container.home{
position:relative;
background:#fffbe8;
}

.home #content{width:100%;margin:0;padding-bottom:50px;background: url(../images/home_horizontal_inferior.gif) 0 530px no-repeat;}

.home #footer{
padding:12px 5px 12px 10px;
background:#fffbe8;
}

#content #noticiasHome{
text-align:left;
font-size:11px;
float:left;
margin:0;
padding:80px 0 5px 15px;
}


#content #noticiasPerfilIzq{
background: url(../images/noticias_perfil_izquierdo.gif) 0 0 repeat-y;
float:left;
width:10px;
height:450px;

}

#content #noticiasContent{
float:left;
width:190px;
height:450px;
background:#fffae6;
}

#content #noticiasPerfilDer{
background: url(../images/noticias_perfil_derecho.gif) 0 0 repeat-y;
width:10px;
height:450px;
float:left;

}

#content #noticiasHome h4{
color:#78422a;
padding:0 0 3px 0;
line-height:1.2em;
}

#content #noticiasHome a{
font-weight:normal;
margin: 0 0 0 2px;
padding:7px 5px 7px 7px;
color:#78422a;
text-decoration:none;
display:block;
overflow:hidden;
border-bottom:1px dashed #8c705b;
}


#content #noticiasHome a{
height:113px;
voice-family: "\"}\"";
voice-family: inherit;
height: 98px;
}

#content #noticiasHome a.nopadding{
padding-top:0;
height:107px;
voice-family: "\"}\"";
voice-family: inherit;
height:98px;
}

#content #noticiasHome a:hover,
#content #noticiasHome a:hover h4{
color:#2c0000;
text-decoration:none;
}

#content #cartel{
float:left;
margin:80px 0 0 0px;
padding:0;
width:775px;
background: #fffae6 url(../images/teatros_vertical_central.gif) 50% 0 repeat-y;
}

#content  #cartel #cartelPrincipal,
#content  #cartel #cartelSecundario{
padding:0;
width:775px;
float:left;
}


#content  #cartelSecundario{
background:#fffae6;
height:160px;
}

#content #cartelVictoria{
float:left;
width:388px;
height:240px;
margin:0 0 0 0;
}

#content #cartelPoliorama{
float:left;
width:387px;
height:240px;
margin:0 0 0 0;
}

#content  #cartel #cartelPrincipal{
height:290px;
background: url(../images/teatros_horizontal_central.gif) left bottom no-repeat;
}

#content  #cartelSecundario #cartelMiniIzq{
width:30px;
height:160px;
float:left;
background: url(../images/teatros_vertical_izquierdo_luz.gif) 0 0 repeat-y;
}

#content  #cartelSecundario #cartelMiniDer{
width:30px;
height:160px;
float:right;
background: url(../images/teatros_vertical_derecho_luz.gif) 0 0 repeat-y;
}

#content #cartelVictoria{
background: url(../images/teatros_vertical_izquierdo.gif) 0 0 no-repeat;
}

#content #cartelPoliorama{
background: url(../images/teatros_vertical_derecho.gif) right top no-repeat;
}


#content #cartelVictoria img,
#content #cartelPoliorama img{
position:absolute;
top:245px;
left:261px;
width:330px;
height:220px;
}

#content #cartelPoliorama img{left:635px}

* html #content #cartelVictoria img{
left:261px;
voice-family: "\"}\"";
voice-family: inherit;
left:390px;
}

* html #content #cartelPoliorama img{
left:635px;
voice-family: "\"}\"";
voice-family: inherit;
left:765px;
}

#content #cartelSecundario .cartelMini,
#content #cartelSecundario .cartelMiniFin{
border-right:1px dashed #8c705b;
float:left;
width:178px;
height:160px
}

#content #cartelSecundario .cartelMiniFin{
border-right:none;
}

#content #cartelSecundario .cartelMini img,
#content #cartelSecundario .cartelMiniFin img{
position:absolute;
width:150px;
height:100px;
display:block;
margin:2px 0 0 13px;
}

#content #cartelVictoria .marco,
#content #cartelPoliorama .marco{
display:block;
background:url(../images/marco_cartel.gif) no-repeat 0 0;
position:absolute;
top:244px;
left:260px;
width:332px;
height:222px;
}


#content #cartelPoliorama .marco{left:634px}


* html #content #cartelVictoria .marco{
left:260px;
voice-family: "\"}\"";
voice-family: inherit;
left:389px;
}

* html #content #cartelPoliorama .marco{
left:634px;
voice-family: "\"}\"";
voice-family: inherit;
left:764px;
}

#content #cartelSecundario .marco{
border:none;
display:block;
background:url(../images/marco_mini.gif) no-repeat 0 0;
position:relative;
top:2px;
left:13px;
width:151px;
height:101px;
}

#content #cartelVictoria .opciones{
margin:0 22px 0 35px;
}

#content #cartelPoliorama .opciones{
margin:0 35px 0 20px;
}

#content #cartelSecundario .opciones{
text-align:left;
margin:0 10px 0 16px;
width:150px;
height:50px;
}

#content #cartelVictoria .opciones a,
#content #cartelPoliorama .opciones a{
color:#6a0001;
text-decoration:none;
}

#content #cartelSecundario .opciones a{
display:block;
color:#78422a;
text-decoration:none;
font-size:13px;
font-weight:bold;
width:100%;
height:32px;
line-height:1.2em;
}

#content #cartelVictoria .opciones a:hover,
#content #cartelPoliorama .opciones a:hover,
#content #cartelSecundario .opciones a:hover{
color:#2c0000;
text-decoration:none;
}

#content #cartelVictoria .opciones .link_obra,
#content #cartelPoliorama .opciones .link_obra{
font-size:13px;
float:left;
}

#content #cartelVictoria .opciones .link_horario,
#content #cartelPoliorama .opciones .link_horario{
font-weight:normal;
float:right;
}

#content #cartelSecundario .cartelMini .opciones .teatro{
color:#78422a;
width:150px;
display:block;
height:18px;
margin:3px 0 0;
}

/* ARRIBAR */

#wrapper .arribar{
font-size:11px;
line-height:1.5em;
border-bottom:1px dashed #d3c7ad;
}

#wrapper .arribar .mapa{
padding:.6em 2em .6em 2em;
float:left;
border-right:1px dashed #d3c7ad;
}

#wrapper .arribar .info{
float:left;
width:370px;
}

* html #wrapper .arribar .info{
width:360px;
voice-family: "\"}\"";
voice-family: inherit;
width:365px;
}

#wrapper .arribar .direccion{
float:left;
padding:.5em 0 .7em .5em;
margin: 0 0 0 .5em;
width:100%;
border-bottom:1px dashed #d3c7ad;
}

#wrapper .arribar .iconos{
float:left;
clear:left;
padding:1em 0 .6em .5em;
margin: 0 0 0 .5em;
width:100%;
}

#wrapper .arribar .tmb{
border-top:1px dashed #d3c7ad;
float:left;
clear:left;
padding:1em 0 .6em .5em;
margin: 0 0 0 .5em;
width:100%;
}

#wrapper .arribar .iconos div{
height:23px;
padding-left: 27px;
line-height: 1.4em;
}

#wrapper .arribar .iconos .metro{background: url(../images/ico_metro.gif) 0 0 no-repeat;}
#wrapper .arribar .iconos .bus{background: url(../images/ico_bus.gif) 3px 0 no-repeat;}
#wrapper .arribar .iconos .nitbus{background: url(../images/ico_nit_bus.gif) 3px 0 no-repeat;}
#wrapper .arribar .iconos .plaza{background: url(../images/ico_plaza.gif) 1px 0 no-repeat;}
#wrapper .arribar .iconos .tren{background: url(../images/ico_tren.gif) 0 0 no-repeat;}

/* SOCIOS */

#container .socio{
float:left;
clear:both;
border-bottom:1px dashed #d3c7ad;
width:100%;
margin-bottom:10px;
}

#container .socio  img{
border:1px solid #d3c7ad;
display:block;
margin:3px 0 3px 0;
}

#container .socio h2 img{
margin:3px 0 10px 0;
border:none;
}

#container .socio h2{
padding:0;
margin:5px 0 0 0;
}

#container .socio .columnaA{
margin-left:3px;
width:440px;
float:left;
}

#container .socio .columnaB{
width:315px;
float:right;
}


/* PROMOS */

#content #promoContent{
margin:25px 0 10px;
}

/* ENSAYOS */

#content .columnA,
#content .columnB{
width:377px;
float:left;
}

#content .columnA{
margin:10px 15px 16px 0;
}
#content .columnB{
margin:10px 0 16px 15px;
}

#content .firstCol{
margin-top:8px;
margin-bottom:8px;
}


#content .columnA p,
#content .columnB p{
margin:0;
padding:0;
}

#content .columnA img,
#content .columnB img{
display:block;
border:1px solid #d3c7ad;
margin:3px 0 3px 0;
}

#content .columnB .caractSala{
padding:0;
margin:0 0 0 15px;
list-style-image: url(../images/square.gif);
}

#content .columnB .empresasAsoc{
padding:0;
margin:0 0 0 0px;
list-style-type:none;
}

#content .columnB .caractSala li{
padding:0;
margin:6px 0 3px 0;
}

#content .columnB .empresasAsoc li{
padding:0;
margin:10px 0 0 0;
}


/* TABLAS */

table{
width:100%;
height:auto;
border-collapse: collapse;
border-spacing:1px;
table-layout:fixed;
text-align:left;
margin:0px 0 10px;

}

#content.ficha table{margin-top:25px}


table caption{
font-size:12px;
text-align:left;
padding: 4px 3px 5px 0;
}

table.horario,
table.datos{
border-top:1px dashed #967763;
}

table thead,tbody{color:#491700}

table th{
font-size:12px;
font-weight:bold;
}

table td{font-size:12px;}

table th,table td{
margin:0;
padding: 4px 3px 4px 0;
border-bottom:1px dashed #d3c7ad
}

table th.separador,table td.separador{
padding-left: 10px;
border-left:1px dashed #d3c7ad
}

table th.precio,table td.precio{
text-align:center;
}

table .final td{
border-top:none;
border-bottom:1px dashed #967763
}

table .tipo{
width:320px;
}

table .grupo{
width:100px;
}

table.equipo{
vertical-align:top;
}

table.equipo th{
width:300px;
}

table.equipo th,table.equipo td{
vertical-align:top;
padding: 7px 3px 10px 0;
}

table.equipo a{
text-decoration:none;
font-weight:bold;
color:#96000b;
}

table.equipo a:hover{
color:#2c0000;
}

table .cifra{
text-align:right;
width:50px;
}

table .alzadas{
width:200px;
}

table .anchuras{
width:250px;
padding-left: 10px;
border-left:1px dashed #d3c7ad
}

table.encuesta{
border-top:1px dashed #d3c7ad;
border-left:1px dashed #d3c7ad;
border-right:1px dashed #d3c7ad;
}

table.encuesta thead th{
text-align:center;
border-right:1px dashed #d3c7ad;
}

table.encuesta tbody th{
border-left:1px dashed #d3c7ad;
border-right:1px dashed #d3c7ad;
padding-left:5px;
}

table.encuesta td{
text-align:center;
/*border-right:1px dashed #d3c7ad;*/
}

table.encuesta th{
background:#f3e9ce;
}

.links{
border-top:1px dashed #967763;
border-bottom:1px dashed #967763;
margin:15px 0 15px 0;
padding: 10px 3px 10px 0px;
}

.links a{
text-decoration:none;
font-weight:bold;
color:#96000b;
}

.links a:hover{
color:#2c0000;
}

.aforo {
text-align:center;
}

#content .opinion,
#content .opinionAlert{
display:block;
float:left;
width:100%;
margin:15px 0 0px;
padding: 0 0 15px;
border-bottom:1px dashed #d3c7ad;
}


#content .opinionAlert{
font-weight:bold;
color:#2c0000;
}

#content .opinion .opina{
font-weight:bold;
margin:0;
padding: 5px 0 0;
}

#content .opinion .fecha{
font-style:italic;
}


/* FORMS */

input, textarea, select{
padding:.2em;
border:1px solid #d3c7ad;
font:1em Arial, Helvetica, sans-serif;
background:#fff;
}

input:focus, textarea:focus{
border:1px dotted #d3c7ad;
}

.envio input{
padding:0;
width:100px;
cursor:pointer;
border-top:2px solid #3e0100;
border-bottom:2px solid #bb0907;
border-left:2px solid #3e0100;
border-right:2px solid #bb0907;
background:#990100;
color: #fff;
font-weight:bold;
}

.envio input:hover{
background:#bb0907;
color: #fff;
font-weight:bold;
cursor:pointer;
}

#formOpinion,
#formSuscribir{
float:left;
width:100%;
padding:0;
border-bottom:1px dashed #d3c7ad;
}

#formOpinion fieldset,
#formSuscribir fieldset{
width:100%;
margin:0;
padding:0 0 10px;
border:none;
}

#formOpinion h3{
margin-bottom:15px;
border-bottom:1px dashed #d3c7ad;
}


#formOpinion .envio{
padding:0 0 .5em;
width:70%;
float:left;
clear:left
}

#formOpinion .f_acomp .radios{
float:left;
}
#formOpinion .f_acomp label{margin-right:10px;position:relative;left:2px;top:-2px}

#formOpinion .f_acomp p,
#formOpinion .f_tabla p,
#formOpinion .f_datos p{
padding-top:.6em;
padding-bottom:.6em;
}

#formOpinion .f_acomp,
#formOpinion .f_tabla,
#formOpinion .f_datos{
float:left;
margin-bottom:10px;
}

#formOpinion input.check, 
#formOpinion input[type="checkbox"]{
width:15px;
height:15px;
margin:3px 0;
}

#formOpinion input.check[disabled]{
border:1px dotted #ccc;
}

#formOpinion input[type="radio"]{
border:none;
}

#formOpinion .f_datos p{
padding-bottom:.6em;
}

#formOpinion .f_nombre,
#formOpinion .f_opinion{
display:block;
float:left;
padding-right:20px;
padding-bottom:7px;
}

#formOpinion .f_nombre input{
width:250px;
float:left;
}


#formOpinion .f_nom_encuesta,
#formOpinion .f_cognoms_encuesta,
#formOpinion .f_tel_encuesta,
#formOpinion .f_email_encuesta{
display:block;
float:left;
padding-right:15px;
padding-bottom:7px;
}

#formOpinion .f_nom_encuesta input,
#formOpinion .f_cognoms_encuesta input,
#formOpinion .f_tel_encuesta input,
#formOpinion .f_email_encuesta input{
width:200px;
float:left;
}

#formOpinion textarea{
width:250px;
height:75px;
float:left
}


#formSuscribir label,
#formOpinion label{
padding:.2em 0 .2em 0;
font-weight:bold;
width:75px;
}

#formSuscribir input{
padding:.2em 0 .2em 0;
}

#formSuscribir .f_nom,
#formSuscribir .f_cognoms,
#formSuscribir .f_sexe,
#formSuscribir .f_fecha,
#formSuscribir .f_email,
#formSuscribir .f_email{
display:block;
float:left;
padding-right:20px;
padding-bottom:7px;
}

#formSuscribir .f_sexe,
#formSuscribir .f_email,
#formSuscribir .f_pref,
#formOpinion .f_opinion{
clear:left;
}

#formSuscribir  .f_nom input,
#formSuscribir  .f_cognoms input,
#formSuscribir  .f_fecha input,
#formSuscribir  .f_email input{
width:200px;
float:left;
}

#formSuscribir  .f_sexe select{
width:202px;
float:left;
}


#formSuscribir .f_pref .check{
	border:none;
	background:none;
	margin:.5em .2em 0em 0;
	padding:0;
}

#formSuscribir .f_pref label{
font-weight:normal;
margin:.5em .2em 0em 0;
padding:0;
}

* html #formSuscribir .f_pref .check{
	margin:.5em .2em 0em -.3em;
}
 

#formSuscribir .f_pref .col{
	margin-right: 20px;
	float:left;
}


#formSuscribir .envio input{
background: #fffbe8;
}


#formSuscribir .btnSuscribir,
#formSuscribir .btnDesuscribir,
#formOpinion .btnEnviar{
border:none;
height: 33px;
width: 207px;
}


input.validation-failed,textarea.validation-failed {
border: 1px dashed #96000b;
color: #96000b
}

.validation-advice {
float:left;
clear:left;
margin: 0;
padding: .2em .2em .2em 0;
color : #96000b;
font-weight: bold
}

#advice-validate-one-required-menors {
border:1px dashed #96000b;
margin: 5px 0;
padding:5px;
}

/* Audio ,video e imagen */

#content .mediaContainer{
display:block;
float:left;
width:100%;
margin:15px 0 0px;
padding: 0px 0 15px;
border-bottom:1px dashed #d3c7ad;
}

#content .mediaPlayer{
width:33%;
float:left;
}


#content .mediaPlayer div{
width:100%;
height:100%;
}

#content .criticaBtn{
width:10%;
float:left;
}

#content .criticaText{
text-align:justify;
width:90%;
float:left;
}

#content .mediaPlayer p{
font-style:italic;
margin:0 15px 0 0;
}

#content .mediaPlayer p a{
text-decoration:none;
font-weight:bold;
color:#96000b;
}

#content .mediaPlayer p a:hover{
color:#2c0000;
}

#content .mediaText{
text-align:justify;
width:67%;
float:left;
}

#content .imagesWrap {
float:left;
margin:20px 0 0 0;
background:url(../images/linea_dis_vertical.gif) 157px 0px repeat-y;
}

#content .imageContainer{
display:block;
float:left;
margin:0;
padding: 0 0 0 27px;
}

#content .imageContainer p{
margin-top:10px;
width:600px;
}

#content .thumbsContainer{
width:120px;
display:block;
float:left;
margin:0px 27px 0 10px;
padding: 0;
}

* html #content .thumbsContainer{
margin-left:5px;
}

#content .thumbsContainer div {
float: left;
clear:left;
margin: 0 0 15px 0;
}

#content .thumbsContainer a {
display: table-cell;
width: 120px;
height: 120px;
text-align: center;
vertical-align: middle;
border: 1px solid #9d8d74;
background:#eddfc4;
}

#content .thumbsContainer img {
border: 1px solid #9d8d74;
vertical-align: middle;
}

/*\*//*/
#content .thumbsContainer a {
display: block;
}
#content .thumbsContainer span {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px;
}
#content .thumbsContainer a {
font-size: 1px;
}
/* */

#content .thumbsContainer div {
border-collapse: collapse; /* Op7 */
}

#content .thumbsContainer a:hover {
border: 1px solid #eddfc4;
background:#96000b;
}

#content .imageContainer img{
border: 1px solid #9d8d74;
}

.clear{clear:both}