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

h2 a {color: inherit;}

/* HOME PAGE STYLES */
#menu {margin-bottom: 10px; text-transform: uppercase;}
#menu a.btn-grey{display: block; width: 301px; line-height: 19px; height: 20px; padding: 0px 12px; border: 1px solid #D8DADB; margin-bottom: 4px; font-size: 12px; color: #58585A;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F7), to(#ffffff));
    background: -moz-linear-gradient(#F6F6F7, #ffffff);
    background: linear-gradient(#F6F6F7, #ffffff);-pie-background: linear-gradient(#F6F6F7, #ffffff);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
}
#menu a.btn-utdt {
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -o-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    behavior: url(PIE.htc);    
}
#menu a.btn-esc {display: block; width: 302px; line-height: 19px; height: 20px; padding: 0px 12px; margin-bottom: 2px; font-size: 12px; color: #fff;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -o-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    behavior: url(PIE.htc);
}
#menu li:hover > ul{display: block; opacity: 0.95;}
#menu a:hover{color: #000000; -moz-box-shadow: 0px 0px 2px #ECECEC; -webkit-box-shadow: 0px 0px 2px #ECECEC; -o-box-shadow: 0px 0px 2px #ECECEC; box-shadow: 0px 0px 2px #ECECEC;}
#menu li ul{color: #fff; font-size: 11px; z-index: 1000; position: absolute; text-transform: none; padding: 10px 15px; margin: -35px 0px 0px 310px; background: #e6e6e7;
    opacity: 0;
    -moz-border-radius: 10px;
    -webkit-border: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 1px 3px #aaa; 
    -webkit-box-shadow: 0px 1px 3px #aaa;
    -o-box-shadow: 0px 1px 3px #aaa;
    box-shadow: 0px 1px 3px #aaa;
    display: none;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}
#menu li ul li a{color: #333; line-height: 16px; background: #e6e6e7;}
#menu li ul li a:hover {-moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #000;}
#menu li ul li.bottom{border-bottom: 1px dotted #fff; padding-bottom: 3px; margin-bottom: 4px;}
#menu .arrow-left {width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #e6e6e7; position: absolute; margin-left: -25px;}

#menu .arq a, #buttonbox .arq{background: #ec7355;}
#menu .arq ul, #menu .arq ul a {background: #ef8b72; color: #fff;}
#menu .arq .arrow-left {border-right-color: #ef8b72;}

#menu .art a, #buttonbox .art{background: #9ba2a4;}
#menu .art ul, #menu .art ul a {background: #c4c7c8; color: #444;}
#menu .art .arrow-left {border-right-color: #c4c7c8;}

#menu .cpei a, #buttonbox .cpei{background: #648cc8;}
#menu .cpei ul, #menu .cpei ul a {background: #709bc7; color: #fff;}
#menu .cpei .arrow-left {border-right-color: #709bc7;}

#menu .der a, #buttonbox .der{background: #A68ABB;}
#menu .der ul, #menu .der ul a {background: #b49bc6; color: #fff;}
#menu .der .arrow-left {border-right-color: #b49bc6;}

#menu .eco a, #buttonbox .eco{background: #00A3A9;}
#menu .eco ul, #menu .eco ul a {background: #7FD1D4; color: #444;}
#menu .eco .arrow-left {border-right-color: #7FD1D4;}

#menu .gob a, #buttonbox .gob{background: #a4bf04;}
#menu .gob ul, #menu .gob ul a {background: #bbd268; color: #444;}
#menu .gob .arrow-left {border-right-color: #bbd268;}

#menu .his a, #buttonbox .his{background: #e39209;}
#menu .his ul, #menu .his ul a {background: #fabc54; color: #444;}
#menu .his .arrow-left {border-right-color: #fabc54;}

#menu .mat a, #buttonbox .mat{background: #3fbe7e; }

#menu .neg a, #buttonbox .neg{background: #7aa9dc; margin-bottom: 4px;}
#menu .neg ul, #menu .neg ul a {background: #95bae3; color: #444;} /* D1DFEE */
#menu .neg .arrow-left {border-right-color: #95bae3;}

#sidebar .banner {margin: 5px 15px 15px 0;}

