/*  */

/****************Estilos cabecera****************/

#top {
clear:both;
height:148px;
padding:0;
margin:0;
}

#top .derechos{
float:right;
clear:both;
/*height: 18px;
margin: 15px 6px 0 0; según psd*/
height: 16px;
margin: 5px 6px 0 0; /*según jpg*/
font-size:0.85em;
}

#top h1{
/*margin:0;*/
margin:0 0 0 105px;
/*clear:both;*/
height:115px;
padding:0;
background: url(../img/logo_arenamir.jpg) no-repeat;
text-indent:-9999px;
}

/********** estilos menu superior *********/

#menusuperior {
margin:4px 0 0 0;
padding:0 0 0 0;
height: 23px;
position: relative;
background: url(../img/bgmenusuperior.png) top repeat-x;
border:1px solid #CCCCCC;
width: 953px;
}


#menusuperior ul{
margin: 0;
padding: 0 0 0 0 /*120px*/;
line-height: 23px;
height: 23px;
width: /*835*/953px;
}

#menusuperior ul li {
display: block;
float: left;
}


#menusuperior ul li a,
#menusuperior ul li a span {
	display: block;
	height: 23px;
}

#menusuperior ul li a {
	position: relative;
	text-decoration: none;
}

#menusuperior ul li a span {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: left -23px no-repeat;
	z-index: 10;
}

#menusuperior ul li a:hover span,
#menusuperior ul li#link_inicio a span,
#menusuperior ul li#link_mir a span,
#menusuperior ul li#link_suscripcion a span,
#menusuperior ul li#link_noticias a span,
#menusuperior ul li#link_tour a span,
#menusuperior ul li#link_mobile a span,
#menusuperior ul li#link_contacto a span,
#menusuperior ul li#link_queesarenamir a span,
#menusuperior ul li#link_mejoraarenamir a span {
	background-position: left bottom;
}

#menusuperior ul li#link_inicio {
	width: 54px;
}

#menusuperior ul li#link_mir {
	/*width: 80px;*/
	width: 71px;	
}

#menusuperior ul li#link_suscripcion {
	width: 92px;
}

#menusuperior ul li#link_noticias {
	width: 100px;
}

/*
#menusuperior ul li#link_tour {
	width: 95px;
}
*/

#menusuperior ul li#link_mobile {
	width: 86px;
}

#menusuperior ul li#link_contacto {
	width: 82px;
}

#menusuperior ul li#link_queesarenamir {
	width: 120px;
}

#menusuperior ul li#link_mejoraarenamir {
	width: 120px;
}

#menusuperior ul li#link_entrenamiento{
	width: 110px;
}

#menusuperior ul li#link_examenes {
	width: 77px;
}

#menusuperior ul li#link_planestudio {
	width: /*115*/112px;
}

#menusuperior ul li#link_estadisticas {
	width: /*93*/90px;
}

#menusuperior ul li#link_comunicarme {
	width: 54px; /*100px;*/
}

#menusuperior ul li#link_miarchivo {
	width: 79px;
}

#menusuperior ul li#link_materialadicional {
	width: 134px;
}

#menusuperior ul li#link_espacio {
	width: 46px;
}

#menusuperior ul li#link_mosby {
	width: 126px;
}

#menusuperior ul li#link_inicio a span {
	background-image: url("../img/menu_inicio.png");
}

#menusuperior ul li#link_mir a span {
	background-image: url("../img/menu_mir2.png");
}

#menusuperior ul li#link_noticias a span {
	background-image: url("../img/menu_noticias.png");
}

/*
#menusuperior ul li#link_tour a span {
	background-image: url("../img/menu_tour.png");
}
*/

#menusuperior ul li#link_suscripcion a span {
	background-image: url("../img/menu_suscripcion.png");
}

#menusuperior ul li#link_mobile a span {
	background-image: url("../img/menu_mobile.png");
}

#menusuperior ul li#link_contacto a span {
	background-image: url("../img/menu_contacto.png");
}

#menusuperior ul li#link_entrenamiento a span {
	background-image: url("../img/menu_entrenamiento.png");
}

#menusuperior ul li#link_examenes a span {
	background-image: url("../img/menu_examenes.png");
}

#menusuperior ul li#link_planestudio a span {
	background-image: url("../img/menu_planestudio.png");
}

#menusuperior ul li#link_estadisticas a span {
	background-image: url("../img/menu_estadisticas.png");
}

#menusuperior ul li#link_comunicarme a span {
	background-image: url("../img/menu_tutor.png");
}

#menusuperior ul li#link_queesarenamir a span {
	background-image: url("../img/menu_queesarenaMIR.png");
}

#menusuperior ul li#link_mejoraarenamir a span {
	background-image: url("../img/menu_mejora.png");
}

#menusuperior ul li#link_miarchivo a span {
	background-image: url("../img/menu_miarchivo.png");
}

#menusuperior ul li#link_materialadicional a span {
	background-image: url("../img/menu_materialadicional.png");
}

