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

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

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

.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 */
.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;
	color: #FF0000;
}

.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 {
	margin: 0 0 10px 0;
}

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

ul#destacados-menu li {
    height: 20px;
    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;
	padding: 5px 10px 0 10px;
	margin-bottom: 10px;
	font-size: 0.9em;
	color: #666666;
}

.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 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: 1em;
	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-left: 745px;
	padding: 10px 15px;
	width: 200px;
}

#secciones {
	width: 255px;
}

.background-none {
	background: none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// fundacion */
#fundacion {
	border: 1px solid #CCCCCC;
	float: left;
	padding: 5px;
	margin: 10px 0 10px 0;
	width: 290px;
}

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

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

.alonso img {
	border: 1px solid #CCCCCC;
}

.fernando img {
	border: none !important;
}

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