/*
	Title:      Universia España master styles for screen media
	Author:     jandropoch, Universia España
	Updated:    Abr 11 2008
*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// menu */
/* Incluye del menu por pestañas la anchura y altura de las pestañas (los elementos de las lista "li") para poder personalizar la apariencia del menu y ampliar o reducir sus pestañas */
#menu li {
	width: 122px; /* Modificando la anchura añadimos o reducimos pestañas al menu */
	height: 45px; /* Modificando la altura tendremos pestañas de una altura u otra */
	padding: 2px 5px 0 5px;
}

#menu li a {
	width: 124px; /* Modificando la anchura añadimos o reducimos pestañas al menu */
	height: 45px; /* Modificando la altura tendremos pestañas de una altura u otra */
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// content-left */
/* Esta capa se sitúa a la izquierda dentro de #content y lleva el menu lateral */

#content-left ul {
	margin: 0;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// menu-lateral */
/* Caja con el menú lateral específico de la web */
#menu-lateral {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

#menu-lateral h5, #menu-lateral p {
	color: #FFFFFF;
	background: #ff0000;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0;
	border-bottom: #CC0033 1px solid;
	border-top: #CC3366 solid 1px;
	padding: 3px 0 3px 7px;
}

#menu-lateral ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu-lateral li {
	border-bottom: #cccccc dotted 1px;
	padding: 3px 0 3px 7px;
	background: #eeeeee;
}

#menu-lateral li a {
	text-decoration: none;
	color: #666666;
}

#menu-lateral li a:hover {
	text-decoration: underline;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// content-right */
/* Esta capa se sitúa a la derecha dentro de #content y lleva los contenidos especificos como patrocinados o video */
#content-right {
	float: right;
	width: 826px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// patrocinados */
/* Capa para anuncios patrocinados */
.patrocinados {
    float: right;
    border: 1px solid #CCCCCC; /*width: 200px;*/
    padding: 0 8px 10px 7px;
    margin: 0 0 7px 0;
}
.patrocinados2 { /* Patrocinados con banners de 210 */
	float: right;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin: 0 0 10px 0;
}

html>body .patrocinados2 {
	padding: 7px;
}

.patrocinados a {
	color: #FF0000;
	text-decoration: none;
}

.patrocinados a:hover {
	color: #FF0000;
	text-decoration: none;
}

.patrocinados h5 {
	font-size: 1em;
	margin: 15px 5px 5px 0;
}

.patrocinados h5 a {
	color: #333333;
	text-decoration: underline;
}

.patrocinados p {
	margin: 5px 5px 5px 0;
	font-size: 0.9em;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// caja-soporte */
/* Esta caja da soporte al banner robapaginas, a la caja con video y los destacados para poder flotar la capa de patrocinados sin problemas */
#caja-soporte {
	float: left;
	margin: 0 0 0 5px;
	width: 586px;
}

html>body #caja-soporte {
	margin: 0 7px 0 5px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// video */
/* Seguro que sabéis de sobra para que está esta caja */

#caja-soporte .column1 { 
    float: left; 
    padding: 5px; 
    margin: 0; 
    width: 268px; 
    _width: 258px; 
    border-right: 1px solid #CCCCCC; 
} 
#caja-soporte .column1 img{
	_margin: 0;
}
#caja-soporte .column1 a { 
    color: #666666; 
    text-decoration: none;
} 
#caja-soporte .column1 a:hover {
    text-decoration: none;
}
#caja-soporte .column1 h4 { 
    margin: 0 0 5px 0; 
    font-size: 1.3em; 
    color: #FF0000; 
    font-weight: normal; 
} 
#caja-soporte .column1 h4 a { 
    color: #f00; 
} 
#caja-soporte .column1 h4 a:hover {
    color: #000000;
}
#caja-soporte .column1 p { 
    margin: 0 0 5px 0; 
    line-height: 1.3em; 
    font-size: 0.9em; 
    color: #666666; 
} 
#caja-soporte .column1 strong {
    color: #FF0000;
}
#caja-soporte .column1 hr {
	margin-top: 20px;
}
#caja-soporte .column2 {
	width: 300px;
	float: right;
}
.column3 {
	width: 225px;
	float: right;
}

