/* BASICOS */
*{
margin: 0;
padding: 0;
}
body, html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background: #E2E0D6;
color: #333333;
}
acronym, abbr{
cursor: help;
border-bottom: none;
}
hr{
height: 1px solid #ccc;
display: block;
}
label{
cursor: default;
}
.clear{
clear: both;
}

/* BLOQUES */
#contenedor{
width: 800px;
height: auto;
margin: auto;
min-height: 100%;
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.top a img{
float: right;
border: 0;
margin: 0 10px 0 0;
}
.top p{
font-family: Trebuchet MS, arial, verdana;
}

/* HEADER */
#header{
height: 160px;
width: 800px;
}

/* CLASE TOP */
#header .top{
height: 20px;
background: #1C3E95;
width: 800px;
}
#header .top ul{
list-style: none;
float: right;
}
#header .top ul li{
float: left;
padding: 3px 10px 0 0;
}
#header .top ul li a{
color: #fff;
text-decoration: none;
font-size: 1.0em;
}
#header .top ul li a:hover{
color: #FE8828;
}

/* CLASE MENU*/
#header .menu{
height: 20px;
width: 800px;
background: #FE8828;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
}
#header .menu ul {
list-style: none;
margin: 0 0 0 20px;
padding: 2px 0 0 0;
}
#header .menu ul li{
float: left;
font-size: 0.7em;
}
#header .menu ul li a{
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 1px 1px 1px 1px;
}
#header .menu ul li a:hover{
background: #F9F3E3;
color: #014FA2;
border-top: 1px solid #014FA2;
border-bottom: 1px solid #014FA2;
}

/* BANNER*/
#header .banner{
height: 118px;
width: 800px;
}
#header .banner img{
height: 95px;
width: 223px;
padding: 10px 47px 10px 10px;
border: 0;
float: left;
}
#botones_banner_resumenes{
z-index:1;
visibility:visible;
position:absolute;
font-family: "Trebuchet MS";
font-size: 9px;
color: #003988;
margin:260px 100px 0px 30px;
width:300px;
margin-bottom:-3px;
}
/* FINDESPLEGABLE */	
.chromestyle{
width: 100%;
font-weight: bold;
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFFFF;
}
.chromestyle:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
width: 100%;
background-color: #fe8827;
padding: 4px 0;
margin: 0;
text-align: center;
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 0px;
margin: 0;
text-decoration: none;
}

/* menu desplegable */
.dropmenudiv{
position:absolute;
top: 0;
font:Trebuchet;
line-height:18px;
z-index:100;
background-color: #FFFFFF;
width: 200px;
visibility: hidden;
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding-top: 2px;
padding-left: 4px;
text-decoration: none;
font-weight: bold;
color: #666666;
font-family: "Trebuchet MS";
font-size: 11px;
}
.dropmenudiv a:hover{ 
background-color: #fe8827;
color:#FFFFFF;
}

/* IZQUIERDA */
#izquierda{
width: 210px;
float: left;
padding: 5px 0 10px 0;
}
#izquierda img{
border: none;
}

/* IZQUIERDA MSN */
#izquierda_msn{
width: 170px;
float: left;
}
#izquierda_msn img{
border: none;
}

/*AGENDA*/
#agenda ul{
margin: 5px 0 0 5px;
list-style: none;
background: #F0F0F0;
border: 1px solid #ccc;
}
#agenda ul li{
font-size: 0.8em;
display: block;
}
#agenda ul li h4{
font-weight: none;
color: #333;
padding: 2px 0 2px 15px;
font-size: 0.80em;
font-family: arial;
background: #f8f8f8;
}
#agenda ul li.submenu_curso h5{
margin: 0 0 0 5px;
}
#agenda ul li.submenu_curso h5 a{
color: black;
font-size: 0.8em;
font-family: Arial, verdana, tahoma;
}
#agenda ul li.submenu_curso{
text-align: left;
background: #ececec;
padding: 2px 2px 2px 2px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#agenda ul li.submenu_curso:hover{
background: #FCF8EE;
}