#videobox{width: 325px; height: 423px; border: 1px solid #D8DADB; font-size: 12px; color: #58585A; padding-bottom: 15px; margin-bottom: 7px;
    background: url(../Images/ditellaplay-bg.png) #eee;
    background: url(../Images/ditellaplay-bg.png), -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#F0F0F0));
    background: url(../Images/ditellaplay-bg.png), -moz-linear-gradient(#fff, #F0F0F0);
    background: url(../Images/ditellaplay-bg.png), linear-gradient(#fff, #F0F0F0);
    -pie-background: url(../Images/ditellaplay-bg.png), linear-gradient(#fff, #F0F0F0);
    behavior: url(PIE.htc);
}
#videobox:hover{-moz-box-shadow: 0px 0px 3px #ECECEC; -webkit-box-shadow: 0px 0px 3px #ECECEC; -o-box-shadow: 0px 0px 3px #ECECEC; box-shadow: 0px 0px 3px #ECECEC;}
#videobox .innertube {padding: 10px 15px;}
#videobox h2{padding: 15px 0 0px 16px;}
#videobox h2 a{display: block; width: 162px; height: 24px; text-indent: -9999px; background: url(../Images/ditellaplay-tit2.png) no-repeat;}
#videobox .texto{font-size: 11px; color: #58585A; padding: 5px 0px 5px; height: 50px; overflow: hidden; line-height: 16px;}
#videobox ul{float: none; clear: both; margin-top: 10px;}
#videobox li{float: left; margin-right: 1px; list-style: none; width: 97px;}
#videobox li img.preview{width: 97px; cursor: pointer;}
#videobox a.vermas {display: block; width: 124px; height: 33px; background: url(../Images/ditellaplay-btn.png) no-repeat; margin-top: 20px; text-indent: -9999px; }
#videobox-player {width: 295px; height: 166px; background: url(../Images/loading.gif) no-repeat center center;}

#videobox li img.preview:hover,
#videobox a.vermas:hover{
    -moz-box-shadow: 3px 3px 3px #333;
    -webkit-box-shadow: 1px 1px 3px #ECECEC;
    -o-box-shadow: 1px 1px 3px #ECECEC;
    box-shadow: 1px 1px 3px #ECECEC;
}


#buttonbox {width: 35px; height: 450px; z-index: 1000; position: absolute; margin-left: 622px;}
#buttonbox a.btn {display: block; width: 25px; height: 20px; text-indent: -9999px; margin: 0px 0px 2px 10px; color: #fff; background-image: url(http://www.utdt.edu/Images/tiras_home.png); background-repeat: no-repeat; background-position: top right; background-color: transparent;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -ms-transition-property: all;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
}
#buttonbox a.btn.white {margin-bottom: 4px; width: 24px; height: 22px; border-left: 1px solid #D8DADB;}
#buttonbox a.btn.arq {background-position: right -26px;}
#buttonbox a.btn.art {background-position: right -48px;}
#buttonbox a.btn.cpei {background-position: right -70px;}
#buttonbox a.btn.der {background-position: right -92px;}
#buttonbox a.btn.eco {background-position: right -114px;}
#buttonbox a.btn.gob {background-position: right -136px;}
#buttonbox a.btn.his {background-position: right -158px;}
#buttonbox a.btn.mat {background-position: right -180px;}
#buttonbox a.btn.neg {background-position: right -202px; margin-bottom: 4px;}
#buttonbox a.btn:hover {width: 420px; margin-left: -385px; border-left: none;} 

#buttonbox a.ico {display: block; width: 18px; height: 28px; text-indent: -9999px; margin-left: 12px; margin-top: 14px; overflow: hidden; background-image: url(http://www.utdt.edu/Images/sprite_redes.png); background-repeat: no-repeat; background-color: transparent;}
#buttonbox a.gmail {background-position: -10px -1px; }		#buttonbox a.gmail:hover {background-position: -42px -1px; }
#buttonbox a.facebook {background-position: -11px -27px; }	#buttonbox a.facebook:hover {background-position: -43px -27px; }
#buttonbox a.twitter {background-position: -11px -56px; }	#buttonbox a.twitter:hover {background-position: -43px -56px; }
#buttonbox a.vimeo {background-position: -11px -84px; }		#buttonbox a.vimeo:hover {background-position: -43px -84px; }
#buttonbox a.flickr {background-position: -11px -109px; }	#buttonbox a.flickr:hover {background-position: -43px -109px; }
#buttonbox a.youtube {background-position: -11px -135px; }	#buttonbox a.youtube:hover {background-position: -43px -135px; }
#buttonbox a.picassa {background-position: -11px -168px; }	#buttonbox a.picassa:hover {background-position: -43px -168px; }
#buttonbox a.gateway {background-position: -11px -200px;}	#buttonbox a.gateway:hover {background-position: -43px -200px; }
#buttonbox a.bus {background-position: -10px -225px;}	        /*#buttonbox a.bus:hover {background-position: -43px -200px; }*/