#menusuperior ul li#link_spacio a span {
	background-image: url("../img/transparent.gif");
	
}

#menusuperior ul li#link_mosby a span {
	background-image: url("../img/menu_mosby.png");
	
}

.mosby{
background-color:#EEEEEE;
border:1px solid #CCCCCC;
padding:2px 2px 2px 2px;
left:826px;
position:absolute;
width:122px;
display:none;
}

/********** para frase home ****/
/*#frase{
	clear:both;
	font-family: Georgia, "Book Antiqua", serif;
	font-size: 1.5em;
	font-style: italic;
	text-align:center;

	margin:8px 0 8px 0;
}*/

.textofrase{
	color: #FF9900;
	font-family: Georgia, "Book Antiqua", serif;
	font-style: italic;
	font-size: 1.8em;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;	
}

.textofrase cite{
	font-style: italic;
    color: #444444;
	font-size:0.7em
}

/********** estilos path *********/
#barra{
width: 955px;
height:30px;
padding:0 0 0 0;
margin:0 0 18px 0;
/*background-color: #DDDDDD;*/
background:url(../img/bg_path.png) no-repeat;
}

#barra .pathT {
clear:both;
float: left;
}

#barra .pathT ul{
list-style:none;
margin:0 0 0 0;
padding:8px 0 0 10px;
display:block;
}

#barra .pathT ul li{
float:left;
color:#282828;
padding: 0 3px 0 3px;
font-size:1em;
}

#barra .pathT ul li a{
color:#282828;
background:url(../img/bullet_path.gif) no-repeat right 5px;
padding:0 12px 0 0;
}

#barra .pathT ul li a:hover{
color:#6E6E6E;
}

#barra .pathT ul li a.first{
font-weight:bold;
padding-left:5px;
}

#barra .datoscli{
float: right;
margin:0;
padding:8px 10px 0 0;
}

#barra .datoscli span{
padding:0 5px 0 5px;
}

/***********************Estilos mensaje**************************/

#mensaje{
clear: both;
padding:0 0 0 0px;
margin:0;
}

#mensaje h2{
padding:6px 0 8px 30px;
font-weight: bold;
background:url(../img/icoinfo.png) no-repeat left -3px;
color: #369CE6;/*006FC5;*/
}

#mensaje h3{
padding:6px 0 8px 30px;
font-weight: bold;
color: #369CE6;
font-size: 12pt;
}

#mensaje .menu{
margin:0;
width:auto;
padding:0px 0px 0px 0px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
}

#mensaje .menu ul{
list-style:none;
margin:0;
padding:0;
display:block;
}

#mensaje .menu ul li{
float:left;
padding:3px 3px 3px 3px;
}

#mensaje .menu ul li a{
color: #6E6E6E;
font-weight: bold;
padding: 0 8px 0 0px;
font-size:1.1em;
text-decoration: none;
}

#mensaje .menu ul li a:hover{
color:#0073A7;
/*text-decoration: underline;*/
}

#mensaje .menu ul li .last{
background:none;
}


/***********************Estilos columnas**************************/

#portal-columns {
clear: both;
width: auto; 
margin:0;
padding:0;
min-height:400px;
_height:400px;
}

/***********************Estilos columna izquierda home**************************/

#portal-column-one {
margin:0;
padding:0;
float: left;
width: /*735*/719px;
}

#portal-column-one .cuadro1{ /*para el flash */
background-color: transparent;
}

#portal-column-one h3{
font-weight:bold;
font-size:1.1em;
margin:0;
padding:5px 0 5px 5px;
}

#portal-column-one .presentacion{
margin:0px 0px 15px 0px;
padding:0 0 20px 0;
background-color: transparent; 
border:1px solid #CCCCCC;
}

#portal-column-one .presentacion h2{
margin:0px 0px 0px 0px;
padding:2px 2px 2px 4px;
font-size:1.2em;
height: 25px;
font-weight: bold;
color: #444444;
background:url(../img/fondoTitular2.png) repeat-x;
}

#portal-columns table.suscripcion{
width:315px;
}

#portal-columns table.suscripcion th{
color:#369CE6;
margin:0;
padding:5px;
text-align:center;
font-size:1.4em;
font-weight:bold;
text-align:center;
padding-top:20px;
border-bottom:1px solid #DDDDDD;
}

#portal-columns table.suscripcion td{
text-align:left;
font-size:1em;
font-weight:bold;
padding-top:20px;
padding-right:5px;
padding-left:5px;
}

#portal-columns table.suscripcion a{
color:#444444;
font-size:1em;
text-decoration:none;
}

#portal-columns table.suscripcion a:hover{
color:#369CE6;
}

#portal-column-one .cita{
margin:4px 0px 0px 0px;
padding:2px 2px 2px 4px;
font-size:1.1em;
font-weight: bold;
font-style:italic;
}

#portal-column-one .subtitulo{
margin:10px 0px 0px 0px;
padding:2px 2px 2px 4px;
line-height: 16px;
font-size:1.2em;
}

#portal-column-one .foto{
padding:0 16px 0 16px;
width:180px;
float:right;
}

