/* header */  
#wrap #header{   
height:184px;
display: block;  
background:url(/img/decorado/wrap-top.jpg) left top no-repeat;
}

.privado #wrap #header{   
background-image:url(/img/decorado/wrap-top-privado.jpg);
}
#header .logo{          
width:430px;
height:75px;     
display: block;
overflow: hidden;
text-indent:-2000px;   
margin-left:45px;          
position: absolute; 
top:0;                                                           
}      
#header .jccm{          
width:95px;
height:70px;     
display: block;
overflow: hidden;
text-indent:-2000px;       
position: absolute;    
margin-left:591px;      
top:0;                                                           
}  
#header .util{      
width:695px;              
text-align: right;     
padding-top:85px;
height:40px; 
float: left;
font-size: 0.9em;             
}
#header .util li{
display:inline;
padding:0 15px;
border-left:1px solid #333;
}  
#header .util .pri{
border:none;
}
#header .util li a{
color:#333;
}
#header .menu{
float: left;   
margin-left:10px;
width:676px;
padding-left:11px;
height:50px;      
padding-top:1px;
}
#header .menu li{
float: left;                   
background:url(/img/decorado/header-menu-li-border.gif) left center no-repeat;
}
#header .menu li a{
color:#fff;       
text-align: center;      
}                                         
#header .menu .sin{
background:none;    
}           
#header .menu .m1 a{width:111px;}
#header .menu .m2 a{width:180px;}
#header .menu .m3 a{width:100px;}  
#header .menu .m4 a{width:100px;}
#header .menu .m5 a{width:185px;}
     
#header .menu .sin{background:none;} 
#header .menu a{
display: block;    
height:32px;        
padding:15px 0px 0;
float: left;
}      
#header .menu a:hover,
#header .menu .sel a{                     
background:#fff;   
color:#000066;   
text-decoration:none;
}                            
#header .profes{
float: right;
width:225px;  
margin-top:-58px;
padding-right:53px;            
}               
#header .profes h6{
height:30px;
display: block;
font-size:1.4em;
text-align: right;
color:#DBD6D3;
font-weight:bold;
padding-top:4px;
}            
#header .profes h6 span{
color:#fff;
} 
#header .profes p{
width:117px;    
text-align: right;
color:#333;
float: right;
font-size:.9em;
line-height:1.2em;
margin-bottom:5px;
}
#header .profes .href{
clear: both;
float: right;
width:65px;
padding-right:12px;
height:20px;
padding-top:3px;
display: block;
text-align: center;
color:#fff;
background:url(/img/decorado/btn-77x23.jpg) left center no-repeat; 
}           
/* zona privada */                  
#header .logeado{
float: right;
width:215px; 
padding-left:10px; 
margin-top:-58px;
padding-right:53px;            
}               
#header .logeado h6{
height:25px;
display: block;
font-size:1.4em;
text-align: right;
color:#fff;
font-weight:bold;
padding-bottom:2px;
}   
#header .logeado h6 a{
color:#fff;    
}
#header .logeado img{
float:left;
}
#header .logeado .nombre{
display: block;
float: right;
width:140px;
color:#000066;
font-weight:bold;
padding-bottom:1px; 
line-height:1.1em;    
}
#header .logeado .nombre a{
color:#000066;
}
#header .logeado .datos{
display: block;
float: right;
width:140px;
font-size:.9em;
padding-bottom:4px;    
line-height:1.1em;
}
#header .logeado .href{    
float: right;
width:55px;
padding-right:12px;
height:20px;
padding-top:3px;
display: block;
text-align: center;
color:#fff;
background:url(/img/decorado/btn-x.jpg) left center no-repeat; 
}     
/* middle */
#middle{
margin:0;
width:100%;
clear: both;
overflow:hidden;  
background:url(/img/decorado/wrap-top.jpg) left -184px no-repeat;           
}        
#middle #content{      
float: right;            
overflow: hidden;
}    
#content .contenido{                                
padding-bottom:20px;     
}

