/* STYLE POSGRADOS */

#intro {background: #000 url(http://www.utdt.edu/Images/posgrados/posgrados_fondo.png) no-repeat; position: absolute; width: 1000px; height: 500px; margin: -10px 0px 0px; overflow: hidden;}
#intro .bochanegra {position: absolute; margin-left: -452px; margin-top: -400px; z-index: 1000;}
#intro .bochablanca {position: absolute; display: block; width: 264px; height: 65px; z-index: 1001; background: url(http://www.utdt.edu/Images/posgrados/2012posgrados_ri.png) no-repeat; text-indent: -9999px; margin-top: 299px; margin-left: 194px;}
#intro .pastillas {width: 320px; margin-left: 525px; margin-top: 95px;}
#intro .pastillas li {width: 160px; float: left; height: auto; border: none; padding: 0px;}
#intro .pastillas a {display: block; width: 150px; height: 45px; background: url(http://www.utdt.edu/Images/posgrados/2012posgrados_pastillas.png) no-repeat; text-indent: -9999px; z-index: 1100; position: relative;}
#intro .pastillas a.arq {background-position: -3px -3px;}
#intro .pastillas a.art {background-position: -3px -48px;} 
#intro .pastillas a.mcp {background-position: -3px -93px;}
#intro .pastillas a.der {background-position: -3px -138px;}
#intro .pastillas a.peco {background-position: -3px -183px;}
#intro .pastillas a.eco {background-position: -3px -228px;}
#intro .pastillas a.meu {background-position: -3px -272px;}
#intro .pastillas a.edu {background-position: -163px -3px;}
#intro .pastillas a.mei {background-position: -163px -48px; width: 197px;}
#intro .pastillas a.mfin {background-position: -163px -93px;}
#intro .pastillas a.his {background-position: -163px -138px;}
#intro .pastillas a.mba {background-position: -163px -183px;}
#intro .pastillas a.mper {background-position: -163px -228px;}
#intro .pastillas a.mpp {background-position: -163px -272px;}
#intro .pastillas ul {padding: 5px 0px; position: absolute; z-index: 2000; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -o-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0 1px 3px #AAAAAA; -webkit-box-shadow: 0 1px 3px #AAAAAA; -o-box-shadow: 0 1px 3px #AAAAAA; -box-shadow: 0 1px 3px #AAAAAA;}
#intro .pastillas ul li {float: none; width: 310px;}
#intro .pastillas ul li a {background: none; text-indent: 0px; height: 20px; font-size: 14px; color: #fff; display: inline; padding-left: 20px; text-decoration: none; letter-spacing: -0.05em;}
#intro .pastillas ul.der {background: #A68ABB;}
#intro .pastillas ul.der:after {border: 10px solid transparent; border-bottom-color: #A68ABB; left: 30px; top: -20px; content: "\00a0"; display: block; position: absolute; height: 0; width: 0;}
#intro .pastillas ul.eco {background: #00A3A9;}
#intro .pastillas ul.eco li {float: none; width: 260px;}
#intro .pastillas ul.eco:after {border: 10px solid transparent; border-bottom-color: #00A3A9; left: 30px; top: -20px; content: "\00a0"; display: block; position: absolute; height: 0; width: 0;}

#intro .pastillas ul.arq {background: #EC7355;}
#intro .pastillas ul.arq li {float: none; width: 410px;}
#intro .pastillas ul.arq:after {border: 10px solid transparent; border-bottom-color: #EC7355; left: 30px; top: -20px; content: "\00a0"; display: block; position: absolute; height: 0; width: 0;}

#intro .pastillas-back {background: url(http://www.utdt.edu/Images/posgrados/2012posgrados_pastillas_fondo.png) no-repeat; width: 628px; height: 355px; margin-top: 74px; margin-left: 280px; position: absolute; z-index: 500; }

#header-menu {padding-bottom: 0px; background-color: #333;}
header#titulo-seccion{border-bottom: 1px solid #D8DADB; padding: 5px 20px 15px; text-transform: uppercase; font-size: 18px;}
/* menu */
#menu li a:hover {color: #000;}
#menu li:hover , #menu li:hover a{background: #555; color: #fff;}
#menu li ul{background: #444;}
#menu li ul li a{background: #444; border-bottom: 1px solid #555; color: #fff;}
#menu li ul li a:hover {background: #555; color: #fff;}
#menu li ul li ul{background: #555;}



#context-menu-wrapper{width: 340px; float: left; }
#content{width: 1000px; float: left; overflow: auto; margin: 10px 0px;}
#content h2{font-size: 21px; line-height: 21px;}