#portal-column-one .fotoGr{
padding:0 20px 0 20px;
text-align:center;
float:right;
}

#portal-column-one .texto{
margin:10px 0px 0px 0px;
padding:2px 2px 2px 4px;
line-height: 16px;
color: #444444;
font-size:1.1em;
float:left;
/*width:486px;*/
}

#portal-column-one .textoGr{
margin:10px 0px 0px 0px;
padding:2px 2px 2px 4px;
line-height: 16px;
color: #444444;
font-size:1.1em;
}

#portal-column-one .equipo{
width: 620px;
margin:40px 0px 0px 50px;
}

#portal-column-one  .equipo h3{
float:left;
}

#portal-column-one  .equipo strong{
font-size:1.1em;
font-weight:bold;
color:#369CE6;
}

#portal-column-one  .equipo em{
font-size:1.1em;
font-style:italic;
color:#444444;
}

#portal-column-one  .equipo b{
color:#369CE6;
}


#portal-column-one  .equipo th,
#portal-column-one  .equipo td{
padding:4px;
border-bottom:1px solid #369CE6;
}

#portal-column-one  .equipo th{
text-align:left;
padding:5px;
color:#FFFFFF;
background:#369CE6;
background: url(../img/bg_farreras.jpg) no-repeat;
}

#portal-column-one .equipo #creador,
#portal-column-one .equipo #director,
#portal-column-one .equipo #subdirector,
#portal-column-one .equipo #equipoedi{
width: 593px;
margin-left:5px;
margin-top:10px;
padding:0 10px 0 10px;
font-size:1.1em;
font-style:italic;
border-left:30px solid #FF9933;
}

#portal-column-one .pie{
margin:10px 0px 0px 0px;
padding:2px 2px 2px 4px;
line-height: 16px;
font-size:0.9em;
font-weight:bold;
}


#portal-column-one .cuadro2,
#portal-column-one .cuadro3{
margin:14px 0 0 0;
padding:0;
width: 357px;
background-color: transparent;
}

#portal-column-one .cuadro2{
float:left;
}

#portal-column-one .cuadro3{
float:right;
}

#portal-column-one .cuadro2 h2, 
#portal-column-one .cuadro3 h2{
font-size:1.1em;
border:0;
height:25px;
text-indent:-9999px;
width:357px;
}

#portal-column-one .cuadro2 h2{
background:url(../img/h2_noticiashome.png) no-repeat;
}

#portal-column-one .cuadro3 h2{
/*background:url(../img/h2_tourhome.png) no-repeat;*/
background:url(../img/h2_blogrozman.png) no-repeat;
}

#portal-column-one .cuadro2 .noticiashome,
#portal-column-one .cuadro3 .noticiashome{
text-indent:0;
border:1px solid #CCCCCC;
padding:13px 13px 0 6px;
min-height:125px;
_height:125px;
}

#portal-column-one .cuadro2 .noticiashome ul,
#portal-column-one .cuadro3 .noticiashome ul{
padding:0;
margin:0;
}

#portal-column-one .cuadro2 .noticiashome ul li{
margin:0 0 0 0;
display:block;
float: left;
height:92px;
}

#portal-column-one .cuadro3 .noticiashome ul li{
margin:0 0 0 0;
display:block;
float: left;
height:90px;
}

#portal-column-one .cuadro2 .noticiashome ul li img,
#portal-column-one .cuadro3 .noticiashome ul li img{
float: left;
border:1px solid #CCCCCC;
}


#portal-column-one .cuadro2 .noticiashome ul li a,
#portal-column-one .cuadro3 .noticiashome ul li a{
font-size:1.1em;
color: #0270BA;
font-weight: bold;
text-decoration: none;
margin:0 0 0 8px;
}

#portal-column-one .cuadro2 .noticiashome ul li a:hover,
#portal-column-one .cuadro3 .noticiashome ul li a:hover{
color:#444444;
/*text-decoration: underline;*/
}

#portal-column-one .cuadro2 .noticiashome p,
#portal-column-one .cuadro3 .noticiashome p{
font-size:1.1em;
line-height:1.2em;
margin:0 0 15px 80px;
}



/*#portal-column-one .cuadro3 .tourhome{
text-indent:0;
min-height:285px;
_height:285px;	
}*/

.separador{
clear:both;
margin:9px 0 9px 0;
border-bottom:1px solid #ccc;
}


.masinfo{
float:right;
margin-right:3px;
}

.masinfo a{
color:#0073A7;
padding-right: 10px;
background:url(../img/right.gif) no-repeat right;
text-decoration:none;
}

.masinfo a:hover{
text-decoration:underline;
}

/***********************Estilos columna derecha home**************************/

#portal-column-two {
float: right;
margin: 0;
padding:0;
width: 200px;
overflow: hidden;
}

#portal-column-two a{
text-decoration: none;
}

#portal-column-two .login{ /* estilo em en main.css para rojo mensaje usuario erroneo*/
background: url(../img/bgloginNar.jpg) no-repeat;
height:200px;
width:200px;
margin:0 0 19px 0;
}

