/* 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;}
.corner{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

h1, h2, h3{text-transform: uppercase;}


/* 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_dc.png) no-repeat; cursor: pointer;}

#main{width: 1000px; margin: 0 auto;}
#main-context-menu{width: 157px; float: left;}
#main-content{width: 680px; float: left; overflow: visible;}
#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;}
.banner_demo{padding: 0 14px 15px 0; float: left;}

#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: 18px; margin: 0 0 15px;}
#main-content h3,
#main-content h3 a{font-weight: normal; font-size: 18px; text-decoration: none; margin-bottom: 5px;}
#main-content h3 a:hover{text-decoration: underline;}
#main-content a{text-decoration: underline;}
#main-content a img{border: 1px solid #e3e4e5; 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: 12px; border: 1px solid #595959;}
#main-content form input.text{padding: 3px; }
#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 .contenido-header{background: #FFFAC2 url(../Images/bg-gold.png) repeat-x left bottom; padding: 10px 10px 0; font-size: 12px; border: 1px #DBB886 solid; margin-bottom: 15px;}
#main-content .contenido-header h3{font-weight: bold;}

#main-content .postitem{border: 1px solid #e3e4e5; background: #FFF url(../Images/bg-white.png) repeat-x left bottom; padding: 0px; margin: 0px 0px 15px 12px; width: 262px; height: 240px; overflow: hidden; float: left;}
#main-content .postitem:hover{-moz-box-shadow: 0px 1px 3px #eee; -webkit-box-shadow: 0px 1px 3px #eee; -o-box-shadow: 0px 1px 3px #eee;
    box-shadow: 0px 1px 3px #eee;
}
#main-content .postitem h2{margin: 0px; padding: 0px 10px 7px; min-height: 39px;}
#main-content .postitem .cuerpo{margin: 0px 10px; max-height: 130px; overflow: hidden; border: 1px solid #e3e4e5;}
#main-content .postitem .cuerpo img{border: none;}
#main-content .postitem .cuerpo img.valign{margin-top: -30%;}
#main-content .postitem .fecha{margin: 7px 10px 0px;}
#main-content .postitem .bottom{margin: 0px 10px; background: url(../Images/screenshot_shadow.png) repeat-x center top; padding-top: 10px;}
#main-content .postitem .tags{display: block; background: #e3e4e5; font-size: 8px; font-weight: bold; text-transform: uppercase; line-height: 14px; text-align: right; padding-right: 15px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
#main-content .postitem .video{background: #4A4A4B; color: #fff;}   /* producciones */
#main-content .postitem .publicidad{background: #A1C1DF; color: #fff;}
#main-content .postitem .redes-sociales{background: #0073BD; color: #fff;}
#main-content .postitem .folleteria{background: #39BD9C; color: #fff;}
#main-content .postitem .prensa{background: #F11821; color: #fff;}
#main-content .postitem .comunidad{background: #FFBD0B;}


#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;}

#paginador{clear: both; float: none; text-align: center;}

/* 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;}


#prensa{margin: 0; margin-top: 15px; padding: 0; padding-top: 28px; background: url(../Images/prensa.jpg) no-repeat; width: 157px;}
#prensa li{margin: 5px 0 8px; padding: 0; list-style: none; clear: both; font-size: 10px; /*font-variant: small-caps;*/}
#prensa li a{color: #606164; text-decoration: none; font-weight: bold; display: block; padding-left: 12px; border-left: 2px solid #CFD0D2; outline: none;}
#prensa li a small{color: #808184; font-variant: normal;}
#prensa li a:hover{color: #2e2f30; padding-left: 12px; border-left: 2px solid #FABD00;}

#gacetillas{margin: 0; margin-top: 15px; padding: 0; padding-top: 28px; background: url(../Images/gacetillas.jpg) no-repeat; width: 157px;}
#gacetillas li{margin: 5px 0 8px; padding: 0; list-style: none; clear: both; font-size: 10px; /*font-variant: small-caps;*/}
#gacetillas li a{color: #606164; text-decoration: none; font-weight: bold; display: block; padding-left: 12px; border-left: 2px solid #CFD0D2; outline: none;}
#gacetillas li a small{color: #808184; font-variant: normal;}
#gacetillas li a:hover{color: #2e2f30; padding-left: 12px; border-left: 2px solid #FABD00;}


#categorias {margin-top: 15px;}
#categorias a{display: block; font-size: 8px; font-weight: bold; text-transform: uppercase; line-height: 14px; padding-left: 5px; margin-bottom: 5px; text-decoration: none;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}
#categorias .video{background: #4A4A4B; color: #fff;}
#categorias .publicidad{background: #A1C1DF; color: #fff;}
#categorias .redes-sociales{background: #0073BD; color: #fff;}
#categorias .folleteria{background: #39BD9C; color: #fff;}
#categorias .prensa{background: #F11821; color: #fff;}
#categorias .comunidad{background: #FFBD0B;}

#social {margin: 30px 0px 15px 15px;}


/* Componentes */
.image-galery img{border: none; width: 19%;}

