/* 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:285px;
padding-top:10px;
width:900px;
}
#header h1{
display:block;
width:225px;
height:224px;
padding-top:28px;
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:139px;
background:url(../img/logo-trivium.jpg) top center no-repeat;
}
#header h1 em{
font-family: Times, "Times New Roman", serif;
display:block;
font-size:0.9em;
letter-spacing:2px;
}
#header .right{
width:675px;
height:253px;
float:left;
background:url(../img/bg-buscador.jpg) bottom left no-repeat;
}
#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:120px;
padding-top:105px;
color:#fff;
background:url(../img/triangulo-blanco-transparente.gif) 0 100px no-repeat;
}
#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;
display:block;
color:#fff;
padding-right:7px;
margin:-28px 10px 0 0;
float:right;
cursor:pointer;
}
body.fr #header .right .buscaCurso .btnSubmit{
margin-top:0;
}
#header .right .flash{
width:450px;
height:225px;
overflow:hidden;
float:left;
}
#header .right .idiomas li{
float:left;
}
#header .menu{
width:900px;
height:33px;
clear:both;
background:url(../img/fondo-menu-left.jpg) left no-repeat;
position:relative;
}
#header .menu ul{
background-color:#333;
margin-left:225px;
width:675px;
padding-top:7px;
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;
}
/* FIN HEADER */

/* CONTENT */
#wrap #middle{
clear:both;
width:900px;
background:url(../img/fondo-middle-home.jpg) repeat-y;
overflow:auto;
}
#middle .flashM{
width:225px;
height:225px;
overflow:hidden;
float:left;
}
#middle h2{
float:left;
color:#6C4102;
font-size:1.4em;
font-weight:bold;
padding:35px 0 0 25px;
width:200px;
height:190px;
background:url(../img/fondo-bienvenidos.jpg) bottom center no-repeat #FFCC00;
}
#middle h2 em{
display:block;
}
#middle .bloqueTxt{
float:left;
width:450px;
height:225px;
background:url(../img/fondo-intro.jpg) bottom repeat-x #fff;
}
#middle .bloqueTxt p{
padding:7px 37px;
font-family:Arial, Helvetica, sans-serif;
}
#middle .bloqueTxt .content{
background:url(../img/triangulo-amarillo-transparente.gif) left top no-repeat;
margin-top:50px;
}
#middle .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 .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 .test p{
font-family:Arial, Helvetica, sans-serif;
display:block;
padding:0 15px 0 25px;
margin-bottom:10px;
text-align:justify;
}
#middle .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;
}
#middle .listado{
width:675px;
float:left;
background-color:#FFFFFF;
}
#middle .listado li{
padding:10px 0 15px;
width:225px;
float:left;
text-align:justify;
background:url(../img/fondo-destacado.jpg) top repeat-x;
}
#middle .listado li .titulo{
color:#01498F;
font-weight:bold;
font-size:1.2em;
padding:5px 21px 8px;
display:block;
text-align:left;
}
#middle .listado li.primero .titulo{
background:url(../img/triangulo-azul-transparente.gif) left top no-repeat;
}
#middle .listado li.segundo .titulo{
background:url(../img/triangulo-grisoscuro-transparente.gif) left top no-repeat;
}
#middle .listado li.tercero .titulo{
background:url(../img/triangulo-grisclaro-transparente.gif) left top no-repeat;
}
#middle .listado li img{
display:block;
margin:4px auto 5px;
border:1px solid #999;
}
#middle .listado li p{
padding:5px 21px;
font-family:Arial, Helvetica, sans-serif;
}
#middle .listado li a{
color:#01498F;
}
#middle .listado li.segundo{
background:url(../img/fondo-destacado2.jpg) top repeat-x;
}
/* FIN CONTENT */

/* FOOTER */
#wrap #footer{
clear:both;
}
#footer .bloque{
background-color:#FFCC00;
padding-left:225px;
height:72px;
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{
background:url(../img/triangulo-amarillo-transparente.gif) left top 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;
}

.divFondoVentana{background:url(/img/fondo-trans.gif);}