#portal-column-two .login h2{
padding:75px 0 0 17px; /*90px 0 0 17px;*/
}

#portal-column-two .login .itemFormLogin{
float:left;
width:70px;
padding:0 0 2px 0;
}

#portal-column-two .login label{
padding:9px 0 0 20px;
}

#portal-column-two .login .itemInputFormLogin{
float:left;
padding:0 0 2px 0;
width:110px;
}

#portal-column-two .login .enviarlogin{
border:none;
width:16px;
height:12px;
margin-left:6px;
background: url(../img/icoenviar.gif) no-repeat;
cursor:pointer;
}

#portal-column-two .login .recuperar{
margin:2px 10px 0 10px;
padding:2px 0 0 0;
text-align:center;
border-top:1px dotted #333333;
}

#portal-column-two .login .recuperar a{
font-weight:bold;
text-decoration:none;
}

#portal-column-two .cuadro,
#portal-column-two .cuadro2,
#portal-column-two .cuadro3{
/*background: url(../img/bgcuadros.png) no-repeat;*/
width:200px;
margin:0 0 19px 0;
padding-left:17px;
}

#portal-column-two .cuadro {
background: url(../img/bgcuadrosNar.png) no-repeat;
height:147px;
}

#portal-column-two .cuadro2{
background: url(../img/bgcuadrosNarMobile.jpg) no-repeat;
height:80px;
}

#portal-column-two .cuadro3{
background: url(../img/bgcuadrosNarExperts.jpg) no-repeat;
height:80px;
}

#portal-column-two .cuadro h2,
#portal-column-two .cuadro2 h2,
#portal-column-two .cuadro3 h2  {
padding-top:8px;
}

#portal-column-two .tempo{
float:left;
margin:2px 0 0 -3px;
}

#portal-column-two .cuadro2 p.cell,
#portal-column-two .cuadro3 p.cell{
font-size:1em;
font-weight:normal;
line-height:1.2em;
padding:2px 0 0 0;
}

#portal-column-two .cuadro2 p.cell img,
#portal-column-two .cuadro3 p.cell img{
float: right;
margin:0 2px 0 0;
padding:0 17px 0 0;
}


#portal-column-two .cuadro p.farreras{
font-size:1.1em;
line-height:1.2em;
padding:2px 7px 0 0;
}

#portal-column-two .cuadro p.farreras img{
float: left;
margin:0 0 0 0;
padding:0 7px 0 0;
}

#portal-column-two .cuadro .pie{
margin:2px 30px 0 0;
padding:2px 0 0 0;
text-align:center;
border-top:1px dotted #333333;
font-weight:bold;
text-decoration:none;
line-height: 10px;
}

/***********************Estilos columna única**************************/



#portal-column-unica {
clear:none;
width: auto; 
margin:5px 0 0 0;
padding:0;
}
#portal-column-unica .areapersonal{
float:left;
height:137px;
width:227px;
margin:0 15px 19px 0;
}



/***********************Estilos tituales iconos**************************/
.areacliente{
border:0;
}

.areacliente h2{
padding:18px 0 0 35px;
margin-bottom:15px;
color: #369CE6;
font-weight: bold;
border-bottom: 1px solid #369CE6;
font-size:1.3em;
}

.areacliente h2.plan{
background:url(../img/icoplan.png) no-repeat left;
}
.areacliente h2.entreno{
background:url(../img/icoentreno.png) no-repeat left;
}
.areacliente h2.simulacion{
background:url(../img/icosimulacion.png) no-repeat left;
}
.areacliente h2.simulacro{
background:url(../img/icosimulacion.png) no-repeat left;
/*background:url(../img/icosimulacro.png) no-repeat left;*/
}
.areacliente h2.estadisticas{
background:url(../img/icoestadisticas.png) no-repeat left;
}
.areacliente h2.tutoria{
background:url(../img/icotutoria.png) no-repeat left;
/*background:url(../img/icotutoria.png) no-repeat left 8px;*/
}
.areacliente h2.tutor{
background:url(../img/icotutoria.png) no-repeat left;
/*background:url(../img/icomedico.png) no-repeat left 8px;*/
}
.areacliente h2.relacion{
background:url(../img/icotutoria.png) no-repeat left;
/*background:url(../img/icorelacion.png) no-repeat left 8px;*/
}

.areacliente h2.archivo{
background:url(../img/icoarchivo.png) no-repeat left;
/*background:url(../img/icoarchivo.png) no-repeat left 8px;*/
}

.areacliente h2.carpetas{
background:url(../img/icoarchivo.png) no-repeat left;
/*background:url(../img/icocarpetas.png) no-repeat left;*/
}
.areacliente h2.miscarpetas{
background:url(../img/icoarchivo.png) no-repeat left;
/*background:url(../img/icomiscarpetas.png) no-repeat left;*/
}
.areacliente h2.notas{
background:url(../img/icoarchivo.png) no-repeat left;
/*background:url(../img/iconotas.png) no-repeat left;*/
}
.areacliente h2.apuntes{
background:url(../img/icoarchivo.png) no-repeat left;
/*background:url(../img/icoapuntes.png) no-repeat left;*/
}
.areacliente h2.mal{
background:url(../img/icomal.png) no-repeat left;
}