article#content {border: 1px solid #ccc; border-top: none; width: 998px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -o-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; margin-top: 0px; overflow: hidden;}
article#content ul li{border-bottom: 1px solid #e3e4e5; border-left: 7px solid #fff; display: block; padding: 7px 0px; background: none; background-image: none; line-height: 20px;}
article#content ul li a.titulo{text-decoration: none; font-size: 15px; font-weight: bold; line-height: 19px; text-transform: uppercase;}
article#content ul li a.btn-calendario{color: #000; font-weight: bold; font-size: 15px; text-decoration: none; text-align: center; text-transform: uppercase; margin: 0px 20px;}
article#content ul li a.ri-link{}
article#content ul li a.consulta{font-size: 11px; background: #fff;}
article#content ul li a.vermas{font-size: 12px; float: right; text-decoration: none; margin-right: 10px;}

article#content li.ceac:hover {border-left: 7px solid #ec7355;}
article#content li.ceac a:hover{color: #ec7355;}
article#content li.der:hover {border-left: 7px solid #A68ABB;}
article#content li.der a:hover{color: #A68ABB;}
article#content li.gob:hover {border-left: 7px solid #a4bf04;}
article#content li.gob a:hover{color: #a4bf04;}
article#content li.neg:hover {border-left: 7px solid #7aa9dc;}
article#content li.neg a:hover{color: #7aa9dc;}
article#content li.arte:hover {border-left: 7px solid #9ba2a4;}
article#content li.arte a:hover{color: #9ba2a4;}
article#content li.cpei:hover {border-left: 7px solid #648cc8;}
article#content li.cpei a:hover{color: #648cc8;}
article#content li.eco:hover {border-left: 7px solid #00A3A9;}
article#content li.eco a:hover{color: #00A3A9;}
article#content li.his:hover {border-left: 7px solid #e39209;}
article#content li.his a:hover{color: #e39209;}

/*
article#content #ri_list li:hover{}
article#content #ri_list li:hover a.titulo{text-shadow: 1px 1px 1px #999; color: #f00;}
article#content #ri_list li a.titulo{text-decoration: none; display: inline; width: auto;}

article#content #ceac li{border-bottom: 1px solid #ec7355;}
article#content #der li{border-bottom: 1px solid #A68ABB;}
article#content #gob li{border-bottom: 1px solid #a4bf04;}
article#content #neg li{border-bottom: 1px solid #7aa9dc;}
article#content #arte li{border-bottom: 1px solid #9ba2a4;}
article#content #cpei li{border-bottom: 1px solid #648cc8;}
article#content #eco li{border-bottom: 1px solid #CB81B1;}
article#content #his li{border-bottom: 1px solid #e39209;}

article#content #ceac li:hover{background: #ec7355;}
article#content #der li:hover{background: #A68ABB;}
article#content #gob li:hover{background: #a4bf04;}
article#content #neg li:hover{background: #7aa9dc;}
article#content #arte li:hover{background: #9ba2a4;}
article#content #cpei li:hover{background: #648cc8;}
article#content #eco li:hover{background: #CB81B1;}
article#content #his li:hover{background: #e39209;}
*/
article#content form li{border: none; }

#context-menu {width: 340px; float: left; display: none;}
#context-menu li {display: block; width: 302px; line-height: 19px; height: 20px; padding: 0px 12px; margin-bottom: 2px; font-size: 12px; color: #fff; text-transform: uppercase; cursor: pointer;
    -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);
    background: #faf;
}
#context-menu li#menu-ri_list{margin: 10px 0px; color: #000; border: 1px solid #ccc; width: 300px;
    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);
    behavior: url(PIE.htc);
}
#context-menu li#menu-ceac{background: #ec7355;}
#context-menu li#menu-arte{background: #9ba2a4;}
#context-menu li#menu-cpei{background: #648cc8;}
#context-menu li#menu-der{background: #A68ABB;}
#context-menu li#menu-eco{background: #CB81B1;}
#context-menu li#menu-gob{background: #a4bf04;}
#context-menu li#menu-his{background: #e39209;}
#context-menu li#menu-neg{background: #7aa9dc;}


/* FORMULARIO */

form ul{margin: 0; padding: 0;}
#datos_personales {width: 778px; }
#datos_personales li{margin: 0px; padding: 0px; list-style: none; float: left; width: 380px; font-size: 11px;}
#datos_personales input{width: 290px;}

#encuestaRI {width: 778px; font-size: 12px; margin: 20px 0px 40px; text-align: left;}
#encuestaRI div{margin: 0; padding: 0; width: 380px; float: left;}
#encuestaRI input{border: none;}
#encuesta_cual {width: 60px;}
#recaptcha-div {margin-top: 30px;}

#datosduros {position: absolute; color: #666; width: 173px; margin-left: 778px; padding: 15px; font-size: 11px; text-align: left;
    border: 1px solid #D8DADB;
    -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);
}
#datosduros h2{font-size: 19px; line-height: 23px; margin-bottom: 20px;}
#datosduros h3{margin: 0px; margin-top: 20px; font-size: 12px;}
#datosduros a{color: #666;}
article#content #datosduros p{text-align: left;}