@charset "utf-8";
/* CSS Document */
body{	padding:0; margin:0; background:url(bg.gif);color:#51a2c0; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#333333;}
div, ul, li, h1, h2, h3, h4, p, img, form{	padding:0; margin:0; list-style:none}
img.left {float:left; margin-right:10px;}
.blank{	font-size:0px; clear:both; line-height:0px;}
.txt_blanc{ font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff}
.txt_verde{ font:11px Arial, Helvetica, sans-serif; color:#02749e}
input { /*border:1px solid #51a2c0;*/ font:11px Arial, Helvetica, sans-serif; padding-left:5px}
textarea { /*border:1px solid #51a2c0;*/ font:11px Arial, Helvetica, sans-serif; padding-left:5px}
input.button { border:none;}
input.sutmit { border:none}
select { border:1px solid #51a2c0; font:11px Arial, Helvetica, sans-serif; }
/*--------------------------------header pan---------------------------*/

#login { width:254px; margin:30px auto 0; background:#fff }
#l_z1{ text-align:center;}
#l_z2{ background:url(login_02.jpg) no-repeat bottom; height:140px}

/*--------------------------------header pan---------------------------*/
#header{width:98%; margin:0 auto; background: url(bg_top.jpg) repeat-x}
#h_z1{ height:109px; background: url(logo_cetis.jpg) no-repeat right;}
#h_z1.column1{ margin-top:72px; width:500px; height:34px}
#header ul{	width:500px; display:block;}
#header li{display:block; float:left; padding:7px 0 5px 0; border-left:#00354e solid 1px;}
#header li a{font: 11px "Trebuchet MS"*, Arial, Helvetica, sans-serif; padding:6px 22px 10px 22px; color:#0b9dd4;  text-decoration:none; margin:0; background: url(bg_main.menu2.png) repeat-x 0 -2px;}
#header li a:hover{color:#0a83b0; background: url(bg_main.menu.png) repeat-x 0 0}
#header .active a{color:#fff; background:#ff4301;}
#header .active a:hover{color:#fff; background:#ff4301;}
#h_z2{height:80px;  background:url(bg_header.png) repeat-x 0 -1px }
#h_z2.column1{ width:700px; float:left}
#h_z2.column2{ width:250px; float:right;}
#h_z2.row1{height:60px; padding:10px 10px 10px 10px; color:#60d0ff}
#h_z2.row1 a {color:#60d0ff;}
#h_z2.row2{height:170px;}
#h_z2.row3{height:43px; background: url(tit_news.png)}

/*----------------------------------body part----------------*/
#main { width:100%; margin:0 auto; background:#FFFFFF; color:#555555}
#main a {color:#02749e}

/*-------------left side------*/
#left {/*width:200px;*/ padding:10px; display:block; float:left; background:#ededed; margin-top:20px; padding:0}
#left_z1 { margin:0px; display:block; padding:0 }
#left_z1 ul{margin:0;}
#left_z1 li{display:block; margin-bottom:5px; padding:5px; font:12px arial; border-bottom:1px solid #ccc }
#left_z1 li a{ text-decoration:none}
#left_z1 li a:hover{ text-decoration:underline}

/*-------------------------------right-------*/
#right{width:100%; /*float:right;*/ margin-left:10px; margin-top:20px}
#right h1{width:100%; font:24px/36px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; color:#02749e; margin-left:10px }
#r_z1 { width:100%; margin-bottom:10px}
#r_z1 ul{width:100%; height:26px; display:block; border-bottom:2px solid #02749e}
#r_z1 li{display:block; float:left; padding:7px 0 5px 0; border-left:#fff solid 1px;}
#r_z1 li a{font:bold 11px Arial, Helvetica, sans-serif; padding:6px 22px 5px 22px; color:#0b9dd4;  text-decoration:none; margin:0; background:#E3E3E3;}
#r_z1 li a:hover{color:#fff; background:#02749e}
#r_z1 .active a{color:#fff; background:#ff4301;}
#r_z1 .active a:hover{color:#fff; background:#02749e;}

#r_z2 {background:#ededed; border:1px solid #E3E3E3; padding:10px 10px 20px 10px; margin:10px}


/*-------------------------------footer---------*/
#footer{ /* height:80px;*/ width:98%; margin:0 auto; padding:10px 0 0 0; background:#FFFFFF; font-size:10px}
#footer a{color:#005578}
#f_z1{ height:100px; padding:0 0 0 20px; background:url(logos_partners.jpg) no-repeat 0 10px}
#f_z1_link{ width:auto; margin:20px 20px 0 0}
#f_z3{ width:98%; height:50px; padding:10px 0 0 20px;background:#e8e8e8}


/*-------------------------------Calendario---------*/
#calendar { margin:0px; display:block; }
#calendar h1{font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#036790; letter-spacing:-1px}
#cal_row1 {background: url(bg_tit_sylabus.png) #014171 repeat-x; padding:10px; color:#FFFFFF; font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#cal_row2 {background: url(bg_sylabus.png) repeat-x; padding:10px; margin:0}