.areacliente h2.ayuda{
background:url(../img/icoAyuda.png) no-repeat left;
}


.areacliente h2.buscararchivo{
color:#444444; 
font-weight: bold; 
font-size:1.10em;
border:none;
padding:12px 0 0 35px;
background:url(../img/icobuscararchivo.png) no-repeat left 8px;
}
.areacliente h2.datos{
background:url(../img/icodatos.png) no-repeat left;
}
.areacliente h2.material{
background:url(../img/icomaterial.png) no-repeat left;
}

.areacliente h3{
padding:2px 0 0 8px;
margin:0 0 2px 0;
background:url(../img/right.gif) no-repeat left;
color: #666666;
font-weight: bold;
font-size:1.1em;
}

/*.areacliente #paginaHTML h5{
padding:5px 0 0 10px;
margin-bottom:2px;
color: #369CE6;
font-weight: bold;
font-size:1.15em;
}*/

.areacliente .texto{
padding:2px 0 0 0px;
margin-bottom:10px;
color: #444444;
font-size:1.1em;
}

.areacliente table.suscripcion{
width:360px;
}

.areacliente table.suscripcion th{
color:#369CE6;
margin:0;
padding:5px;
text-align:left;
font-size:1.05em;
font-weight:bold;
text-align:center;
border-bottom:1px solid #DDDDDD;
}

.areacliente table.suscripcion a{
color:#444444;
font-size:1.1em;
}

.areacliente .ayudaareamir{
padding-left:10px;
padding-bottom: 50px;
font-size:1.2em;
}

.areacliente .ayudaareamir h3{
padding:2px 0 0 38px;
margin:24px 0 2px 0;
background:url(../img/dedo.gif) no-repeat left;
color: #666666;
color: #369CE6;
font-weight: bold;
text-transform:uppercase;
text-decoration:underline;
}

.areacliente .ayudaareamir p{
padding-left:40px;
}

.areacliente .ayudaareamir ul {
padding-left:80px;
list-style-type: square;
list-style-image: url(../img/right.gif);
}

.areacliente .ayudaareamir ul li{
padding-left:0;
}

#paginaHTML {
font-size:1.1em;
border:1px solid #dedede;
padding:15px;
}

#paginaHTML ol{
list-style-type: decimal;
padding-left:25px;
}

/**********Estils Plan de estudios***********/

.areacliente .planestudios {
width:952px;
}

.areacliente .planestudios .menuplan{
width:235px;
float:left;
padding-top:30px;
}

.areacliente .planestudios .menuplan li{
color: #369CE6;
font-size:1.05em;
font-weight:bold;
padding:4px;
}

.areacliente .planestudios .menuplan a{
color: #369CE6;
font-weight:bold;
background:url(../img/right.gif) no-repeat left;
padding-left:10px;
text-decoration:none;
}

.areacliente .planestudios #introduccion,
.areacliente .planestudios #planintro,
.areacliente .planestudios #vueltas,
.areacliente .planestudios #recomendaciones,
.areacliente .planestudios #tablas{
width: 679px;
margin-left:237px;
margin-top:10px;
padding:0 10px 0 10px;
font-size:1.1em;
font-style:italic;
border-left:10px solid #FF9933;
}

.areacliente .planestudios #tablas th,
.areacliente .planestudios #tablas td{
font-style: normal;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:2px;
}

.areacliente .planestudios #tablas th{
text-align:left;
font-weight:normal;
border-left:1px solid #CCCCCC;
}

.areacliente .planestudios h3{
color: #369CE6;
padding:2px 0 0 38px;
background:url(../img/dedo.gif) no-repeat left;
}

.areacliente .planestudios h4{
padding:10px 0 10px 8px;
background:url(../img/right.gif) no-repeat left;
color: #666666;
font-weight: bold;
font-size:1.1em;
}

.areacliente .planestudios ul.presentacion {
padding-left:40px;
list-style-type: square;
list-style-image: url(../img/right.gif);
font-size:1.1em;
}

.areacliente .planestudios table.listado{
margin-bottom:0;
}

.areacliente .planestudios .treeplan1 ul{
padding-left:0;
font-size:1.1em;
}

.areacliente .planestudios .treeplan1 li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(../img/cuadro.gif) no-repeat left 4px;
list-style-type: none;
padding-left: 10px;
margin-bottom: 0;
}

.areacliente .planestudios .treeplan1 li.actual{ /*Style for LI ACTUAL elements in general (excludes an LI that contains sub lists)*/
background: white url(../img/actual.gif) no-repeat left 3px;
font-size:1.1em;
color: #FB0A10;
padding-left:22px;
}

.areacliente .planestudios .treeplan1 li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../img/ftv2pnode.gif) no-repeat left 4px;
cursor: hand !important;
cursor: pointer !important;
margin-left:5px;
}


