/*
Title:      Universia España master styles for screen media
Author:     jandropoch, Universia España
Updated:    Jul 05 2007
*/

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 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: 148px; /* 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: 148px; /* 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 {
	width: 144px;
	height: 100%;
	float: left;
	padding: 0 5px 0 0;
	font-size: 0.9em;
}
#content-left ul{
	margin: 0;
}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 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: 824px;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// patrocinados */

/* Capa para anuncios patrocinados */

.patrocinados {
	float: right;
	border: 1px solid #CCCCCC;
	width: 200px;
	padding: 0 5px 10px 10px;
	margin: 0 0 10px 0;
}
html>body .patrocinados {
	width: 208px;
	
}
.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;
}
html>body #caja-soporte {
	margin: 0 7px 0 5px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// video */

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

.video {
	background: #eeeeee;
	border: 1px solid #bbbbbb;
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
	width: 255px;
}
.video a{
	color: #666666;
}
.video a:hover{
	text-decoration: none;
}
.video h4{
	margin: 0 0 5px 0;
	font-size: 1.1em;
}
.video h4 a{
	color: #FF0000;
}
.video h4 a:hover{
	color: #000000;
}
.video p{
	margin: 0 0 5px 0;
	line-height: 1.1em;
	font-size: 0.9em;
	color: #666666;
}
.video strong{
	color: #FF0000;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 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;
	width: 580px;
	margin: 0 0 10px 0;
}
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: 90px;
	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;
}
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;
	text-align: center;
}
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 { /* caja con los contenidos de cada pestaña */
	border: 1px solid #cccccc;
	background: #eeeeee;
	clear: both;
	float: left;
	padding: 15px 10px 0 10px;
	margin-bottom: 10px;
	width: 555px;
	font-size: 0.9em;
	color: #666666;
}
.destacados-caja p{
	margin: 0 0 7px 10px;
}
.destacados-caja a{
	color: #ff0000;
	text-decoration: none;
}
.destacados-caja a:hover{
	text-decoration: underline;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// 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(../corporativo/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(../corporativo/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 15px 10px 15px;
	display: none;
	margin-left: 700px;
}
#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 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 {
	padding: 10px 20px 10px 25px;
	margin-left: 760px;
}
.background-none {
	background: none;
}
#sub-header { /* Para solucionar el height adicional resultado de añadir los botones red-universia y universia.es */
	margin-top: -10px;
}

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

#fundacion {
	border: 1px solid #CCCCCC;
	float: left;
	padding: 5px;
	margin: 5px 0 5px 0;
	width: 283px;
}
#fundacion img{
	float: left;
	margin: 0 10px 10px 0;
}
#fundacion h4{
	margin: 0 0 5px 0;
	font-size: 1.1em;
}
#fundacion h4 a{
	color: #FF0000;
}
#fundacion h4 a:hover{
	color: #000000;
}
#fundacion p{
	margin: 0 0 5px 0;
	line-height: 1.1em;
	font-size: 0.9em;
	color: #666666;
}
#fundacion strong{
	color: #FF0000;
}