@charset "utf-8";
body, form 	{ padding:0px; margin:0px; background:url(../../images/bg.gif); color:#A5A5A4; font:11px Tahoma; color:#333333;
			scrollbar-face-color:#019bd0; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#019bd0; scrollbar-darkshadow-color:#019bd0; scrollbar-shadow-color:#019bd0; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; }
/*div, ul, h1, h2, h3, h4, p, img, form{	padding:0; margin:0;}*/
ul,	li			{ list-style: square;}
.blank			{ font-size:0px; clear:both; line-height:0px;}
.txt_blank		{ font: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}
input.sutmit 	{ border:none}
select 			{ border:1px solid #51a2c0; font:11px Arial, Helvetica, sans-serif; }
img.left 		{float:left; margin-right:10px;}

/*--------------------------------header pan---------------------------*/
/*#header  { width:950px; margin:0px auto ; background:#fff; }*/
#master { width:950px; margin:0px auto ; background:#fff; border-left: 4px solid #fff;  border-right: 4px solid #fff;}
#h_z1	{ height:109px; display:block; background: url(../../images/index_01.png) no-repeat; }
/*#h_z1.column1{ margin-top:72px; width:500px; height:34px}*/
#h_z1 ul	{	width:500px; display:block; margin: 0px; padding: 74px 0 0 0; float:left}
#h_z1 li	{	display:block; float:left; padding:12px 0px 4px 0px; /*border-left:#00354e solid 1px;*/}
#h_z1 li a	{	font: 11px "Trebuchet MS"*, Arial, Helvetica, sans-serif; padding:10px 22px 8px 22px; color:#0b9dd4;  text-decoration:none; margin:0px;}
#h_z1 li a:hover{color:#0b9dd4; background: url(../../images/bg_main.menu.png) repeat-x 0 2px; }
#h_z1 .active a{color:#fff; background:#ff4301;}
#h_z1 .active a:hover{color:#fff; background:#ff4301;}
#h_z2{ margin:0 17px 0 17px; padding-top:17px; color:#039ce4; text-align:right }
#h_z2 a{color:#039ce4; text-decoration:none; margin:0 0 0 20px}
#h_z2 a:hover{text-decoration:underline}

/*-------------left side------*/
#cols 	{ display:block; }
.c_div	{ width:140px; /*height:250px;*/ float:left; border-bottom:1px solid #E3E3E3; border-right:1px solid #E3E3E3; padding:20px 15px;}
.c_divl	{  width:140px; /*height:250px;*/ float:left; border-bottom:1px solid #E3E3E3; border-right:0px solid #fff; padding:20px 15px;}
.c_row1	{ padding-bottom: 10px; display:block;}
.c_row2	{ padding-bottom: 10px; display:block;}
.c_row3	{ height:300px; padding-bottom: 10px; display:block; }
a.c_link{ background: url(../../images/btn_detalles.png) no-repeat; height:30px; width:85px; display: block;}
a.c_link:hover { background: url(../../images/btn_detalles2.png) no-repeat;}

/*-------------left side------*/
#left	 {width:700px;  float:left; display:block;}
#left ul {margin-left:0}
#left li { margin-bottom:5px; list-style:square; margin-left:0 }
#left a{color:#036790}
#left a:visited {color:#036790}
#left_z1 { margin:0 20px}
#left_z1 h1{font: bold 18px "Trebuchet MS", Arial; color:#036790; letter-spacing:-1px}
#left_z2 { margin:0 20px}
#left_z2 ul { list-style: square;}
#left_z2 li { list-style: square;}
#left_z2 h3{font: bold 13px "Trebuchet MS", Arial; color:#036790; border-bottom:1px solid #036790}
#left_z2 a{ color:#036790; text-decoration:none;}
#left_z2 a.eve{width:160px; background:#036790; color:#FFFFFF; font: bold 10px Arial; padding:3px 10px}
#left_z2 a:hover.eve{background:#FF9900; color:#FFFFFF; font: bold 10px Arial, Helvetica, sans-serif}
#left_z2 a.pdf{display:block; background: url(../../images/ico_pdf.png) no-repeat left; color:#036790; padding: 11px 20px 11px 40px; width:200px; font-weight:bold; border:1px solid #CCCCCC}
#left_z2 a:hover.pdf{background: url(../../images/ico_pdf.png) no-repeat left #036790; color:#fff;}
#left_z2 a.calendar{display:block; background: url(../../images/ico_calendar.png) no-repeat left; color:#036790; padding: 11px 20px 11px 40px; width:200px;  font-weight:bold; border:1px solid #CCCCCC}
#left_z2 a:hover.calendar{background: url(../../images/ico_calendar.png) no-repeat left #036790; color:#fff;}
#tit_table{ font:bold 12px Tahoma, Arial, Helvetica, sans-serif; background: #50ADEA url(../../images/corner.gif) no-repeat right top; border-bottom:2px solid #1975d7;color: #FFF; text-transform:uppercase; padding:10px; margin:auto;}

/*----------------------------------body part----------------*/
#main{width:950px; margin:0 auto; background:#FFFFFF; color:#555555}

/*-------------------------------right-------*/
#right{width:250px; float:left; display:block;}
.r_calendar { display: block; }
#news {display: block; padding:10px 0 20px 10px;}
.n_tit { border-bottom: 5px solid #f94f01; display: block; padding-bottom:5px;}

#news h1{ font:14px Trebuchet MS, Arial,; font-weight:bold; padding-left:5px; border-left:4px solid #ccc}
#news h2{ font:bold 12px Arial, Helvetica, sans-serif ; padding-left:10px; margin:5px 0 5px 0; color:#02749e}
#news p{ padding-left:10px}
#news h4{height:25px; width:200px; display:block; margin:10px 0 10px 0;}
#news h4 a{height:25px; width:200px; display:block; text-decoration:none;}
#news h4 a.eve{display:block; background: url(../../images/btn_more.news.png) no-repeat right; color:#FFFFFF;}

/*-------------------------------footer---------*/
#footer{  height:165px; display:block; clear:both; padding:10px 0 0 0; background:#FFFFFF; font-size:10px}
#footer a{color:#005578}
#f_z1{ width:680px; height:100px; padding:0 0 0 20px; float:left; background:url(../../images/logos_partners.jpg) no-repeat 0 10px}
#f_z1_link{ width:auto; margin:20px 20px 0 0}
#f_z2{ width:230px; height:140px; float:right; padding:0 0 0 20px; background:url(../../images/logo_utp.png) no-repeat center 10px; padding-top:100px}
#f_z3{ width:680px; height:50px; padding:10px 0 0 20px; float:left; background:#e8e8e8}

#footer ul{	width:446px; display:block; margin:0px 0 0 270px; padding:0; font-size:0; height:20px;}
#footer ul li{	color:#9B9B9B; font:12px/18px "Trebuchet MS";  float:left; background-color:#0F0F0F;padding:0; margin:0;}
#footer ul li a{ color:#9B9B9B; font:12px/18px "Trebuchet MS";  background-color:#0D0D0D; text-decoration:none; padding:0 6px 0 6px;}
#footer ul li a:hover{	text-decoration:underline;}
#footer p{	width:324px; display:block; font:12px/18px "Trebuchet MS"; color:#EAEAEA; margin:0px 0 0 430px; background-color:#0A0A0A; padding:0 0 9px 0;}

/* CSS Document */
/*body{	padding:0; margin:0; background:url(../../images/bg.gif); color:#51a2c0; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#333333;
scrollbar-face-color:#51a2c0; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#51a2c0; scrollbar-darkshadow-color:#51a2c0; scrollbar-shadow-color:#51a2c0; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; }
div, ul, h1, h2, h3, h4, p, img, form{	padding:0; margin:0;}

.blank{	font-size:0px; clear:both; line-height:0px;}
.txt_blank{ font: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.sutmit { border:none}
select { border:1px solid #51a2c0; font:11px Arial, Helvetica, sans-serif; }
--------------------------------header pan---------------------------
#header{width:950px; margin:0 auto 0 auto; background:#fff; height:200px;}
#h_z1{ height:109px; background: url(../../images/index_01.png) no-repeat;}
#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(../../images/bg_main.menu2.png) repeat-x 0 -2px;}
#header li a:hover{color:#0a83b0; background: url(../../images/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(../../images/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(../../images/tit_news.png)}

----------------------------------body part----------------
#main{width:950px; margin:0 auto; background:#FFFFFF; color:#555555}
#main a {color:#02749e}

-------------left side------
#left {width:640px; padding:10px 30px 30px 30px; display:block; float:left}
#left_z1 { margin:0px; display:block; }
#left_z1.row1 { width:146px; height:60px; margin:0px; float:left; display:block;}
#left_z1.row2 { width:146px; height:75px; margin:10px 0 10px 0; float:left; display:block}
#left_z1.row3 { width:146px; margin:0px; float:left; display:block; }


#left_z2 { margin-top:10px}
#left_column1 { width:310px; margin-right:20px; float:left;}
#left_column1.teaser { width:290px; padding:10px; background:#036790; color:#FFFFFF; margin:10px 0 10px 0}
#left_column1 ul{margin:5px 0 5px 20px;}
#left_column1 ul li{display:block; margin-bottom:5px; list-style:disc;}
#left_column2 {width:310px; float:left; padding:0}
#left_column2 ul{margin:5px 0 5px 0px;}
#left_column2 ul li{display:block; margin-bottom:5px}
#left_column3 { width:310px; margin-right:20px; float:left;}
#left_column3 h5{ width:200px; display:block; margin:3px 0 10px 0;}

#left_z2.row1 {background: url(../../images/bg_tit_sylabus.png) #014171 repeat-x; padding:10px; color:#FFFFFF; font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#left_z2.row2 {background: url(../../images/bg_sylabus.png) repeat-x; padding:10px; margin:0}
#left_z2 h2{ font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#036790; border-bottom:2px solid #036790}
#left_z2 h3{font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#036790; border-bottom:1px solid #036790}
#left_z2 h4{margin:10px 0 10px 0; font-size:12px}
#left_z2 h4 a{height:25px; width:200px; display:block; padding:10px 0 0 40px}
#left_z2 h4 a.eve{display:block; background: url(../../images/ico_pdf.jpg) no-repeat left; color:#036790;}
#left_titlenews{height:41px; background: url(../../images/tit_news.png) no-repeat -14px -2px; border-bottom:1px solid #FF3300}
#left_news{ width:190px; padding:10px; border-right:1px dotted #ccc; display:block; float:left; margin-top:10px }
#left_news h1{ font:14px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:5px; border-left:4px solid #ccc}
#left_news h6{height:25px; display:block; margin:10px 0 10px 0;}
#left_news h6 a{height:25px; display:block; text-decoration:none;}
#left_news h6 a.eve{display:block; background: url(../../images/btn_more.news.png) no-repeat right; color:#FFFFFF;}

-------------------------------right-------
#right{width:250px; float:right;}
#right h1{ font:14px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:5px; border-left:4px solid #ccc}
#r_z1 {height:170px; margin-bottom:2px;}
#r_z2 {background:#ededed; border:1px solid #E3E3E3; padding:10px 10px 20px 10px}
#r_z3 { margin:0}
#r_news.title{height:36px; background: url(../../images/tit_news.png); border:none}
#r_news{ padding:10px 20px; border-bottom:1px dashed #999999;}
#r_news p{ padding-left:15px}
#r_news h4{height:25px; width:200px; display:block; margin:10px 0 10px 0;}
#r_news h4 a{height:25px; width:200px; display:block; text-decoration:none;}
#r_news h4 a.eve{display:block; background: url(../../images/btn_more.news.png) no-repeat right; color:#FFFFFF;}