/* DEPLEGABLE */
#agenda ul li.submenu_curso a{
font-weight: bold;
font-size: 0.85em;
color: #014FA2;
font-family: verdana, arial, tahoma;
text-decoration: none;
padding: 0 0 0 0px;
margin: 0 0 0 0px;
}
#agenda ul li.submenu_curso ul{
margin: 5px 0 0 0;
}
#agenda ul li.submenu_profesores{
font-family: tahoma, verdana, arial;
color: #014FA2;
border: 1px solid #fff;
padding: 5px 5px 5px 5px;
}
#agenda ul li.submenu_profesores a{
font-size: 0.85em;
text-decoration: none;
color: #000;
}
#agenda ul li.submenu_profesores:hover{
background: #E2E0D6;
}
#agenda ul li.submenu_profesores a:hover{
color: #207FD0;
}
#agenda ul li.submenu_profesores_agenda{	
margin: 5px 0 5px 5px;
}
#agenda ul li.submenu_profesores_agenda a{
color: #014FA2;
text-decoration: none;
font-family: tahoma, arial, verdana;
font-size: 0.75em;
}
#agenda ul li.submenu_profesores_agenda a:hover{
color: #207FD0;
}

#agenda ul .imagen_agenda h3{
text-indent: -99999px;
background: url("images/agenda.gif");
height: 34px;
width: 205px;
}
#agenda ul li.pie_agenda {
background: #7FA6D0;
height: 20px;
}
#agenda .pie_agenda a{
color: #fff;
font-size: 0.85em;
text-decoration: none;
font-weight: bold;
padding: 0 0 0 10px;
}
#agenda ul li h3{
font-size: 1.0em;
color: #fff;
background: #7FA6D0;
text-align: center;
}

/* DERECHA */
#derecha{
width: 230px;
float: right;
margin: 0 5px 0 0;
}
#derecha img{
border: 0;
padding: 0 0 0 0;
margin: 3px 0 0 0;
}
#derecha object{
margin: 5px 0 0 0;
}
#formulario fieldset{
margin: 5px 10px 10px 0;
background: #fafafa;
border: 0;
border: 1px solid #ccc;
}
#formulario p{
font-size: 0.75em;
margin: 0 5px 0 5px;
}
#formulario fieldset p.texto_formu{
font-size: 0.7em;
font-family: verdana, arial, tahoma;
}
#formulario fieldset p input{
border: 1px solid #7FA6D1;
}

/* DERECHA MSN */
#derecha_msn{
width: 150px;
float: right;
margin: 0 5px 0 0;
}
#derecha_msn img{
border: 0;
padding: 0;
margin: 3px 0 0 3px;
}
#formulario_msn fieldset{
background: #fafafa;
border: 0;
border: 1px solid #ccc;
}
#formulario_msn p{
font-size: 0.8em;
width: 130px;
line-height: 10px;
}

/*CLASE CAMPO*/
#formulario .campo{
margin: 0 0 0 10px;
}
#formulario .campo input{
width: 95px;
float: left;
margin: 0 0 0 5px;
font-size: 0.85em;
}
#formulario .campo input:hover{
background: #FCF8EE;
}
#prefijo .campo input{
width: 50px;
margin: 0 3px 0 5px;
font-size: 0.85em;
}
#prefijo_pais .campo input{
width: 40px;
margin: 0 3px 0 0;
font-size: 0.85em;
}
#telefono .campo input{
width: 95px;
margin: 0 5px 0 2px;
font-size: 0.85em;
}

#formulario .formulario_programas select{
width: 200px;
margin: 0 0 0 15px;
font-size: 0.7em;
}
#formulario .formulario_programas select option{
font-size: 0.85em;
margin: 5px 0 0 10px;
}
#formulario .enviar input{
width: 120px;
margin: 10px 0 0 50px;
}
#bajo_form{
background: #F6F6F6;
height: 90px;
border: 1px solid #ccc;
padding: 5px 5px 10px 5px;
margin: 10px 0 10px 0;
}
#bajo_form p{
font-size: 0.60em;
font-family: arial, verdana, Tahoma;
}			
#bajo_form img{
margin: 0 0 15px 0;
}
#bajo_form h3{
color: #F78934;
font-family: Tahoma,Arial,Verdana;
font-size: 1.1em;
padding: 3px 0 5px 0;
}

/* INFO */
#info{
width: 340px;
height: auto;
float: right;
margin: 0 10px 0 0;
font-family: verdana, arial, Helvetica,sans-serif;
font-size: 0.85em;
}
#info p{
font-size: 0.8em;
line-height: 16px;
}
#info h1{
display: block;
width: 340px;
height: 20px;
padding: 2px 0 0 0;
font-size: 1.2em;
color: #fff;
text-decoration: none;
font-family: Tahoma, Arial, Verdana;
text-align: center;
margin: 5px 0 5px 0;
font-variant: small-caps;
background: #7FA6D0;
border-top: 1px solid #014FA2;
border-bottom: 1px solid #014FA2;
}
#info ul li{
color: #3C6BA9;
padding: 5px 0 0 0;
}
#info h2{
margin: 0 0 0 5px;
font-size: 0.9em;
color: #014FA2;
text-decoration: none;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
}
#info h2 a{
font-size: 1.1em;
color: #014FA2;
text-decoration: none;
}
#info h2 a:hover{
color: #5699DA;
}