#wrap #middle .calendario td ul{
width:4px;
padding:0;
margin:-2px 0 0 -2px;
overflow:hidden;
position: absolute;              
}                    
#wrap #middle .calendario td ul li{
width:4px;
height:4px;      
float: left;
display: block;
overflow: hidden;
text-indent:-200px;
margin:1px 0 0 1px;          
padding:0;                      
}               
#wrap #middle .calendario td ul .tE1{
background:#AEC747;
}
#wrap #middle .calendario td ul .tE2{
background:#6DAEC4;
}
#wrap #middle .calendario td ul .tE3,
#wrap #middle .calendario td ul .tE4{
background:#E18E11;
}             
/* sidebar */
#sidebar .btns{
background:url(/img/decorado/sb-top-btns.jpg) -1px top no-repeat;
height:215px;
}
#sidebar .btns a{
display:block;
width:100%;
height:62px;
text-indent:-2000px;
overflow: hidden;   
margin-bottom:5px; 
}
#sidebar .btns .cole:hover{
background:url(/img/decorado/sb-top-btns-cole.jpg) 5px top no-repeat; 
}
#sidebar .btns .eso:hover{
background:url(/img/decorado/sb-top-btns-eso.jpg) 0px top no-repeat;   
}
#sidebar .btns .juventud{
margin-top:12px;
}
#sidebar .btns .juventud:hover{
background:url(/img/decorado/sb-top-btns-juventud.jpg) 5px top no-repeat;   
}
/* footer */
#wrap #footer{ 
width:100%;
overflow: hidden;                                 
background:url(/img/decorado/footer.jpg) left top no-repeat #EEECEA;                                                                       
}              
#footer .top{
width:100%;
height:133px;
overflow: hidden;                                               
}  
#footer .util{
clear: both;
float: left;
width:650px;
text-align: right;  
padding-bottom:14px;  
padding-top:15px;
display:inline-block;     
}
#footer .util li{
display:inline;    
display: block;
float: right;
padding:0 19px;          
border-left:1px solid #7483BE;
background-color:#fff;  
margin:0; 
}  
#footer .util .pri{
border:none;
}
#footer .top li a{
color:#fff;              
}  
#footer .util li a{
color:#333;   
background-color:#fff;          
}                   
#footer .top .menu,
#footer .top .juegoL{   
float: left;
}                          
#footer .top .menu{
padding:20px 0 0 16px;    
width:659px; 
overflow: hidden;   
float: left;
}                           
#footer .top .menu li{
float: left;                     
background:url(/img/decorado/header-menu-li-border.gif) left center no-repeat; 
padding:7px 14px 0;
height:28px;
text-align:center;
}                    
#footer .top .menu .m1{background:none;}
#footer .top .menu .m1{width:101px;padding-left:20px;}
#footer .top .menu .m2{width:135px;}
#footer .top .menu .m3{width:60px;}  
#footer .top .menu .m4{width:60px;}
#footer .top .menu .m5{width:145px;}                   
                                                           
#footer .top .menu .pri{
background:none;
}
#footer .top .juegoL{
width:235px;    
float:right;  
padding-left:10px;       
padding-right:40px;
margin-top:-15px;
}       
#footer .top .juegoL li{
width:192px;
padding-left:13px;
margin:0 auto 13px;
display: block;    
background:url(/img/decorado/bullet-white-blue.gif) left 6px no-repeat;
}       
#footer p{
color:#014765;
text-align: center;
padding-top:10px;
font-weight:bold;
}
#footer p a{
color:#014765;
}

/* TIPOS */              
body.t1 #middle #content,
body.t2 #middle #content{width:710px;} 
             
body.t2 #middle #content{width:590px;}
body.t5 #middle #content{
width:710px;
float: right;
}   
body.t3 #middle #content{
width:687px;
float: left;
}
body.t4 #middle #content{
width:590px;
float: left;
}
body.t6 #middle #content{
float: left;
width:710px;
}                    
body.t5 #middle #content .contenido{
float: left;
width:590px;           
}                               
body.t6 #middle #content .contenido{
float: right;
width:590px;
}
    
body.t1 #sidebar,
body.t5 #sidebar{
float: left;
width:260px;
}
body.t2 #sidebar{     
float:left;
width:380px;    
}               
body.t3 #sidebar,
body.t6 #sidebar{     
float:right;    
width:260px;
padding-right:30px;
}
body.t4 #sidebar{     
float:right;
width:380px;    
}     
body.t5 #sidebarExtra{
float:right;    
width:120px;
}
body.t6 #sidebarExtra{     
float:left;        
width:120px;
}