@import url("/Stylesheets/lib2011/reset.css"); 
@import url("/Stylesheets/lib2011/core.css");
@import url("/Stylesheets/lib2011/aside_widgets.css");
@import url("/Stylesheets/lightbox.css");

/* common */

.clear{clear: both; float: none;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.corner {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    behavior: url(PIE.htc);
}

/* layout */
#main{width: 1000px; margin: 0px auto 10px; padding: 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    -webkit-border-radius: 0px 15px 15px 0px;
    -o-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
    behavior: url(PIE.htc);
}

#header-menu{width: 1000px; height: 178px; overflow: hidden; background: url(../Images/fondo.gif); cursor: pointer; margin-bottom: 10px;}
#header-menu img {margin-top: -5px;}

#menu{width: 200px; float: left; margin: 0px; padding: 0px;}
#menu li {position: relative; margin: 0; display: block;}
#menu li a{color: #000000; text-decoration: none; text-transform: uppercase; display: block; background: #FCC008; font-size: 17px; padding: 3px 10px; margin-bottom: 5px;
    -moz-border-radius: 0px 15px 15px 0px;
    -webkit-border-radius: 0px 15px 15px 0px;
    -o-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
    behavior: url(PIE.htc);
}
#menu li a:hover{color: #666666;}
/* A partir del segundo nivel */
#menu li ul{position: absolute; top: 0px; left: 190px; display: none; z-index: 100; background: none; margin: 0; padding: 0; width: 210px;}
#menu li ul li{background: url(http://www.utdt.edu/Images/1x1.gif); float: none; display: block; padding: 0; margin: 0;}
#menu li ul li a{color: #ffffff; background: #333333; display: block; width: 206px; margin: 0; padding: 0 2px; font-size: 10px; line-height: 21px; border-bottom: 1px solid #404040;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#menu li ul li a:hover{color: #000000; background: #FEEAAA; }
#menu li ul li ul{position: absolute; top: 0; left: 210px; display: none; z-index: 100;}

/* no-IE browsers */
#menu ul li > ul{top: auto; left: auto;}
#menu li:hover ul > ul{display:none;}
#menu li:hover > ul {display:block;}



#content{width: 637px; float: left;}

#titulo-seccion{clear: both; height: 30px; line-height: 30px; font-size: 17px; border-bottom: 1px solid #C3C4C5; padding: 10px; display: none;}
#sidebar{width: 157px; float: right; }
#sidebar .banner{padding: 0px 15px 0px 0px;}

#footer{width: 1000px; margin: 0px auto 10px; color: #939495; border-top: 1px solid #FCC008; 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;}

/* contenidos */
#content {line-height: 22px; font-size: 11px; margin-top: -15px;}
#content .innertube{padding: 15px 10px 10px 15px;}
#content .contenido_evento{padding: 0px 10px; background: #fff;}
#content h2{color: #000000; text-decoration: none; text-transform: uppercase; display: block; background: #FCC008; font-size: 17px; padding: 2px 15px; margin-bottom: 5px;}
#content h2 a{text-decoration: none;}
#content h3 a{font-weight: normal; font-size: 14px; text-decoration: none;}
#content h3 a:hover{text-decoration: underline;}
#content a{text-decoration: underline; color: #000;}
#content a img{border: none; text-decoration: none; border: none;}
#content a.inscripcion {color: #fff; text-decoration: none; text-transform: uppercase; display: block; background: #000; font-size: 17px; padding: 5px 10px; float: right; margin: 10px; margin-right: 0px;}
#content a.inscripcion:hover {color: #FCC008;}

#content small{text-transform: uppercase; font-weight: bold; color: #807F84;}
#content p{line-height: 18px; padding: 0; margin-bottom: 10px;}
#content ul{margin: 0; padding-left: 18px; margin-bottom: 15px; list-style: none;}
#content li{background: url(../Images/flecha.png) no-repeat 0 5px; padding-left: 15px; line-height: 18px; margin-bottom: 3px;}
#content table{}
#content th{font-size: 11px;}
#content td{font-size: 11px;}
#content form input,
#content form textarea,
#content form select{font-size: 11px;}
#content .btn{border: 1px solid #595959; background: #cccccc; color: #333333; font-size: 12px; padding: 3px 5px; text-transform: uppercase;}
#content .btn:hover{background: #eeeeee;}

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

#content ul.colapsable li{cursor: pointer;}
#content ul.colapsable ul li {background: none; padding-left: 0px; cursor: default;}

#concepto {margin: 0px 0px 5px; font-size: 11px;}
#concepto h2{color: #000000; text-decoration: none; text-transform: uppercase; display: block; background: #FCC008; font-size: 17px; padding: 3px 10px; margin: 0px 0px 5px;
    -moz-border-radius: 0px 15px 15px 0px;
    -webkit-border-radius: 0px 15px 15px 0px;
    -o-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
    behavior: url(PIE.htc);
}
#concepto .innertube{padding: 5px 10px; line-height: 18px; background: #fff; }
#concepto a{color: #333;}

#calendario {margin: 0px 10px 15px 15px;  }
#calendario h2{color: #000000; text-decoration: none; text-transform: uppercase; display: block; background: #FCC008; font-size: 17px; padding: 3px 10px; margin-bottom: 5px;}
#calendario .innertube{padding: 0px; overflow: auto; font-size: 10px; background: #fff; margin: 5px 0px;}
#calendario .cal-item{padding: 5px 10px 5px; border-bottom: 1px solid #FCC008; }
#calendario .cal-item:last-child{border-bottom: none;}
#calendario .cal-item h3{padding: 0px; margin: 0px;}
#calendario .cal-item h3 a{font-weight: bold; font-size: 14px;}
#calendario .cal-item .copete{line-height: 14px;}


#listado {margin: 15px 10px 15px 15px; background: #fff;}
#listado h2{color: #000000; text-decoration: none; text-transform: uppercase; display: block; background: #FCC008; font-size: 17px; padding: 2px 10px; margin-bottom: 5px;}
#listado .innertube{padding: 0px; font-size: 10px;}
#listado .cal-item{padding: 5px 10px 10px; border-bottom: 1px solid #FCC008; }
#listado .cal-item h3{padding: 0px; margin: 0px; font-size: 14px; line-height: 18px;}
#listado .cal-item h3 a{font-weight: bold; font-size: 14px;}


/* sidebar widgets */
#agenda{margin: 0; margin-top: 15px; padding: 0; padding-top: 28px; background: url(../Images/agenda.jpg) no-repeat; width: 157px; display: none;}
#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;}

/* SOCIAL */

#social {background: #FCC008; height: 24px; margin-top: 15px;}
#social .utdt-fb {float: right; margin-top: 3px; margin-right: 15px;}
#social .utdt-tw {float: right; width: 60px; overflow: hidden; margin-top: 5px;}