#slidebox{width: 617px; height: 278px; background: #fff; float: left; margin-bottom: 8px; overflow: hidden; }
#slidebox div.controls {padding: 0px; margin-top: 262px; margin-left: 520px; position: absolute;}
#slidebox div.controls a{background: #444; color: #fff; font-size: 12px; width: 15px; padding: 1px; margin-right: 2px; text-align: center; font-weight: bold; display: block; float: left; opacity: 0.7;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    behavior: url(PIE.htc);
}
#slidebox div.controls a.active {opacity: 1;}
#slidebox div.controls a:hover {color: #FABD00; opacity: 1;}
#slidebox div.scroller { width: 658px; height: 278px; overflow: hidden;}
#slidebox div.scroller div.section {width: 617px; height: 278px; overflow :hidden; float: left; margin: 0px;}
#slidebox div.scroller div.banner {width: 617px; height: 278px; overflow :hidden; margin: 0px;}

#slidebox div.scroller div.content {width: 10000px;}



#callbox{display: block; float: left; width: 617px; overflow: hidden; margin-bottom: 10px; border: 1px solid #D8DADB; list-style: none;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F7), to(#ffffff));
    background: -moz-linear-gradient(#F6F6F7, #ffffff);
    background: linear-gradient(#F6F6F7, #ffffff);-pie-background: linear-gradient(#F6F6F7, #ffffff);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
}
#callbox a{display: block; float: left; width: 151px; height: 53px; padding: 0px; color: #333; text-indent: -9999px;}
#callbox a.grado {border-left: none; background: url(../Images/sprite_iconos.png) no-repeat 0px top;}
#callbox a.grado:hover {background: url(../Images/sprite_iconos.png) no-repeat 0px -54px;}
#callbox a.posgrados {background: url(../Images/sprite_iconos.png) no-repeat -151px top; width: 158px;}
#callbox a.posgrados:hover {background: url(../Images/sprite_iconos.png) no-repeat -151px -54px;}
#callbox a.eejecutiva {background: url(../Images/sprite_iconos.png) no-repeat -310px top; width: 155px;}
#callbox a.eejecutiva:hover {background: url(../Images/sprite_iconos.png) no-repeat -310px -54px;}
#callbox a.clibre {background: url(../Images/sprite_iconos.png) no-repeat right top;}
#callbox a.clibre:hover {background: url(../Images/sprite_iconos.png) no-repeat right -54px;}

#callbox ul {position: absolute; color: #333; list-style: none; border: 1px solid #D8DADB; margin-top: -140px; padding-top: 10px; padding-bottom: 10px; display: none;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F7), to(#ffffff));
    background: -moz-linear-gradient(#F6F6F7, #ffffff);
    background: linear-gradient(#F6F6F7, #ffffff);-pie-background: linear-gradient(#F6F6F7, #ffffff);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 6px #000;
    behavior: url(PIE.htc);
}
#callbox ul li.arrow {
    background: url(../Images/homegradopunta.png) no-repeat left bottom;
    width: 150px;
    height: 15px;
    position: absolute;
    margin-top: 10px;
    /*
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    height: 0;
    left: 10px;
    position: relative;
    top: 14px;
    width: 0;
    */
}
#callbox ul li a {text-indent: 0px; color: #333; font-size: 12px; float: none; width: 180px; height: 16px; line-height: 16px; padding: 3px 10px;}
#callbox li:hover > ul {display: block;}

#bannerboxA {float: left; height: 203px; width: 632px;}
#bannerboxA .banner{width: 143px; height: 100px; float: left; margin: 2px 15px 15px 0px; background: #fff;}
#bannerboxA .banner:first-child {margin-left: 0px;}

#bannerboxB .banner{width: 143px; height: 100px; float: left; margin: 0px 0px 10px 15px; background: #fff;}
#bannerboxB .banner:first-child {margin-left: 0px;}

#alumnibox{display: block; float: left; width: 459px; overflow: hidden; margin-bottom: 10px; border: 1px solid #D8DADB;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F7), to(#ffffff));
    background: -moz-linear-gradient(#F6F6F7, #ffffff);
    background: linear-gradient(#F6F6F7, #ffffff);-pie-background: linear-gradient(#F6F6F7, #ffffff);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
}
#alumnibox a{display: block; float: left; width: 150px; height: 48px; padding: 0px; color: #333; text-indent: -9999px;}
#alumnibox a.alumnos {border-left: none; background: url(../Images/sprite_alumnos.png) no-repeat 0px top;}
#alumnibox a.alumnos:hover {background: url(../Images/sprite_alumnos.png) no-repeat 0px -54px;}
#alumnibox a.campus {background: url(../Images/sprite_alumnos.png) no-repeat -151px top; width: 158px;}
#alumnibox a.campus:hover {background: url(../Images/sprite_alumnos.png) no-repeat -151px -54px;}
#alumnibox a.sigedu {background: url(../Images/sprite_alumnos.png) no-repeat -310px top;}
#alumnibox a.sigedu:hover {background: url(../Images/sprite_alumnos.png) no-repeat -310px -54px;}


#infobox{width: 458px; height: 252px; border: 1px solid #D8DADB; float: left; margin-bottom: 10px; overflow: hidden; background: #ffffff;}
#infobox div.controls {padding: 0px; border-bottom: 1px solid #D8DADB; height: 29px;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(0% 100% 90deg,#F6F6F7, #FFFFFF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F6F6F7));
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(PIE.htc);
}
#infobox div.controls a{font-size: 12px; color: #58585A; margin-top: -1px; margin-left: -1px; margin-right: 5px; display: block; float: left; line-height: 30px; padding: 0px 14px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(PIE.htc);
}
#infobox div.controls a:hover{background: #eee; color: #58585A;}
#infobox div.controls a.active{background: #ffffff; border: 1px solid #D8DADB; border-bottom: none;
    -moz-box-shadow: 0px -1px 1px #ECECEC;
    -webkit-box-shadow: 0px -1px 1px #ECECEC;
    -o-box-shadow: 0px -1px 1px #ECECEC;
    box-shadow: 0px -1px 1px #ECECEC;
}
#infobox div.scroller { width: 458px; height: 240px; overflow: hidden;}
#infobox div.scroller div.section {width: 458px; height: 240px; overflow :hidden; float: left;}
#infobox div.scroller div.section a{display: block; width: 435px; font-size: 11px; color: #58585A; padding: 7px 12px 7px 14px; }
#infobox div.scroller div.section a:hover{border-left: 7px solid #FBBF00; color: #000; padding-left: 7px;}
#infobox div.scroller div.section a.vermas{color: #58585A; border: 1px solid #D8DADB; padding: 3px 7px; margin: 7px 12px -5px 12px; background: #fff; font-weight: bold; float: left;}
#infobox div.scroller div.content {width: 10000px;}
#infobox:hover{
    -moz-box-shadow: 0px 0px 3px #ECECEC;
    -webkit-box-shadow: 0px 0px 3px #ECECEC;
    -o-box-shadow: 0px 0px 3px #ECECEC;
    box-shadow: 0px 0px 3px #ECECEC;
}