.areacliente .planestudios .treeplan1 li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.areacliente .planestudios .treeplan1 .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.areacliente .planestudios .treeplan2 ul{
width:725px;
padding-left:40px;
font-size:1.1em;
}

.areacliente .planestudios .vuelta{
font-weight: bold;
font-size:1.1em;
padding: 5px 0 5px 8px;
border-bottom:1px solid #ccc;
}

.areacliente .planestudios .asignatura{
padding: 5px 0 5px 8px;
color: #369CE6;
border-bottom:1px solid #ccc;
}


.areacliente .planestudios .fecha,
.areacliente .planestudios .fechasig{
width:90px;
height:8px;
padding:5px;
margin:1px;
text-align:right;
border:1px solid #79A7E3;
}

.areacliente .planestudios .fecha{
background: white url(../img/bg_fecha.gif) repeat-x;
}

.areacliente .planestudios .fechasig{
background: white url(../img/bg_fechasig.gif) repeat-x;
}

.areacliente .planestudios .asignatura1,
.areacliente .planestudios .asignatura2,
.areacliente .planestudios .asignatura3,
.areacliente .planestudios .asignatura4,
.areacliente .planestudios .asignatura5,
.areacliente .planestudios .asignatura6,
.areacliente .planestudios .asignatura7,
.areacliente .planestudios .asignatura8,
.areacliente .planestudios .asignatura9,
.areacliente .planestudios .asignatura10,
.areacliente .planestudios .asignatura11,
.areacliente .planestudios .asignatura12,
.areacliente .planestudios .asignatura13,
.areacliente .planestudios .asignatura14,
.areacliente .planestudios .asignatura15,
.areacliente .planestudios .asignatura16,
.areacliente .planestudios .asignatura17,
.areacliente .planestudios .asignatura18,
.areacliente .planestudios .asignatura19,
.areacliente .planestudios .asignatura20,
.areacliente .planestudios .asignatura21,
.areacliente .planestudios .asignatura22,
.areacliente .planestudios .finvuelta{
width:90px;
height:27px;
padding:5px;
margin:1px;
text-align:center;
border:1px solid #79A7E3;
}

.areacliente .planestudios .asignatura1,
.areacliente .planestudios .asignatura5,
.areacliente .planestudios .asignatura9,
.areacliente .planestudios .asignatura13,
.areacliente .planestudios .asignatura17,
.areacliente .planestudios .asignatura21{
background: white url(../img/bg_asignatura1.gif) repeat-x;
}

.areacliente .planestudios .asignatura2,
.areacliente .planestudios .asignatura6,
.areacliente .planestudios .asignatura10,
.areacliente .planestudios .asignatura14,
.areacliente .planestudios .asignatura18,
.areacliente .planestudios .asignatura22{
background: white url(../img/bg_asignatura2.gif) repeat-x;
}

.areacliente .planestudios .asignatura3,
.areacliente .planestudios .asignatura7,
.areacliente .planestudios .asignatura11,
.areacliente .planestudios .asignatura15,
.areacliente .planestudios .asignatura19{
background: white url(../img/bg_asignatura3.gif) repeat-x;
}

.areacliente .planestudios .asignatura4,
.areacliente .planestudios .asignatura8,
.areacliente .planestudios .asignatura12,
.areacliente .planestudios .asignatura16,
.areacliente .planestudios .asignatura20{
background: white url(../img/bg_asignatura4.gif) repeat-x;
}

.areacliente .planestudios .festa,
.areacliente .planestudios .messig{
width:50px;
height:27px;
padding:25px;
margin:1px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
border:1px solid #79A7E3;
}
.areacliente .planestudios .festa{
background: white url(../img/bg_festa.gif) repeat-x;
}

.areacliente .planestudios .messig{
background: white url(../img/bg_messig.gif) repeat-x;
}

.areacliente .planestudios .finvuelta{
background: #000000;
color:#FFFFFF;
font-weight:bold;
height:17px;
padding-top:15px;
}

.areacliente .planestudios ul.herramientas{
display:block;
padding-top:3px;
padding-bottom:2px;
}

.areacliente .planestudios li.hitem{
padding-top:3px;
padding-bottom:2px;
}

.areacliente .planestudios li.hitemlast{
padding-bottom:10px;
}

.areacliente .planestudios ul.herramientas a{
text-decoration:none;
font-weight:normal;
font-size:1.02em;
padding-left:5px;
}

.areacliente .planestudios ul.herramientas a:hover{
text-decoration:underline;
}
/**********Estils Taules ***********/

.areacliente table.listado{
margin-bottom:15px;
width: 80%;
}

.areacliente table.listado th{
color:#369CE6;
margin:0;
padding:0;
text-align:left;
font-size:1.05em;
font-weight:bold;
}

.areacliente table.listado th.detalle, table.listado td.detalle{
padding: 5px 0 5px 8px;
border-bottom:1px solid #ccc;
/*float:left;*/
}