/* INFO MSN */
#info_msn{
width: 472px;
height: auto;
float: right;
font-family: verdana, arial, Helvetica,sans-serif;
font-size: 0.85em;
}
#info_msn p{
font-size: 0.8em;
line-height: 16px;
}
#info_msn h1{
display: block;
width: 472px;
height: 20px;
color: #fff;
font-size: 1.2em;
text-align: center;
padding: 2px 0 0 0;
margin: 5px 0 5px 0;
background: #7FA6D0;
text-decoration: none;
font-variant: small-caps;
border-top: 1px solid #014FA2;
border-bottom: 1px solid #014FA2;
font-family: Tahoma, Arial, Verdana;
}
#info_msn ul li{
color: #3C6BA9;
padding: 10px 0 0 0;
}
#info_msn h2{
margin: 0 0 0 5px;
font-size: 0.9em;
color: #014FA2;
text-decoration: none;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
}
#info_msn h2 a{
font-size: 1.1em;
color: #014FA2;
text-decoration: none;
}
#info_msn h2 a:hover{
color: #5699DA;
}

#info_msn table tr.titulos{
font-weight: bold;
font-size: 0.8em;
}

/* LISTA */
#lista ul{
margin: 5px 5px 10px 5px;
list-style: none;
}
#lista ul li{
padding: 5px 5px 5px 5px;
height: 100px;
border-bottom: 1px dashed #ccc;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#lista ul li:hover{
background: #FCF8EE;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#lista ul li img{
margin: 0 10px 0 0;
float: left;
}
#lista ul li p{
color: black;
}

/* MAS INFO */
#lista ul li .masinfo{
margin: 5px 0 0 0;
float: right;
}			
#lista ul li .masinfo a{
color: #014FA2;
}
#lista ul li .masinfo a:hover{
color: black;
}

/* LISTA */
.noticias{
width: 310px;
margin: 0 0 0 10px;
}
.noticias h2{
margin: 10px 0 0 0;
}
.noticias p{
text-align: justify;
}

/* POPUP */
#plano .popup h2 a{
margin: 0 0 0 5px;
font-size: 1.5em;
color: #014FA2;
text-decoration: none;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
}
#plano .popup h2 a:hover{
color: black;
text-decoration: none;
}
#plano .popup h2 a small{
margin: 0 0 0 17px;
}
#plano .popup ul{
margin: 0 0 5px 5px;
}
#plano .popup ul li{
height: 80px;
border-bottom: 1px dashed #ccc;
list-style: none;
}
#plano .popup ul li img{
margin: 5px 0 0 10px;
float: left;
border: 1px solid #ccc;
}

/* CURRICULUM DOCENTES */
#cv{
width: 600px;
border: 1px solid #ccc;
height: auto;
margin: 10px 0 0 10px;
font-family: verdana, arial, Helvetica,sans-serif;
font-size: 0.85em;
background: white;
}
#cv h2{
margin: 0 0 0 5px;
font-size: 0.9em;
color: #014FA2;
text-decoration: none;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
}
#cv h4{
background: #F0F0F0;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
font-size: 0.9em;
margin: 5px 0 10px 0;
padding: 0 0 0 10px;
}
#cv p{
margin: 0 10px 20px 5px;
font-size: 0.8em;
line-height: 16px;
}
#cv img{
border: none;
margin: 3px 0 5px 10px;
border: 1px solid #ccc;
}