#infobox div#indices li {list-style: none; background: #fff; }
#infobox div#indices li a {padding: 0px; float: left; width: 114px;}
#infobox div#indices li a:hover {padding: 0px; border: none;}
#infobox div#indices li.cif {width: 100%; float: none; clear: both;}
#infobox div#indices li.cif a.titulo{font-weight: bold; font-size: 11px; float: none; clear: both; border-bottom: 1px solid #ccc; width: 100%; height: 18px; padding: 7px 13px;}
#infobox div#indices li.licip {width: 50%; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #eee;}
#infobox div#indices li.licip a.titulo{font-weight: bold; font-size: 11px; float: none; clear: both; border-bottom: 1px solid #ccc; width: 202px; height: 25px; padding: 7px 13px;}
#infobox div#indices li.gob {width: 50%; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #eee;}
#infobox div#indices li.gob a.titulo{font-weight: bold; font-size: 11px; float: none; clear: both; border-bottom: 1px solid #ccc; width: 202px; height: 25px; padding: 7px 13px;}

#infobox div#enlaprensa a {float: none; clear: both; font-weight: bold; color: #111111; }
#infobox div#enlaprensa a .wrapper {width: 328px; border-right: 1px solid #ccc;}
#infobox div#enlaprensa a span{color: #666; font-weight: normal; display: block; width: 326px;}
#infobox div#enlaprensa img {max-width: 120px; max-height: 30px; float: right;}

#agenda{width: 182px; height: 408px; border: 1px solid #D8DADB; padding-bottom: 15px; font-size: 14px; color: #58585A; float: right; background: #ffffff; overflow: hidden;}
#agenda h2{color: #58585A; border-bottom: 1px solid #D8DADB; font-size: 12px; padding: 8px 0 7px 16px; font-weight: normal;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(0% 100% 90deg,#F6F6F7, #FFFFFF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F6F6F7));
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    behavior: url(PIE.htc);
}
#agenda a{display: block; font-size: 11px; color: #58585A; padding: 0px 12px 0px 14px; margin: 7px 0px 2px; background: #ffffff;}
#agenda a span{color: #FBBF00; font-size: 22px; display: block;}
#agenda a:hover{border-left: 7px solid #FBBF00; color: #000; padding-left: 7px;}
#agenda:hover{
    -moz-box-shadow: 0px 0px 3px #ECECEC;
    -webkit-box-shadow: 0px 0px 3px #ECECEC;
    -o-box-shadow: 0px 0px 3px #ECECEC;
    box-shadow: 0px 0px 3px #ECECEC;
}

#quiero-apoyar {margin-bottom: 10px; display: block;}
#obra-alcorta {margin-bottom: 10px; display: block;}

#bottom .col1{width: 143px; margin-right: 15px; float: left;}
#bottom .col2{width: 325px; margin-right: 15px; float: left;}