/* Estilos de configuración del menú desplegable.*/
/* Estilos de configuración del menú desplegable.*/

.imagenlateral {
padding-top:10px !Important;
*padding-top:10px;
}

body { 
/*padding:10px;*/
padding:2%;
text-align: justify; 
margin:0px; 
}

/*body b { 
color:#222; 
}

body h2 {
color:#155197;
font-weight:bold;
}*/

body a {
	text-decoration:none;
	color:#333;
}

body a:hover {
	text-decoration:underline;
	color:#155197;
}

/*body tr {text-align:left;}

body p { 
margin: 0px;
padding: 0px;
}*/

body * { 
text-align: left; 
margin: 0px;
padding: 0px;
}

table { 
font-family:arial;
font-size:12px;
padding:0px;
text-align:center;
border-color:#9cc;
margin:0px;
}

. Centrado {text-align:center;}

input {
font-family:arial;
font-size:12px;
font-weight:bold;
color:#155197;
border:1px solid #155197;
background-color:#FFF;
text-align:center;
}

#Boton a{
margin-top: 10px;
padding: 10px;
font-family:arial;
font-size:13px;
font-weight:bold;
color:#CCC;
border:1px solid #00F;
background-color:#155197;
}

#menu_desplegable ul li ul{
display:none; /* Necesario para visualizarse bien en opera */
font-family:arial;
font-size:13px;
font-weight:bold;
}

#menu_desplegable{
position:relative;
top:0px;
left:0px;
visibility:hidden;
width:960px !important;
*width:964px;
margin:0px; /*antes auto*/
padding:0px;
height:27px !important;
*height:17px;
z-index:10;
}
#menu_desplegable ul{
margin:0px; /* Sin sangria */
padding:5px; /* Sin sangria */
}
#menu_desplegable li{
list-style-type:none; /* Sin iconos */
font-weight:bold;
}
#menu_desplegable a{
margin:0px;
padding:0px;
}

/* Estilos de la estética del menú. Aquí puedes modificarlos de acuerdo al estilo de tu web
   Estilos que se aplican a todo el menú*/

/*fondo del menu desplegado*/
#menu_desplegable ul{
color:#155197;
border:1px solid #00F;
background-color:#FFF;
padding:1px;
}

. Subrayado {
	text-decoration:underline;
	color:#333;
	}

/*barra de menu superior*/
#menu_desplegable ul.menuBlock1{ 
font-family:arial;
font-size:13px;
color:#155197;
/*padding-top:6px;
padding-bottom:6px;*/
padding:7px !important;
*padding:5px;
text-align:center;
border:0px;
height:18px !important;
*height:0px;
background-image:url(imagenes/menu_fondo.gif);
background-repeat:repeat-x;
overflow:visible;
}

/*aplica al menu desplegado*/
#menu_desplegable ul.menuBlock2{ /* Barra de menú - elementos del menu principal*/
margin-top:8px; /* este margen es la distancia entre el titulo y el comienzo del menú desplegado*/
border:1px solid #333;
padding:2px;
border:1px solid #CCC;
/*color:#CCC;*/
}
#menu_desplegable a{
/*padding-left:2px;
padding-right:2px;*/
padding:2px;
text-decoration:none;
color:#155197;
}

/* Estilos del menú principal. El que esta siempre visible */

#menu_desplegable .currentDepth1{
position:relative;
top:0px;
margin-top:2px;
margin-bottom:2px !important;
*margin-bottom:0px;
padding-top:2px;
padding-bottom:4px !important;
*padding-bottom:0px;
padding-left:6px;
padding-right:6px;
z-index:10;
/*height:12px;*/
/*border-right:2px solid #155197;*/
/*border-right:2px solid #155197;*//*este borde es el que hace los separadores*/
}

#menu_desplegable .currentDepth1over{
/*Barra principal al posicionar el mouse*/
margin-top:2px;
margin-bottom:2px !important; /*recien modificado*/
*margin-bottom:0px;
padding-top:2px;
padding-bottom:4px !important;
*padding-bottom:0px;
padding-left:6px;
padding-right:6px;
background-color:#CCC;
/*height:12px !important;
*height:19px;*/
}
#menu_desplegable .currentDepth1 a{
font-weight:bold;
font-family:arial;
font-size:13px;
}
#menu_desplegable .currentDepth1over a{
color:#155197;
font-weight:bold;
font-family:arial;
font-size:13px;
}

/* Estilos submenu nivel 1 */

