/*
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 */
	padding: 2px 5px 0 5px;
}
#menu li a{
	width: 148px; /* Modificando la anchura añadimos o reducimos pestañas al menu */
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 

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;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 

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{
	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: 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 !important;
	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: 5px 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: #000000;
    font-weight:normal!important;
	text-decoration: none;
}
.destacados-caja a:hover{
	text-decoration: none;
    color: #ff0000;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////// 

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;
	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: 1000001 !important;
	background: #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: 1000000;
	font-size: 0.8em;
	padding: 10px 15px 10px 15px;
	display: none;
	margin-left: 690px;
}

#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: 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: 5px 0 0 745px;
	padding: 10px 15px;
	width: 200px;
}

#secciones {
	width: 250px !important;
	margin: 5px 0 0 695px !important;
}

.background-none {
	background: none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 

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;
}

.boton-actualizarDatos a
{ background:url(boton-back.gif) no-repeat;
  display:block;
  width:180px;
  height:30px;
  color:#FFF !important;
  text-align:center;
  font-size:1.4em;
  font-weight:bold;
  padding-top:10px;
  float: left;
  margin: 5px 0 0 380px;}