/* GENERAL */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: #fff; color: #000; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
/**********FIN RESET************/
/***** Global *****/
html, body {
border:0;
margin:0;
padding:0;
}
body {
font:11px/1.25 "Trebuchet MS", Arial, sans-serif;
}
/***** Encabezados *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
#middle .content .contenido h6{
font-size:1.1em;
margin:8px 0 8px 3px;
font-weight:bold;
padding-left:15px;                                              
} 
/***** Formato comun *****/
p, ul, ol {
margin:0;
padding:0;
}
ul, ol {
padding:0;
}
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
small {
font-size:0.85em;
}
img {
border:0;
}
/***** Enlaces *****/
a,
a:link,
a:visited {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:underline;
}
/***** Wrapper *****/ 
#wrap {
width:900px;
margin:0 auto;
}
/* FIN GENERAL */

/* HEADER */
#wrap #header{
height:283px;
padding-top:10px;
width:900px;
clear:both;
}
#header .top{
height:136px;
}
#header h1{
display:block;
width:225px;
height:137px;
text-align:center;
float:left;
overflow:hidden;
}
#header h1 strong{
display:block;
overflow:hidden;
width:0;
height:0;
margin:0px auto;
padding:0;
margin-left:-8px;
padding-left:235px;
padding-top:105px;
background:url(../img/trivium-logo.jpg) top center no-repeat;
}
#header h1 em{
font-family: Times, "Times New Roman", serif;
display:block;
font-size:0.8em;
line-height:1.4em;
letter-spacing:0.1em;
}
body.fr #header h1 em{
font-size:0.7em;
}
#header .right{
width:675px;
height:137px;
float:left;
background-position:225px 28px;
background-repeat:no-repeat;
}
/* cabeceras variables */
body.seccion2 #header .right{background-image:url(../img/foto-zonaprofesores.jpg);}
body.seccion3 #header .right{background-image:url(../img/foto-boletin.jpg);}
body.seccion4 #header .right{background-image:url(../img/foto-contacto.jpg);}
body.seccion5 #header .right{background-image:url(../img/foto-trivium.jpg);}
body.seccion6 #header .right{background-image:url(../img/foto-cursosespanol.jpg);}
body.seccion7 #header .right{background-image:url(../img/foto-otroscursos.jpg);}
body.seccion8 #header .right{background-image:url(../img/foto-noticias.jpg);}
body.seccion9 #header .right{background-image:url(../img/foto-alojamiento.jpg);}
body.seccion10 #header .right{background-image:url(../img/foto-laciudad.jpg);}
body.seccion11 #header .right{background-image:url(../img/foto-cuencaviva.jpg);}
body.seccion12 #header .right{background-image:url(../img/foto-galeriafotos.jpg);}
body.seccion13 #header .right,
body.seccion14 #header .right,
body.seccion15 #header .right,
body.seccion16 #header .right,
body.seccion17 #header .right{background-image:url(../img/foto-laciudad.jpg);}
body.seccion18 #header .right{background-image:url(../img/foto-galeriafotos.jpg);}
body.seccion19 #header .right{background-image:url(../img/foto-testnivel.jpg);}
body.seccion20 #header .right,
body.seccion21 #header .right,
body.seccion22 #header .right,
body.seccion23 #header .right,
body.seccion24 #header .right,
body.seccion25 #header .right,
body.seccion26 #header .right{background-image:url(../img/foto-trivium.jpg);}
/* fin cabeceras variables */
#header .right .idiomas{
height:21px;
width:370px;
float:left;
padding-left:29px;
padding-top:7px;
}
#header .right .idiomas a{
color:#666;
}
#header .right .idiomas li{
float:left;
padding:0 15px;
padding-left:30px;
border-left:1px solid #666;
}
#header .right .idiomas li.es{
background:url(../img/espanol.jpg) 8px 1px no-repeat;
}
#header .right .idiomas li.nl{
background:url(../img/holandes.jpg) 8px 1px no-repeat;
}
#header .right .idiomas li.de{
background:url(../img/aleman.jpg) 8px 1px no-repeat;
}
#header .right .idiomas li.fr{
background:url(../img/frances.jpg) 8px 1px no-repeat;
}
#header .right .idiomas li.en{
background:url(../img/ingles.jpg) 8px 1px no-repeat;
}
#header .right .idiomas li.primero{
border:none;
}
#header .right .utilidades{
width:273px;
float:right;
background-color:#333;
padding-top:6px;
height:22px;
}
#header .right .utilidades li{
padding:0 12px;
border-left:1px solid;
float:left;
}
body.nl #header .right .utilidades li{
padding:0 10px;
}
body.de #header .right .utilidades li{
padding:0 8px;
font-size:.9em;
}
#header .right .utilidades li.primero{
border:none;
padding-left:15px;
}
#header .right .buscaCurso{
float:left;
width:225px;
height:94px;
padding-top:15px;
color:#fff;
overflow:hidden;
background:url(../img/bg-buscador.jpg) bottom left no-repeat;
}
body.fr #header .right .buscaCurso{
height:104px;
padding-top:5px;
}
#header .right .buscaCurso fieldset{
padding-left:25px;
}
#header .right .buscaCurso legend{
display:block;
font-size:1.3em;
font-weight:bold;
padding-bottom:5px;
color:#FFF;
}
#header .right .buscaCurso label{
display:none;
}
#header .right .buscaCurso .campo{
height:30px;
}
#header .right .buscaCurso .campo input,
#header .right .buscaCurso .campo select{
width:130px;
}
#header .right .buscaCurso .btnSubmit{
background:url(../img/mini-triangulo-blanco.gif) right center no-repeat;
border:none;
cursor:pointer;
display:block;
color:#fff;
padding-right:7px;
margin:-28px 10px 0 0;
float:right;
}
body.fr #header .right .buscaCurso .btnSubmit{
margin-top:0;
}
#header .right .idiomas li{
float:left;
}
#header .bottom{
clear:both;
width:900px;
height:147px;
background:url(../img/casa-cuenca.jpg) left bottom no-repeat;
}
#header .menu{
width:675px;
height:32px;
clear:both;
background:url(../img/fondo-menu-left.jpg) left no-repeat;
float:right;
}
#header .menu ul{
background-color:#333;
width:675px;
padding-top:8px;
height:25px;
}
#header .menu ul li{
float:left;
}
body.de #header .menu ul li{
padding-left:10px;
padding-right:10px;
}
#header .menu ul li.amarillo a{
color:#FFCC00;
}
#header .right .utilidades,
#header .menu ul{
color:#fff;
font-weight:bold;
font-size:1.1em;
}
#header .menu li{
padding:0 6px;
border-left:1px solid;
}
#header .right .utilidades a,
#header .menu a{
color:#fff;
}
#header .menu li.primero{
border:none;
padding-left:10px;
}
#header .bloqueIntro{
clear:both;
float:right;
height:115px;
width:675px;
background:url(../img/bg-bintro-ul.jpg) repeat-x;
}
#header .bloqueIntro h2{
float:left;
color:#6C4102;
font-size:2.2em;
padding:20px 13px 0 10px;
width:202px;
height:95px;
text-align:right;
background:url(../img/bg-bintro-h.jpg) repeat-x #FFCC00;
}
#header .bloqueIntro h2 em{
display:block;
}
#header .bloqueIntro ul{
padding-left:70px;
padding-top:15px;
height:100px;
width:370px;
float:left;
background:url(../img/triangulo-amarillo-transparente.gif) 0 20px no-repeat;
}
#header .bloqueIntro ul li{
float:left;
padding-left:10px;
width:170px;
background:url(../img/flecha-gris-li.gif) 0 3px no-repeat;
margin-bottom:5px;
font-size:1.1em;
}
#header .bloqueIntro ul li.activo{
background:url(../img/flecha-azul-li.gif) 0 3px no-repeat;
}
#header .bloqueIntro ul li.activo a{
color:#0052A0;
}
/* FIN HEADER */