#menu_desplegable .currentDepth2{
padding-right:2px;
border:1px solid #FFF;
font-weight:bold;
font-family:arial;
font-size:13px;
}
#menu_desplegable .currentDepth2over{
padding-right:2px;
background-color:#EEE; /*fondo del recuadro seleccionado en el menu*/
border:1px solid #000;
font-weight:bold;
font-family:arial;
font-size:13px;
color:#155197;
}
#menu_desplegable .currentDepth2over a{
color:#155197;
font-weight:bold;
font-family:arial;
font-size:13px;
} 

#ix_contenedor{ 
	overflow: hidden; 
/*   position:absolute;*/
   margin:0px;
   padding:0px;
   text-align: center; 
   width: 960px !important; 
   *width: 964px;
/*   min-height: 680px !important;
   *min-height: 680px;*/
   border:1px solid #ccc;
   background-color:#fff; /*fondo del recuadro seleccionado en el menu*/
/*   margin: auto;*/
/*   border-left:1px solid #ccc;
   border-right:1px solid #ccc;*/
} 

#st_contenedor{ 
   overflow: hidden; 
   margin:0px; /*antes 27/05/2010 era auto*/
   padding:0px; 
   text-align: center; 
   width: 960px !important; 
   *width: 964px;
/*   min-height: 928px !important;
   *min-height: 930px;*/
   border:1px solid #ccc;
   border-right:1px solid #ccc;*/
} 

#st_cabecera_imagen{ 
/*   position:absolute;*/
   left:0px;
/*   top:30px !important;
   *top:0px;
   margin-top:0px !important;
   *margin-top:0px;*/
   padding:0px !important;
   *padding:2px;
   width:960px;	
   height:245px !important;
   *height:249px;
   text-align:center;
   float:left;
   background-image:url(Imagenes/inicio_foto_1.jpg);
   background-repeat:repeat-x;
   z-index:9;
} 

#st_cabecera2{ 
   width:960px !important;	
   *width:964px;	
   height:111px;	
   float:left;
   margin:0px;
   padding:0px;
   /*border-bottom:1px dotted #ccc;*/
   /*border:1px solid #000;*/
/*   border:1px solid #ccc;*/
   } 

#st_cuerpo{ 
/*   margin: 2 2 2 2px; */
   text-align: center; 
   margin: auto;
} 
#st_lateral{ 
   margin:auto;
   position:relative;
   padding-top: 10px; 
   padding-left: 35px; 
   padding-right: 5px; 
   text-align:left;
   width: 21% !important;
   *width: 21%;
   min-height:453px !important;   
   *min-height:493px;   
   line-height:14pt;
   top:0px;
   background-color: #fff; 
   font-weight:normal;
   font-family:verdana;
   font-size:11px;
   float:left; 
   /*margin-top:5px;*/
   /*top:100px;*/
/*   border:1px solid #000;*/
/*   border:1px solid #ccc;*/
} 

#st_lateral a:link{ 
   color: #155197; 
   text-decoration: none; 
} 

#st_lateral a:visited{ 
   color: #155197; 
   text-decoration: none; 
}

#st_lateral a:hover{ 
   color: #155197; 
   text-decoration: underline; 
}

#st_principal{  
   position:relative;
   float:left;
   margin:auto 0px;	
   padding-left: 5px;	
   padding-top: 10px; 
   padding-right: 5px; 
   left:0px;
   top:0px;
   background-color: #fff; 
   font-weight:normal;
   font-family:arial;
   font-size:12px;
   width:73%;
   line-height:200%;
   min-height:360px;
   text-align:left;
   letter-spacing:1px;
   overflow: auto;
   z-index:1;
   scrollbar-face-color: #fff; 
   scrollbar-shadow-color: #fff; 
   scrollbar-highlight-color: #fff; 
   scrollbar-3dlight-color: #fff; 
   scrollbar-darkshadow-color: #155197; 
   scrollbar-track-color: #fefefe; 
   scrollbar-arrow-color: #155197;
/*   border-right:1px solid #ccc;*/
} 

#st_pie{ 
   /*position:absolute;*/
   width: 955px !important; 
   *width: 959px; 
   height:15px !important;
   *height:20px;
   background-color: #eee; 
   text-align:left;
   font-weight:normal;
   font-family:arial;
   font-size:10px;
   padding-top:5px;	
   padding-left:5px;
   bottom:0px;
   left:0px;
/*   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   border-bottom:1px solid #ccc;*/
   float:left;
/*   margin:auto;*/
} 