#content-right .column3 .patrocinados {
	width: 208px !important;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// destacados */
/* Esta es la caja que incluye la navegación por pestañas o tabs inferior que incluye secciones como cursos, agenda, lo más visitado, etc */

.destacados {
    float: left;
    margin: 0 0 7px 0;
    width: 580px;
}

ul#destacados-menu {
/* lista con pestañas superiores */
    margin: 5px 0 -1px 0;
    float: left;
    position: relative;
    z-index: 1000;
    list-style-type: none;
    padding: 0;
}

ul#destacados-menu li {
    *width: 130px;
    height: 20px;
    padding: 5px 5px 0 5px;
    float: left;
    border-top: 1px #ff0000 solid;
    border-left: 1px #ff0000 solid;
    border-right: 1px #ff0000 solid;
    margin-right: 1px;
    color: #999999;
    font-size: 0.8em;
    text-align: center;
}

ul#destacados-menu li.seleccionadoSolapa {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	color: #333333;
	padding-bottom: 1px;
	background: #eeeeee;
}

ul#destacados-menu li.seleccionadoSolapa a {
	color: #ff0000;
}

ul#destacados-menu li a {
	font-size: 1.1em;
	text-decoration: none;
	color: #ff0000;
	text-transform: uppercase;
}

ul#destacados-menu li a:hover {
	color: #ff0000;
}

.destacados-caja { 
    border: 1px solid #cccccc; 
    background: #eeeeee; 
    clear: both; 
    float: left; 
    padding: 0 15px 0 0; 
    font-size: 0.9em; 
    color: #666666; 
    width: 555px; 
    *width: 100%; 
    _width: 550px; 
} 

.destacados-caja p {
	margin: 0 0 7px 10px;
}

.destacados-caja a {
	color: #ff0000 !important;
	text-decoration: none;
}

.destacados-caja a:hover {
	text-decoration: underline;
}

.rssIcono {
	background: url(../images/rss-icono3.gif) no-repeat;
	padding-left: 18px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// content-right-left */
/* Cree esta caja y la siguiente en un inicio para separar la caja #content-right en dos */
#content-right-left {
	background: #FF3300;
	float: left;
	width: 575px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// content-right-right */
#content-right-right {
	background: #00FFFF;
	float: right;
	width: 240px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// texto */
.texto {
	padding: 0 20px 10px 0;
	margin-right: 20px;
	float: left;
	width: 600px;
	border-right: 1px #cccccc dotted;
}

.texto img {
	border: 1px solid #999999;
}

.texto strong {
	color: #FF0000;
}

.texto a {
	color: #FF0000;
}

.texto li {
	margin-bottom: 20px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// mas-secciones */
/* Estilos para el botón para ver más secciones y red Universia*/
#mas-secciones, #red-universia {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 2px 15px 2px 5px;
	position: relative;
	z-index: 10001;
	top: -15px;
	right: -760px;
	font-size: 0.8em;
	background: url(../images/down.gif) no-repeat right;
	text-align: center;
	text-transform: uppercase;
	display: inline;
	margin-left: 2px;
	clear: both;
}

#mas-secciones a, #red-universia a {
	color: #FFFFFF;
	text-decoration: none;
}

a.white {
	color: #FFFFFF !important;
}

.mas-secciones {
	border-left: 1px solid #999999 !important;
	border-right: 1px solid #999999 !important;
	border-top: 1px solid #999999 !important;
	position: relative !important;
	z-index: 10001 !important;
	background: url(../images/down2.gif) no-repeat right #eeeeee !important;
	text-decoration: none !important;
}

.mas-secciones a {
	color: #333333 !important;
}

