/* 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;}

/* 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;}

#header-menu{width: 1000px; height: 22px; padding-top: 65px; padding-bottom: 6px; margin: 0 auto; clear: both; color: #000000; background: url(../Images/cabezal_dialogos.png) no-repeat; cursor: pointer;}

#main{width: 1000px; margin: 0 auto;}
#main-context-menu{width: 157px; float: left;}
#main-content{width: 680px; float: left;}
#main-content-cabezal{display: none;}
#moviecabezal{display: none;}
#main-titulo-seccion{clear: both; height: 30px; line-height: 30px; font-size: 17px; border-bottom: 1px solid #C3C4C5; padding: 10px;}
#main-sidebar{width: 157px; float: right; border-left: 1px solid #C3C4C5;}
#main-sidebar .banner{padding: 15px 0 0 14px;}

#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;}

/* context menu */
#context-menu{margin: 0; padding: 0; list-style: none; }
#context-menu li{margin: 0; padding: 0; list-style: none; line-height: 21px; border-bottom: 1px solid #e3e4e5; border-right: 1px solid #e3e4e5;}
#context-menu li a{font-size: 10px; display: block; text-decoration: none; padding-left: 10px; color: #333333;}
#context-menu li a:hover{background: #FEEAAA;}

/* contenidos */
#main-content {line-height: 18px;}
#main-content h2{font-weight: normal; font-size: 17px; margin: 0;}
#main-content h3,
#main-content h3 a{font-weight: normal; font-size: 13px; text-decoration: none;}
#main-content h3 a:hover{text-decoration: underline;}
#main-content a{text-decoration: underline;}
#main-content a img{border: none; text-decoration: none;}
#main-content p{line-height: 18px; padding: 0;}
#main-content ul{margin: 0; padding-left: 18px; margin-bottom: 15px; list-style: none;}
#main-content li{background: url(../Images/flecha.png) no-repeat 0 5px; padding-left: 10px; line-height: 18px;}
#main-content table{}
#main-content th{font-size: 11px;}
#main-content td{font-size: 11px;}
#main-content form input,
#main-content form textarea,
#main-content form select{font-size: 11px;}
#main-content .btn{border: 1px solid #595959; background: #cccccc; color: #333333; font-size: 12px; padding: 3px 5px; text-transform: uppercase;}
#main-content .btn:hover{background: #eeeeee;}

#main-content ul.cajita{margin: 0; padding: 0; list-style: none; background: #ffffff url(../Images/02cajita.png) no-repeat bottom left; margin-bottom: 15px; padding-bottom: 5px; border-right: 1px solid #eeeeee;}
#main-content ul.cajita li{margin: 0; padding: 0; padding-left: 18px; list-style: none; background: url(../Images/cajita_header.png) no-repeat; line-height: 34px; font-weight: bold; text-transform: uppercase; font-size: 11px;}
#main-content ul.cajita li a{text-decoration: none;}
#main-content ul.cajita li a:hover{text-decoration: underline;}
#main-content ul.cajita ul {margin: 0; padding: 5px 0; border: none;}
#main-content ul.cajita ul li{margin: 0; padding: 0; background: url(../Images/flecha.png) no-repeat 0 5px; padding-left: 14px; line-height: 18px; font-weight: normal; text-transform: none; font-size: 11px;}
#main-content ul.cajita ul ul {margin-left: 20px; border: none;}

/* listados */
#listado {padding: 0 10px; margin: 0;}
#listado li{background: url(../Images/flecha.png) no-repeat 0 8px; padding-left: 15px; line-height: 24px;}
#listado h3{font-size: 16px;}
#listado h3 a{color: #000000; text-decoration: none;}
#listado h3 a:hover{color: #333333; text-decoration: none;}

/* sidebar widgets */
#agenda{margin: 0; margin-top: 15px; padding: 0; padding-top: 28px; background: url(../Images/agenda.jpg) no-repeat; width: 157px;}
#agenda li{margin: 0 0 5px 7px; padding: 5px 0; list-style: none; border-bottom: 1px solid #c3c4c5; clear: both; font-size: 10px; min-height: 40px;}
#agenda li small{background: #FFC740; width: 24px; height: 33px; display: block; float: left; color: #ffffff; text-transform: uppercase; text-align: center; margin: 0 5px 1px 0; font-size: 9px;}
#agenda li .dia{background: #FFEFCD; width: 24px; height: 20px; color: #333333; display: block; border-top: 1px solid #ffffff; text-align: center; font-size: 13px; font-weight: normal;}
#agenda li a{color: #000000; text-decoration: none; font-weight: normal;}
#agenda li .masinfo{font-size: 9px; color: #929395;}

#novedades{margin: 0; margin-top: 15px; padding: 0; padding-top: 28px; background: url(../Images/novedades.jpg) no-repeat; width: 157px; display: none;}
#novedades li{margin: 0 0 5px 7px; padding: 5px 0; list-style: none; border-bottom: 1px solid #c3c4c5; clear: both; font-size: 10px; min-height: 40px;}
#novedades li a{color: #000000; text-decoration: none; font-weight: normal;}
#novedades li .masinfo{font-size: 9px; color: #929395;}