#columnas { /*PARA CAMBIAR EL ALTO DE LA PAGINA PRINCIPAL, CAMBIAR HEIGHT ACA Y EN COLUMNA (ABAJO).*/
	/*position:absolute;
	top:280px !important;
	*top:280px;*/
	left:0px;
	width: 960px !important; 
    *width: 954px;
   height:500px !important;
   *height:500px;
}
#columna{ /*PARA CAMBIAR EL ALTO DE LA PAGINA PRINCIPAL, CAMBIAR HEIGHT ACA Y EN COLUMNAS (ARRIBA).*/
   position:relative;
   padding:10px !important;
   *padding:8px;
   float:left;
   text-align:left; 
   font-weight:normal;
   font-family:arial;
   font-size:12px;
   height:500px !important;
   *height:500px;
/*   border:1px solid #ccc;*/
}

.c1{
   width:218px !important;
   *width:226px;
}

.c2{
   width:220px !important;
   *width:220px;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
}
.c3{
   width:220px !important;
   *width:220px;
   border-right:1px solid #ccc;
}
.c4{
   float:right;
   width:218px !important;
   *width:218px;
}

#item{
	margin-top:15px;
}
#itemsubmenu{
	padding-left:2px;
	padding-top:7px;
	line-height:14px;
	padding-bottom:7px;
	border-bottom: 1px solid #fff;
}

.grisoscuro {
	background-color: #ccc; 
}

.grisclaro {
	background-color: #eee; 
}

.turquesa {
	background-color: #6cc; 
};

.linea {
  background-color: white; 
  height: 1px; 
  margin-left: 10%;
  margin-right:10%;
}

	/*#c1{
   position:relative;
   float:left;
   width:218px !important;
   *width:198px;
   padding-left: 10px;
   padding-right: 10px;
   float: left;
   text-align:left; 
   font-weight:normal;
   font-family:arial;
   font-size:12px;
   background-color:#444;
   }
#c2{
   position:relative;
   float:left;
   width:220px !important;
   *width:235px;
   padding-left: 10px;
   padding-right: 10px;
   text-align:left; 
   font-weight:normal;
   font-family:arial;
   font-size:12px;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
  background-color:#DDD;
}
#c3{
   position:relative;
   float:left;
   width:220px !important;
   *width:238px;
   padding-left: 10px;
   padding-right: 10px;
   text-align:center; 
   font-weight:normal;
   font-family:arial;
   font-size:12px;
   border-right:1px solid #ccc;
   background-color:#444;
}
#c4{
   position:relative;
   float:left;
   width:218px !important;
   *width:198px;
   padding-left: 10px;
   padding-right: 10px;
   text-align:left; 
   font-weight:normal;
   font-family:arial;
   font-size:12px;
   background-color:#DDD;
}
*/

#c4Imagen1{
  /*float:center;*/
/*  position:absolute;
  top:160px;*/
  margin-top:10px;
  width:184px !important;
  *width:164px;
  height:64px !important;
  *height:64px;
  background-image:url(imagenes/inicio_fondo_aulavirtual.jpg);
  background-repeat:no-repeat;
  background-position:center; 
  padding-top:15px;
  padding-left:35px !important;
  *padding-left:15px;
  *margin-left:20px;
}

#c4Imagen2{
/*	float:center;*/
	margin-top:10px;
/*  position:absolute;
  top:240px;*/
  width:184px !important;
  *width:164px;
  height:64px !important;
  *height:64px;
  background-image:url(imagenes/inicio_fondo_cupones.jpg);
  background-repeat:no-repeat;
  background-position:center; 
  padding-top:15px;
  padding-left:35px !important;
  *padding-left:15px;
  *margin-left:20px;
}

.TituloAzul{
	color:#155197;
	font-size:12px;
}
.TituloAzul14{
	color:#155197;
	font-size:14px;
}
.TituloAzul16{
	color:#155197;
	font-size:16px;
}

.TituloAzul18{
	color:#155197;
	font-size:18px;
}

.TituloLadrillo{
	color:#993300;
	font-size:12px;
}
.TituloLadrillo14{
	color:#993300;
	font-size:14px;
}
.TituloLadrillo16{
	color:#993300;
	font-size:16px;
}

.TituloCaqui{
	color:#999900;
	font-size:12px;
}
.TituloCaqui14{
	color:#999900;
	font-size:14px;
}
.TituloCaqui16{
	color:#999900;
	font-size:16px;
}

.TituloGrande{
	color:#009;
	font-family:Arial;
	font-size:14px;
}

.TituloRojo{
	color:#600;
	font-size:12px;
}
#st_pie_plantilla{ 
   position:relative;
   width: 955px !important; 
   *width: 960px; 
   height:15px !important;
   *height:20px;
   background-color: #eee; 
   text-align:left;
   font-weight:normal;
   font-family:arial;
   font-size:10px;
   padding-top:5px;	
   padding-left:5px;	
   bottom:0px;
/*   border-left:1px solid #ccc;
   border-right:1px solid #ccc;*/
   float:left;
/*   margin:auto;*/
}