#secciones, #reduniversia {
	position: absolute;
	background: #EEEEEE;
	border: 1px solid #999999;
	top: 177px;
	z-index: 10000;
	font-size: 0.8em;
	padding: 10px 0 10px 15px;
	display: none;
}

#secciones .universia, #reduniversia .universia {
	background: none !important;
	color: #FF0000;
}

#secciones .universia a, #reduniversia .universia a {
	background: none !important;
	color: #FF0000;
}

#secciones .float-left {
	border-right: 1px dotted #666666;
	margin-right: 10px;
	padding-right: 10px;
}
#secciones p, #reduniversia p { 
            color: #FF0000; 
            font-size: 1.1em; 
            font-weight: bold; 
            margin: 5px 0 0 0; 
            padding: 0; 
}
#secciones h5, #reduniversia h5 {
	color: #FF0000;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#secciones ul, #reduniversia ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#secciones a, #reduniversia a {
	color: #333333;
	text-decoration: none;
}

#secciones a:hover, #reduniversia a:hover {
	text-decoration: underline;
}

#reduniversia .float-left {
	border-right: 1px dotted #666666;
	margin-right: 10px;
	padding-right: 10px;
}
#reduniversia {
	margin-left: 745px;
	*margin-left: -230px;
	padding: 10px 15px;
	width: 200px;
}

#secciones {
	width: 250px !important;
	margin-left: 710px !important;
	*margin-left: -265px !important;
}
.background-none {
	background: none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// fundacion */

.column2-promos { 
    float: left; 
    padding: 5px; 
    margin: 0 0 7px 0; 
    width: 290px; 
} 
.column2-promos img {
    float: left;
    margin: 0 10px 10px 0;
}

.column2-promos h4 { 
    margin: 0 0 5px 0; 
    font-size: 1.2em; 
    font-weight: normal; 
} 
.column2-promos h4 a { 
    color: #FF0000; 
	text-decoration: none;
}
.column2-promos h4 a:hover {
    color: #000000;
}
.column2-promos p { 
    margin: 0 0 5px 0; 
    line-height: 1.3em; 
    font-size: 0.9em; 
    color: #666666; 
} 
.column2-promos strong {
    color: #FF0000;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// chapuza */
/* Capa para anuncios patrocinados */
.chapuza {
	float: right;
	border: 1px solid #CCCCCC;
	width: 200px;
	padding: 10px 5px 10px 10px;
	margin: 0 0 10px 0;
}

html>body .chapuza {
	width: 208px;
}

.chapuza2 {
	width: 270px;
	float: left;
}

html>body .chapuza2 {
	width: 268px;
}

.chapuza a {
	color: #FF0000;
	text-decoration: none;
}

.chapuza a:hover {
	color: #FF0000;
	text-decoration: none;
}

.chapuza h3 {
	font-size: 1em;
	margin: 0 5px 5px 0;
}

.chapuza p {
	margin: 5px 5px 5px 0;
	font-size: 0.9em;
}

/*PARA EL FORMULARIO RECOMENDAR NOTICIA - PROVISIONAL*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////enviarcorreo/////////*/
#enviarcorreo {
	border: 1px solid #CCCCCC;
	background-color: #eeeeee;
	padding: 10px 10px 0 10px;
	margin-top: 20px;
	width: 250px;
	height: 340px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#enviarcorreo h1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	font-size: 0.8em;
	background: url( /disenio20/images/background-recomienda.gif ) no-repeat
		1px;
	padding-left: 15px;
}

#enviarcorreo h2 {
	color: #333;
	font-weight: bold;
	font-size: 0.7em;
}

#enviarcorreo fieldset {
	border: none;
}

#enviarcorreo legend {
	display: none;
}

#enviarcorreo input {
	font-size: 0.7em;
	margin: 3px 0 -5px 0;
}

#enviarcorreo select {
	font-size: 0.7em;
}

#enviarcorreo label {
	color: #333;
	font-size: 0.7em;
}