/* PLANO*/
#plano{
width: 340px;
border: 1px solid #ccc;
margin: 5px 0 10px 0;
}
#plano a{
color: #014FA2;
}
#plano a:hover{
color: #7FA6D0;
}
#plano h1{
display: block;
width: 340px;
height: 20px;
padding: 2px 0 0 0;
font-size: 1.2em;
color: #fff;
text-decoration: none;
font-family: Tahoma, Arial, Verdana;
text-align: center;
margin: 5px 0 5px 0;
font-variant: small-caps;
background: #014FA2;
border-top: 1px solid #7FA6D0;
border-bottom: 1px solid #7FA6D0;
}
#plano h3{
font-size: 1.2em;
color: #F78934;
margin: 5px 5px 5px 5px;
padding: 5px 0 5px 5px;
font-family: Tahoma, Arial, Verdana;
background: #fff;
border: 4px solid #F0F0F0;
}
#plano h4{
background: #F0F0F0;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
font-size: 0.9em;
margin: 5px 0 10px 0;
padding: 0 0 0 10px;
}
#plano p{
margin: 0 10px 10px 5px;
}
#plano ul{
width: 290px;
margin: 5px 0 10px 25px;
}
#plano ul li{
list-style: url("images/li.jpg");
font-family: tahoma, verdana, arial;
font-size: 0.8em;
color: #3C6BA9;
}
#plano ul li a{
color: #3C78C8;
text-decoration: none;
}
#plano ul li a:hover{
color: black;
text-decoration: underline;
}
#plano img{
border: none;
margin: 3px 3px 0 3px;
float: left;
}

/* PLANO MSN */
#plano_msn{
width: 465px;
border: 1px solid #ccc;
margin: 5px 0 10px 0;
}
#plano_msn a{
color: #014FA2;
}
#plano_msn a:hover{
color: #7FA6D0;
}
#plano_msn h1{
display: block;
width: 465px;
height: 20px;
padding: 2px 0 0 0;
font-size: 1.2em;
color: #fff;
text-decoration: none;
font-family: Tahoma, Arial, Verdana;
text-align: center;
margin: 5px 0 5px 0;
font-variant: small-caps;
background: #014FA2;
border-top: 1px solid #7FA6D0;
border-bottom: 1px solid #7FA6D0;
}
#plano_msn h3{
font-size: 1.2em;
color: #F78934;
margin: 5px 5px 5px 5px;
padding: 5px 0 5px 5px;
font-family: Tahoma, Arial, Verdana;
background: #fff;
border: 4px solid #F0F0F0;
}
#plano_msn h4{
background: #F0F0F0;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
font-size: 0.9em;
margin: 5px 0 10px 0;
padding: 0 0 0 10px;
}
#plano_msn p{
margin: 0 10px 20px 5px;
}
#plano_msn ul{
width: 210px;
margin: 5px 0 10px 25px;
}
#plano_msn ul li{
list-style: url("images/li.jpg");
font-family: tahoma, verdana, arial;
font-size: 0.8em;
color: #3C6BA9;	
}
#plano_msn ul li a{
color: #3C78C8;
text-decoration: none;
}
#plano_msn ul li a:hover{
color: black;
text-decoration: underline;
}
#plano_msn img{
border: none;
}

/* PRENSA */
#prensa{
float: left;
width: 550px;
border: 1px solid #ccc;
margin: 20px 0 10px 5px;
font-family: Verdana, Arial, Tahoma;
line-height: 17px;
}
#prensa h2{
color: #2165AE;
font-size: 1.0em;
margin: 10px 5px 0 10px;
padding: 0 0 5px 0;
border-bottom: 1px solid #CCCCCC;
}
#prensa h3{
font-size: 0.8em;
color: #014FA2;
margin: 20px 10px 0 10px;
font-family: Tahoma, Arial, Verdana;
}
#prensa p{
margin: 0 10px 20px 10px;
font-size: 0.70em;
}
#prensa img{
margin: 0px 5px 0 0;
}
#prensa a img{
border: 0;
}

.banners_home{
float: left;
width: 341px;
padding: 20px 0 0 0;
}

.banners_home img{
border: none;
}

/* PIE */
#pie{
height: auto;
width: 800px;
background: #EFEFEF;
padding: 10px 0 20px 0;
border-top: 1px solid #ccc;
}
#pie img{
float: left;
margin: 0 20px 0 0;
}
#pie h2{
font-size: 0.9em;
padding: 0 0 0 10px;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
}
#pie p{
font-size: 0.6em;
padding: 0 0 0 10px;
}


/* GRIPE */
#plano p.seminario {
font-weight: bold;
border: 1px solid #ccc;
color: #000000;
text-align: justify;
padding: 5px 5px 5px 5px;
font-size: 0.7em;
}

#gripe a {
background: #F6F6F6;
border: 1px solid #ccc;
color: #FE8828;
font-size: 10px;
width: 180px;
float: left;
padding: 10px 0 10px 10px;
margin: 0 0 10px 10px;
font-weight: bold;
}

#gripe a:hover{
color: #000; 
}

/* BLOG */
#blog{
background-color: #7FA6D0;
}