/* common */

html{margin: 0; padding: 0;}
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; color: #333333;}
form{margin: 0; padding: 0;}
a{color: #333333;}
a:hover{color: #000000;}
.innertube{padding: 15px;}
.left{float: left;}
.right{float: right;}
.clear{clear: both; float: none; height: 0; margin: 0; padding: 0;}

/* layout */

#header{width: 1000px; height: 70px; margin: 0 auto; background: #000000; color: #ffffff; clear: both;}
#header h1{padding: 10px 0; margin: 0;}
#header h1 a{background: url(http://www.utdt.edu/Images/logoUTDT.gif) no-repeat; width: 260px; height: 49px; text-indent: -9999px; display: block; margin-left: 7px;}
#header-tools{position: absolute; width: 330px; top: 7px; margin-left: 663px;}
#header-tools .quicklinks{width: 153px;}

#main{width: 1000px; margin: 0 auto;}
#main-context-menu{width: 368px; float: left;}
#main-content{width: 632px; float: left;}
#main-content-top {margin-top: 15px;}
.banner{padding: 0 0 15px 15px; float: left;}


#main_menu{font-size: 11px; color:#333333; padding: 0px; line-height: 18px; margin-top: 15px;}
#main_menu p{margin: 0; padding: 0; margin-bottom: 3px; background: url(../Images/home_menu_bg.png) no-repeat bottom center; border-bottom: 1px solid #D4D4D4; width: 369px;}
#main_menu p span{margin: 0; padding: 0; padding-left: 15px; display: block; background: url(../Images/home_menu_title_bg.png) no-repeat;}
#main_menu a.titulo{color: #5A5A5C; text-decoration: none; font-weight: bold; font-size: 11px; text-transform: uppercase; line-height: 29px; }
#main_menu a.titulo:hover{color: #000000;}
#main_menu a.item{color: #555555; text-decoration: none; white-space: nowrap;}
#main_menu a.item:hover{color: #000000;}
#main_menu span.puntuacion{position: relative; margin: 0px; color: #000000; left: -4px; width: 0px; padding: 0px;}
#main_menu .btn{cursor: pointer; float: right; margin: 10px 12px 0 0;}

#forms_menu {margin: 15px 0; }
#forms_menu ul{list-style: none; margin: 0; padding: 0; float: left;}
#forms_menu ul li{display: block; float: left; margin: 0; width: 74px; padding: 0 50px 0 15px; border-bottom: 1px solid #ccc; background: url(../Images/home_tab_down.gif) no-repeat; line-height: 28px; color: #5A5A5C; font-weight: bold; font-size: 11px; text-transform: uppercase;}
#forms_menu ul li#btnAlumnos{margin-left: -25px;}
#forms_menu ul li#btnProfesores{margin-left: -25px; border-right: 1px solid #ccc;}
#forms_menu ul li.selected{border-bottom: 1px solid #fff; background: url(../Images/home_tab_up.gif) no-repeat;}
#forms_menu .clear{height: 0; margin: 0; padding: 0;}
#forms_menu .tab_content{height: 60px; padding: 0 15px 15px; line-height: 18px; background: url(../Images/home_menu_bg.png) no-repeat bottom center; border-bottom: 1px solid #D4D4D4; margin-top: -1px; width: 339px;} 
#forms_menu label{display: block; width: 148px; float: left; white-space: nowrap; margin-right: 4px;}
#forms_menu .text{font-size: 10px; font-family: Verdana; border: 1px solid #CCCCCC; border-left: 1px solid #111; width: 120px; padding: 3px; width: 140px; height: 13px; background: #E7E8EA;}
#forms_menu .legend{height: 16px; line-height: 16px; clear: both; float: none; margin: 0; padding: 0;}
#forms_menu a{color: #999; text-decoration: none;}
#forms_menu a:hover{color: #555; text-decoration: underline;}

#footer{width: 1000px; margin: 10px auto; color: #939495; border-top: 1px solid #C3C4C5; clear: both; padding: 10px 0; font-size: 10px; text-align: center;}
#footer address{font-style: normal; display: inline;}
#footer a{text-decoration: none; color: #939495;}
#footer a:hover{text-decoration: underline;}

/* sidebar widgets */
#agenda{margin: 0; padding: 0; padding-top: 29px; margin-left: 14px; background: url(../Images/home_agen_title.png) no-repeat; width: 143px; float: right;}
#agenda li{margin: 5px 0; padding: 0 0 5px; list-style: none; clear: both; font-size: 11px; border-bottom: 1px solid #dfdfdf;}
#agenda li small{background: #FFC740; width: 24px; height: 33px; display: block; float: left; color: #333333; text-transform: uppercase; text-align: center; margin: 2px 5px 1px 0; font-size: 9px; color: #fff; font-weight: bold;}
#agenda li .dia{background: #FFEFCD; width: 24px; height: 20px; color: #444; display: block; border-top: 1px solid #ffffff; text-align: center; font-size: 13px; font-weight: normal;}
#agenda li a{color: #000000; text-decoration: none;}
#agenda li .masinfo{font-size: 9px; color: #C3C4C5;}

#novedades {margin: 0 0 0 14px; padding: 0; background: url(../Images/home_center_bg.png) no-repeat bottom center; width: 460px; float: left;}
#novedades ul{padding: 29px 15px 10px; background: url(../Images/home_news_title.png) no-repeat; margin: 0;}
#novedades ul li{margin: 0 0 5px 0; padding: 5px 0; list-style: none; clear: both; font-size: 11px;}
#novedades ul li a{color: #000000; text-decoration: none;}
#novedades ul li .masinfo{font-size: 9px; color: #C3C4C5;}

#indices {margin: 15px 0 10px 14px; padding: 0; background: url(../Images/home_center_bg.png) no-repeat bottom center; width: 460px; float: left;}
#indices ul{padding: 29px 0 0; background: url(../Images/home_indice_title.png) no-repeat; margin: 0;}
#indices ul li{margin: 0; padding: 0 15px; list-style: none; font-size: 11px; border-bottom: 1px solid #ccc; line-height: 24px;}
#indices ul li.title{background: #E7E8EA; margin: 0 1px;}
#indices ul li table{width: 100%;}
#indices ul li a{text-decoration: none;}

#social {margin: 5px 0 10px 14px; padding: 0; background: url(../Images/RS_cajita-home.png) no-repeat bottom center; width: 460px; float: left;}
#social ul{padding: 29px 9px 0; background: url(../Images/encontranos_en.png) no-repeat; margin: 0;}
#social ul li{margin: 12px 5px; padding: 0; float: left; list-style: none;}
#social ul li a{text-decoration: none;}
#social ul li a img{border: none;}


/* TOP PAGE WIDGETS */

/* Iconos */
#nombreIcon{font-family: verdana; font-size: 11px; color: #cccccc; padding-right: 7px; text-align: right; width: 80px;}

/* Nivel principal quick links y escuelas*/
#quick, #escuelas{padding: 0; margin: 0; font-size: 9px; list-style: none; text-align: left; width: 157px; background: #000000;}
#quick li, #escuelas li{margin: 0; padding: 0; list-style: none; background: #000000; line-height: 16px; border-top: 1px solid #B3B3B3; color: #FFFFFF; }
#quick li a, #escuelas li a{color: #FFFFFF; text-decoration: none; display: block; background: #000000 url(http://www.utdt.edu/Images/arrow_down.gif) no-repeat center right; width: 157px;}
#quick li a:hover, #escuelas li a:hover{color: #FABD00;}
#quick li:hover a, #escuelas li:hover a{color: #FABD00;}
#quick li:hover ul li a, #escuelas li:hover ul li a{color: #FFFFFF;}
#quick li ul li a:hover, #escuelas li ul li a:hover{color: #FABD00;}

/* A partir del segundo nivel */
#quick li ul, #escuelas li ul{padding: 0; margin: 0; position: absolute; z-index: 100; list-style: none; display: none; width: 157px; background: #000000;}
#quick li ul li, #escuelas li ul li{padding: 0; margin: 0; background: #000000; border-top: 1px solid #666666;}
#quick li ul li a, #escuelas li ul li a{background-image: none; background: #000000; color: #FFFFFF;}

/* no-IE browsers */
#quick ul li > ul, #escuelas ul li > ul {top: auto; left: auto;}
#quick li:hover ul > ul, #escuelas li:hover ul > ul{display: none;}
#quick li:hover > ul, #escuelas li:hover > ul {display: block; z-index: 500;}


/****************************************************************/

/* Estilos buscador */

#search{margin: 0; padding: 0; background: #000000; border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid;}
#search #buscadorInput{padding: 1px 0 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; background: #454545; border: 0px; width: 133px; line-height: 15px; height: 15px; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid;}
#search #btnBuscar{vertical-align: top;}

/****************************************************************/

#banner_vertical_b{float: right;}
#banner_vertical_b div.banner{padding: 15px 0 0 0; float: none;}