/* 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{display: none}

#main{width: 1000px; margin: 0 auto;}
#main-context-menu{width: 157px; float: left;}
#main-content{width: 842px; float: left; overflow: hidden;}
#main-content-cabezal{display: none;}
#moviecabezal{display: none;}
#main-titulo-seccion{clear: both; height: 92px; font-size: 17px;}
#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{list-style: none; 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;}
.multiInscripcion{width: 60px;}

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

#main-content ul.cajita-cell{margin: 0; padding: 0; list-style: none; background: #ffffff url(../Images/02cajita.png) no-repeat bottom left; margin-bottom: 15px; padding-bottom: 15px; border-right: 1px solid #eeeeee;}
#main-content ul.cajita-cell 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-cell li a{text-decoration: underline;}
#main-content ul.cajita-cell ul {margin: 0; padding: 5px 0; border: none;}
#main-content ul.cajita-cell ul li{margin: 5px 10px 0 0; padding: 5px; line-height: 16px; background: #ffffff url(../Images/02cajita.png) no-repeat bottom left; width: 240px; height: 80px; overflow: hidden; font-weight: normal; text-transform: none; font-size: 11px; border: 1px solid #ccc; float: left;}
#main-content ul.cajita-cell ul li.cell180{margin: 5px 5px 0 0; width: 180px; }
#main-content ul.cajita-cell ul li img{float: left; margin-right: 5px;}
#main-content ul.cajita-cell ul ul {margin-left: 20px; border: none;}
#main-content ul.cajita-cell .leyenda{text-transform: none; font-weight: normal;}

#main-content form input.buscadorNInput{font-size: 12px; border: 1px solid #777; width: 97%; padding: 3px 0; line-height: 16px;}
#main-content form input.text{font-size: 12px; border: 1px solid #777; line-height: 16px;}
#main-content form textarea{font-size: 12px; border: 1px solid #777; width: 100%; line-height: 16px;}
#main-content form select{font-size: 12px; border: 1px solid #777; width: 100%; line-height: 16px;}
#main-content form table{width: 100%;}
#main-content form td{line-height: 18px; width: 50%;}

/* 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: bold;}
#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: bold;}
#novedades li .masinfo{font-size: 9px; color: #929395;}

/* Estilos especiales de cada template */
#context-menu .pymes_btn{margin-top: 21px; border-top: 1px solid #e3e4e5;}
#context-menu .resaltado_btn{margin-top: 42px; font-weight: bold; background: #D1DFEE;}

#main-content .legaltextinfo{background: #eee; color: #999; border: 1px solid #ccc; font-size: 10px; text-align: justify; padding: 5px;}

#paginador{padding: 15px; text-align: center; font-size: 11px;}



#tools-content{list-style: none; margin: 0; padding: 0; height: 18px; line-height: 18px; float: right;}
#tools-content li{list-style: none; margin: 0; padding: 0 10px; float: left; border: none;}
#tools-content .buzzthis{float: left; margin-top: 2px; margin-left: 8px}
#tools-content .retweet{float: left; margin-top: 3px; margin-right: -4px;}
#tools-content .content-share_face{float: left; margin-top: 1px;  border: none;}
#tools-content .content-print{border: none;}