#enviarcorreo img {
	border: none;
	margin: 0;
}

#enviarcorreo a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	color: #FF0000;
}

#enviarcorreo a:hover {
	text-decoration: underline;
}

.boton-enviar {
	background: #FF0000;
	color: #FFFFFF;
	border: 1px solid #999999;
	margin-left: 10px;
	padding: 1px 3px 1px 3px;
}

.float-left {
	float: left;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// mapa-sitio */
.mapa-sitio {
	margin-bottom: 0;
	padding: 20px;
	width: 933px;
}

.mapa-sitio h3 {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 120px;
	margin: 10px 0 -3px 0;
	background: url( /disenio20/corporativo/images/background-menu-li2.gif )
		repeat-x;
	font-size: 0.9em;
	padding: 5px;
	position: relative;
	z-index: 2;
}

.mapa-sitio h3 strong {
	color: #FF0000;
}

.mapa-sitio-p p {
	margin: 0 0 10px 0;
	border: 1px solid #CCCCCC;
	background: #efefef;
	padding: 5px;
}

.mapa-sitio-p p a {
	font-size: 0.9em;
}

.mapa-sitio-p p a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.mapa-sitio-p h3 {
	background: #efefef;
}

.caja-mp {
	border: 1px #CCCCCC solid;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	background: url( /disenio20/corporativo/images/background-caja1.gif )
		repeat-x;
	margin-bottom: 10px;
	width: 590px;
	position: relative;
	z-index: 1;
	text-align: right;
}

.caja-mp p {
	float: left;
	margin: 0;
}

.caja-mp ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	color: #999999;
}

.caja-mp li {
	display: inline;
}

.caja-mp li a {
	color: #FF0000;
	margin: 0 2px 0 2px;
}

#google {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #CCCCCC;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

#boton-google {
	border: none;
	height: 18px;
	width: 20px;
	*margin: -20px 0 0 3px;  
	position: relative;
	top: 5px;
}

.208px {
	width: 208px;
}

.blog5 {
	padding-left: 35px;
	height: 22px;
	padding-top: 8px;
	background: url(../images/blog5.gif) no-repeat;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// caja-varios */
 
.caja-varios {
    float: right;
    border: 1px solid #CCCCCC;
    width: 200px;
    padding: 10px 5px 10px 10px;
    margin: 0 0 10px 0;
}
 
html>body .caja-varios {
    width: 208px;
}
 
.caja-varios2 {
    width: 270px;
    float: left;
}
 
html>body .caja-varios2 {
    width: 268px;
}
 
.caja-varios a {
    color: #FF0000;
    text-decoration: none;
}
 
.caja-varios a:hover {
    color: #FF0000;
    text-decoration: none;
}
 
.caja-varios h3 {
    font-size: 1em;
    margin: 0 5px 5px 0;
}
 
.caja-varios p {
    margin: 5px 5px 5px 0;
    font-size: 0.9em;
}


#content-left {
    width: 149px;
    height: 100%;
    float: left;
    padding: 0;
    font-size: 0.9em;
}

.intermedio {
	clear: both;
	margin-bottom: 7px;
}

.promos {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 7px;
	clear: both;
    font-size: 0.9em;
}

.videos h4, .videos p {
	margin: 0;
}

.promos a {
	color: #FF0000;
}

.videos {
	float: left;
	width: 250px;
}

#flashcontent {
	margin-bottom: 7px;
	float: right;
	width: 223px;
}

#enconstruccion {
	background: url(../images/flecha.gif) no-repeat;
	padding: 0 0 20px 350px;
	float: left;
	margin-top: 20px;
}

#enconstruccion h2 {
	font-size: 3em;
	margin: 0 0 0 10px;
}

.hr { 
	clear: both; 
	margin-bottom: 15px; 
} 
#secciones li, #reduniversia li { 
	padding-left: 5px; 
} 
.destacados-caja li { 
	margin-bottom: 7px; 
} 
#caja-soporte {
	font-size:1.1em;
}