.areacliente table.listado img.orden1{
padding-left: 5px;
}

.areacliente table.listado p{
margin:0;
padding:0;
text-align:left;
font-size:1.01em;
float:left;
}

.areacliente table.listado td.detalle p.pendiente, .pendiente{
color:#FF6600;
font-weight:bold;
}

.areacliente table.listado td.detalle p a.realizar{
color:#333;
text-decoration:underline;
}

.areacliente table.listado td.detalle p.superado, .superado{
color:#66CC00;
font-weight:bold;
}

.areacliente table.listado tfoot td{
background:#E6E4DF;
padding:5px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.areacliente table.listado tfoot td label{
color:#333;
font-size:1.05em;
padding-right:10px;
}

.areacliente table.listado tfoot td select{
font-size:1em;
color:#333;
font-weight:bold;
border:1px solid #ccc;
}

/**********Estils listado al 100%***********/

.areacliente table.listado1{
margin-bottom:15px;
width: 100%;
}

.areacliente table.listado1 th{
color:#369CE6;
margin:0;
padding:0;
text-align:left;
font-size:1.05em;
font-weight:bold;
}

.areacliente table.listado1 th.detalle, table.listado1 td.detalle{
padding: 5px 0 5px 8px;
border-bottom:1px solid #ccc;
/*float:left;*/
}

.areacliente table.listado1 img.orden1{
padding-left: 5px;
}

.areacliente table.listado1 p{
margin:0;
padding:0;
text-align:left;
font-size:1.01em;
float:left;
}

.areacliente table.listado1 td.detalle p.pendiente{
color:#FF6600;
font-weight:bold;
}

.areacliente table.listado1 td.detalle p a.realizar{
color:#333;
text-decoration:underline;
}

.areacliente table.listado1 td.detalle p.superado{
color:#66CC00;
font-weight:bold;
}

.areacliente table.listado1 tfoot td{
background:#E6E4DF;
padding:5px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.areacliente table.listado1 tfoot td label{
color:#333;
font-size:1.05em;
padding-right:10px;
}

.areacliente table.listado1 tfoot td select{
font-size:1em;
color:#333;
font-weight:bold;
border:1px solid #ccc;
}


/***********************Estilos formulario**************************/

.formulario{
border:0;
}

.formulario .cuadro{
background: url(../img/bgcuadros.png) no-repeat;
height:147px;
width:200px;
margin:0 0 19px 0;
padding-left:17px;
}

.formulario h1{
padding:18px 0 0 0px;
margin-bottom:15px;
/*background:url(../img/icoentreno.gif) no-repeat left;*/
color: #369CE6;
font-weight: bold;
border-bottom: 1px solid #369CE6;
font-size:1.3em;
}

.formulario h2{
padding:5px 0 0 0px;
margin-bottom:2px;
/*background:url(../img/icoentreno.gif) no-repeat left;*/
color: #369CE6;
font-weight: bold;
/*border-bottom: 1px solid #369CE6;*/
}

.formulario h3{
padding:2px 0 0 8px;
margin-bottom:2px;
background:url(../img/right.gif) no-repeat left;
color: #666666;
font-weight: bold;
font-size:1.15em;
}

.formulario h4{
padding:5px 0 0 10px;
margin-bottom:2px;
color: #369CE6;
font-weight: bold;
font-size:1.15em;
}

.formulario h5{
padding:2px 0 0 0px;
margin-bottom:10px;
color: #666666;
font-weight: bold;
font-size:1.25em;
font-weight: bold;
}

.formulario h6{
padding:2px 0 0 0px;
margin-bottom:10px;
color: #666666;
font-weight: bold;
font-size:1.20em;
}

.formulario .titular{
margin:30px 0px 0px 0px;
padding:2px 2px 2px 4px;
font-size:1.2em;
font-weight: bold;
color: #ffffff;
background-color:#369CE6;
border:1px solid #369CE6;
}

.formulario .titulardesplegable{
margin:8px 0px 0px 0px;
padding:2px 2px 2px 4px;
font-size:1.2em;
font-weight: bold;
color: #ffffff;
/*background-color:#369CE6;
border:1px solid #369CE6;*/
background:url(../img/bgtitulardesplegable.png) no-repeat left;
}
.formulario .titulardesplegableBig{
margin:8px 0px 0px 0px;
padding:2px 2px 2px 4px;
font-size:1.2em;
font-weight: bold;
color: #ffffff;
/*background-color:#369CE6;
border:1px solid #369CE6;*/
background:url(../img/bgtitulardesplegableBig.png) no-repeat left;
}

.formulario .contenido{
margin:0px 0px 20px 0px;
padding:2px 2px 2px 4px;
border:1px solid #CCCCCC;
}

.formulario .texto{
padding:2px 0 0 0px;
margin-bottom:10px;
color: #444444;
font-size:1.1em;
}

.formulario .texto1{
padding:2px 0 0 0px;
margin-bottom:10px;
color: #444444;
font-size:1.1em;
}


.formulario .textoPeq{
padding:2px 0 0 0px;
margin-bottom:10px;
color: #444444;
font-size:1.0em;
}

.formulario .textoPeqN{
padding:2px 0 0 0px;
margin-bottom:10px;
color: #444444;
font-size:1.0em;
font-weight: bold;
}

.formulario .cajaFormI{
float:left;
padding:0px 12px 12px 15px;
margin-top:20px;
border-right:1px dotted #666666;
}

.formulario .cajaFormD{
float:left;
padding:0px 12px 12px 15px;
margin-top:20px;
margin-left: 20px;
}

.formulario .itemForm{
width:210px;
float:left;
padding-top:2px;
margin:5px 0 3px 0;
_margin:0px 0 3px 0;
color: #666666;
font-weight: bold;
font-size:1.06em;
}

.formulario  .itemInputForm{
float:left;
margin:5px 0 5px 0;
_margin:0;
_padding:0;
font-size:1.04em;
color: #666666;
}

.formulario .itemInputForm input{
font-size:0.9em;
border:1px solid #ccc;
_margin:0;
color: #666666;
background-color: #DDDDDD;
}

.formulario  .itemInputForm .option{
font-size:0.9em;
color:#666;
border:none;
background-color:#FFFFFF;
_margin:0;
}

.formulario  .itemInputForm select{
border:1px solid #ccc;
font-size:0.85em;
color:#666;
}

.formulario .separador{
border-bottom:1px solid #ccc;
}

.formulario .ayudaForm{
font-size:0.85em;
font-style:italic;
}

.formulario .enviar{
padding:10px 200px 10px 400px;
}



/***********************Estilos footer**************************/

#footer{
width:auto;
float:left;
height:40px;
width:935px;
background: url(../img/bgpie.png) no-repeat;
padding:13px 0 0 25px;
}

#footer a{
color:#444444;
font-size:1.1em;
text-decoration: none;
}