/* SIDEBAR */
#middle .sidebar{
width:225px;
float:left;
padding-bottom:40px;
}
#middle .sidebar .test{
background:url(../img/fondo-test.jpg) bottom center no-repeat #2D89B0;
float:left;
width:225px;
padding-top:10px;
height:220px;
color:#FFF;
}
body.de #middle .test{
height:235px;
}
#middle .sidebar .test .titulo{
font-weight:bold;
font-size:1.3em;
display:block;
background:url(../img/triangulo-blanco-transparente.gif) left top no-repeat;
padding-left:25px;
padding-top:5px;
height:25px;
}
#middle .sidebar .test p{
display:block;
padding:0 15px 0 25px;
margin-bottom:10px;
text-align:justify;
}
#middle .sidebar .test .btn{
display:block;
width:75px;
padding-left:150px;
height:45px;
padding-top:65px;
color:#fff;
background:url(../img/mini-triangulo-blanco.gif) 190px 69px no-repeat;
}
body.de #middle .test .btn{
background:url(../img/mini-triangulo-blanco.gif) 201px 69px no-repeat;
}
/* fin SIDEBAR */

/* MIDDLE */
#wrap #middle{
clear:both;
width:900px;
background:url(../img/fondo-middle.gif) repeat-y;
overflow:auto;
}
#middle .content{
float:right;

padding-bottom:20px;
width:675px;
}
/* fin MIDDLE */

/* FOOTER */
#wrap #footer{
clear:both;
}
#footer .bloque{
background-color:#FFCC00;
padding-left:225px;
height:96px;
margin-bottom:8px;
}
#footer .bloque ul{
background-color:#CBCBBC;
clear:both;
width:655px;
padding-left:20px;
height:30px;
padding-top:6px;
}
#footer .bloque ul li.primero{
border:none;
}
#footer .bloque ul.utilidades li.primero{
padding-left:215px;
}
#footer .bloque .menu{
padding-top:30px;
background:url(../img/triangulo-amarillo-transparente.gif) 0 22px no-repeat #CBCBBC;
}
#footer .bloque ul li{
border-left:1px solid #333;
padding:0 8px;
float:left;
}
#footer .bloque ul li,
#footer .bloque ul a{
color:#333;
}
#footer p{
text-align:center;
}
.previsualizacion{
top:50%;
left:50%;
position:absolute;
padding:5px;
background-color:#ccc;
overflow:auto;
}
.previsualizacion .previsualizacionContenedor{
border:1px solid #999;
overflow:hidden;
}
.previsualizacion a.botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
overflow:hidden;
display:block;
width:0px;
height:16px;
padding-left:16px;
position:absolute;
right:5px;
top:6px;
}
.divFondoVentana{background:url(/img/fondo-trans.gif);}

#middle .content #mapaGM{
display:block;
height:325px;
width:325px;
border:solid 1px;
margin-left:42px;
}
#middle .content #mapaGM span{
width:50px;
display:none;
}
#middle .content #mapaGM span.gmnoprint{
display:block;
}