body{
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;	color:#000000;
background-color:#003853;
margin:0px auto;
padding:0px;
text-align:left;
}

a:link{
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;	
color:#412E32;
font-weight:bold;
text-decoration:none;
}
a:visited{
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;	
color:#412E32;
font-weight:bold;
text-decoration:none;
}
a:hover{
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;	
color:#83501E;
font-weight:bold;
text-decoration:none;
}
a:active{
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;	
color:#000000;
font-weight:bold;
text-decoration:none;
}


img{
border:none 0px;
}
.left{
float:left;
}
.right{
float:right;
}
.left_spaced{
float:left;
padding:4px;
}
.right_spaced{
float:right;border-top: 8px solid  #F00;
border-right: 4px double  #F00;
border-bottom: 8px solid  #F00;
border-left: 4px double  #F00;
padding:4px; 
}
.centered{
	margin:0 auto;
	}
ul li{
margin:0;
}
ul.inlined li{
display: inline;	
	}
/*----------------- FONTS ----------------------*/
.font1 {
	font-size: 0.8em;
	color: #999;
}
.font2 {
	font-size: 0.9em;
	color: #999;
}	
.font3 {
	font-size: 1.2em;
	color: #333;
}
.font4 {
	font-size: 1.5em;
	color: #999;
}	
.font5 {
	font-size: 2em;
	color: #999;
}
.font6 {
	font-size: 2.3em;
	color: #999;
}
.font7 {
	font-size: 2.6em;
	color: #999;
}
.bolded {
	font-weight: bold;
}
.trite{
text-align:right;
}
.tleft{
text-align:left;
}
.tcenter{
text-align:center;
}

/*-----------formatting-------------------*/

.bg{
		background: url(../../images/bg_contents.png);
	}
.red{
color: #F00;	
	}
	.green{
color: #0C0;		
		}
		.mess{
font-size: 1.4em;
color: #F00;
font-weight: bold;
background: #FFF;
border:2px solid #F00;
height:60px;
margin: 0 auto;
padding:30px 0 0 0;
width:60%;			
			}
			
/*------------_FORMS --------------------*/

.contable, .logintable {
background: #FFF url(../images/bg_content.jpg) repeat-x 6px -200px;
border-top: 8px solid  #F00;
border-right: 4px double  #F00;
border-bottom: 8px solid  #F00;
border-left: 4px double  #F00;
font: bold 1.2em "Segoe ui", Arial, Helvetica, Sans;
margin:0 auto;
	}		
	.contable td, .logintable td{
text-align: left;
		}
	.contable .deftxt , textarea{
	background: #FFF url(../images/bg_content.jpg) repeat-x 12px -300px;
	border:1px solid #F00;		
	}
	
	.logintable{
	width:40%;	
	padding:20px;
	}
	
	.deftxt , .logintable textarea{
	border: 1px solid #F00;
	}
/*------------------LAYOUT -----------------*/
#container{
position:relative;
width:85%;
overflow: hidden;
margin:0 auto;
position: relative;
}
#header{
width:100%;
height:166px;
background:url("../images/bg_header.png") no-repeat center top;
position: relative;
}
#logos{
position: relative;
width:60%;
height:100%;
margin-left: -50px;	
float:left;
	}
#logoceibal{
position:absolute;
top:18px;
left:100px;
width:219px;
height:64px;
background:url("../images/logoceibal.png") no-repeat center;
text-indent: -9999px;
}
#logomacodex{
position:absolute;
top:18px;
left:330px;
width:276px;
height:64px;
background:url("../images/logomacodex.png") no-repeat center;
text-indent: -9999px;
}
#slogan{
	position: absolute;
	bottom: 10px;
	left: 80px;
	width:676px;
	height: 63px;
	background: url(../images/slogan.png) no-repeat;
	text-indent: -9999px;
		
	}
	
	/*------------------------MENU----------------------------*/
#menu{
position:relative;
float: right;
margin:0px 20px 0 0;
width: 159px;
}

#menutop{
position: absolute;
top:0;
left:0;
width:100%;
height: 22px;	
background: url(../images/bg_menu_top.png) no-repeat top center;
}
	
#menubot{
position: absolute;
width:100%;
height: 22px;
background: url(../images/bg_menu_bot.png) no-repeat bottom center;
}
#items{
background: url(../images/bg_menu.png) repeat-y center;
position:absolute;
top:22px;
left:0;
width: 100%;
	}
#items ul{
margin-top:10px;	
	}
#items li {
padding:0;
margin:0 0 0 -5px;
width: 80%;
padding:1px 5px;
list-style-image: url(../images/vineta.png);	
	}
		
#items li a{
font-size: 1.2em;
color:#FFF;		
padding:1px 5px;
width: 100%;
margin-left: -10px;
		}
#items li a:hover, #items li:hover{
background:red;	
	}


/*----------------------CONTENT-------------------------*/
.fancy{
width: 100%;
height: 10px; 	
background: #FFF url(../images/bg_top.jpg) repeat-x top;
	}
#content{
width:100%;
margin:0 auto;
padding-top:5px;
background: #FFF url(../images/bg_content.jpg) repeat-x top;
text-align: center;
}
#maincontent{
width:85%;
float:left;

	}
	#ads{
width: 8%;
/**/
margin-right: 20px;
float: right;
		}
#ceibal{
	
	}
/*---------INIT BADGES------------- */
.badge{
	width:217px;
	height: 284px;
	float: left;
	text-indent: -9999px;
	}
.badge#th1{
	background: url(../images/infl.png) no-repeat;	
	}
.badge#th2{
	background: url(../images/infc.png) no-repeat;	
	}
.badge#th3{
	background: url(../images/infr.png) no-repeat;	
	}
	/*--------------OTHER--------------*/
#footer{
width: 100%;
padding-top: 30px;
text-align: center; 	
background: #FFF url(../images/bg_top.jpg) repeat-x 0 -25px;
	}
	.shi{
height: 30px;
padding: 10px 0;
		}
.shi a.shlink{
color: #AAA;
margin: 10px auto;
	}
.shi a.shlink:hover{
color: #000;
	}
.thanx{
width: 972px;
height: 310px;
background: url(../images/thanx.png) no-repeat;
margin:30px auto;
text-indent: -9999px;
	}