#footer a:hover{
color:#6E6E6E;
text-decoration: underline;
}

#footer .copy{
float:left;
}

#footer .pie{
margin:0;
padding:0;
width:auto;
float:right;
}

#footer .pie ul{
list-style:none;
display:inline;
}

#footer .pie ul li{
float:left;
padding: 0 3px 0 3px;
}

#footer .pie ul li a{
background:url(../img/bullet_menupie.gif) no-repeat right 2px;
padding: 0 8px 0 0px;
}

#footer .pie ul li .last{
background:none;
}

/*-----------estilos del foro ---------------------*/

.headForo
{
	background-color: #369CE6;
	border: 1px solid #158DE4;
	height: 25px;
	color:#FFFFFF;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
}		
.headForo1
{
	background-color: #369CE6;
	border: 1px solid #158DE4;
	height: 25px;
	color:#FFFFFF;
	font-size: 12px;
	font-weight:bold;
}		

.lineaForo1
{
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
	height: 25px;
	color:#222222;
	font-size: 12px;
}		
.lineaForo2
{
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	height: 25px;
	color:#222222;
	font-size: 12px;
}		

.txtTexto{
color: #444444;
font-size:1.1em;
}


/*-----------estilos estadisticas ---------------------*/

.headEstadistica
{
	background-color: #369CE6;
	border: 1px solid #158DE4;
	padding-left:8px;
	height: 25px;
	color:#FFFFFF;
	font-size: 12px;
	font-weight:bold;

}		
.headEstadistica1
{
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
	height: 25px;
	color:#369CE6;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
}		

.tdEst1
{
	background-color: #DFDFDF;
	text-align:right;
	font-size: 11px;
/*	font-weight:bold;*/
	padding:1px;
}
.tdEst2
{
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight:bold;
		padding:1px;
}

.estverde{
	color:#51B630;
	}
	
.estrojo{
	color:#EF5114;
	}
.estamarillo{
	/*color:#EFEF14;*/
	color:#FFAA04;
	}

.tableEst
{
	border: 1px solid #DFDFDF;
	float:left;
}

/****  estilo para eliminar avisador de falta de textos ****/
#postit1{
background: url(../img/postit3.gif) no-repeat;
width: 250px;
height: 187px;
position:absolute;
top:180px;
left:210px;
color: #444444;
font-size:22px;
z-index:1;
padding:60px 0 0 100px;
}

#postit2{
background: url(../img/postit4.gif) no-repeat;
width: 250px;
height: 187px;
position:absolute;
top:10px;
left:870px;
color: #444444;
font-size:22px;
z-index:1;
padding:60px 0 0 100px;
}

#postit3{
background: url(../img/postit5.gif) no-repeat;
width: 250px;
height: 187px;
position:absolute;
top:450px;
left:600px;
color: #444444;
font-size:22px;
z-index:1;
padding:60px 0 0 100px;
}
/*  */

/****estilos compendio***/

.titular1{
	font-size:1.2em;
	font-weight: bold;
	color: #369CEE;
	border-bottom:1px solid #369CEE;
}
.titular2{
	font-size:1.1em;
	color: #369CEE;
	font-weight: bold;
	font-style:italic;
}