/*
SOND3 CSSFRAMEWORK: RETICULA 975_12
--------------------------------------------------------
Nombre del documento:   reticula 975_12
Fecha de creación:      27-mar-2009
Propietario/autor:      Sond3 diseño&desarrollo
info:                   info@sond3.com

Descripción:
Módulos para constuir estructura basada en una retícula
de 975 px de ancho y compuesta por 12 columnas.
--------------------------------------------------------
*/

/* Para ver la retícula
----------------------------------------------------------*/
.vereticula { 
	background: url(reticula975_12.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}
/* Para ver guias
----------------------------------------------------------*/
.verguias { 
	background: url(../../img/guias.jpg);
	background-position:top left;
	background-repeat:repeat;
}

/* Contenedor general: contiene todos los restantes
----------------------------------------------------------*/
.contnedorgneral {
    width: 975px;
    margin: 0 auto;
    border:1px solid #04ffff ;
	border-right: none;
}
.contnedorgneralinterior {
    width: 945px;
    margin: 0 auto;
    padding:15px 15px 15px 15px;
}


/* modulos: cabecera, menu, pie
----------------------------------------------------------*/
#cabecera{
background-image:url(../../../../../contenido/img/decora/logo_earflu.jpg);
background-repeat:no-repeat;
background-position:left 49px;
width:auto;
height:184px;
padding:0 0 0 95px;
}
#cabecera img {
margin:49px 0 0 0;
}
.menu{
width:784px;
height:48px;
background-color:#FFFFFF;
margin:15px 0 0 0;
float:left;
}
.menu ul{
margin:5px 0 0 0;
padding:0px;
}
.menu li{
display:inline;
margin:0 0px 0 0;
}
.menu li a{
color:#000000;
text-decoration:none;
padding:6px 29px 28px 5px;

}
.menu li a:hover{
color: #FFFFFF;
text-decoration:none;
background-color: #000000;
background-image:url(../../img/decoracion/flecha_de.gif);
background-repeat:no-repeat;
background-position: right 8px;
}
.menu li.seleccionado{
padding:6px 29px 28px 5px;

color: #FFFFFF;
text-decoration:none;
background-color: #000000;
background-image:url(../../img/decoracion/flecha_de.gif);
background-repeat:no-repeat;
background-position: right 8px;
}
/* submenu
----------------------------------------------------------*/
.submenu                     { margin:0 15px 0 15px; }
.submenu ul                  { margin:10px 0 8px 0; padding:0px; }
.submenu li                  { margin:0px; display:inline;}
	.submenu li a            { color:#000000; padding:3px;}
	.submenu li a:hover      { background-color:#000000; color:#FFFFFF;}
	.submenu li.seleccionado { background-color:#000000; color:#FFFFFF; padding:3px; }
 
/* pie de pagina
----------------------------------------------------------*/
#pie{
	width:754px;
	margin-top:15px;
	padding:15px 15px 15px 15px;
	border-bottom:1px dotted #666666;
	border-top:1px dotted #666666;
	background-color:#FFFFFF;
}
#pie img { float:left;}

ul.validacion li {list-style-type:none; height:42px; display:table-cell; vertical-align: bottom;}
ul.validacion li a img { margin:0 10px 0 0;}

/* Decoracion
----------------------------------------------------------*/
.flecha{
	background-image: url(../../img/decoracion/flecha_de_negra.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 0 0px 0;
}
.descarga{
background-image:url(../../img/decoracion/descarga_de.gif);
background-repeat:no-repeat;
background-position: bottom left;
	padding:14px 0 0px 20px;
	line-height:1.1em;	
}

.chipantone{
width:auto;
border:1px dotted #999999;
float:left;
padding:5px 5px 5px 5px;
}
.chipantone a{
color:#000000;
}
.chipantone a:hover{
color: #999999;
}



/* modulos: diferentes anchos para modular
----------------------------------------------------------*/
div.modulo1, div.modulo2, div.modulo3, div.modulo3padding1horz, 
div.modulo4, div.modulo5, div.modulo6, div.modulo6padding, 
div.modulo7, div.modulo8, div.modulo9, 
div.modulo10, div.modulo10reducido, div.modulo11, div.modulo12 {
    float:left;
}

/*MODULOS*/
.modulo1	{ width: 65px; }
.modulo2	{ width: 145px;}
.modulo3	{ width: 225px; }
.modulo3padding1horz	{ width: 210px;}

.modulo4	{ width: 304px; }

.modulo5	{ width: 385px; }

.modulo6	{ width: 464px; }

.modulo6padding	{ width: 435px;}
.modulo7	{ width: 545px; }
.modulo8	{ width: 625px; }
.modulo9	{ width: 705px; }

.modulo10	{ width: 785px; }
.modulo10reducido	{ width: 784px; }

.modulo11	{ width: 865px; }
.modulo12	{ width: 945px; }

/* Margenes
----------------------------------------------------------*/
/*MARGENES IZQUIERDOS*/
.margeniz80{ margin-left: 80px;}

/*MARGENES DERECHOS*/
.margende14{ margin-right: 14px;}
.margende15{ margin-right: 15px;}
.margende16{ margin-right: 16px;}

/*MARGENES ABAJO*/
.margenbajo0{ margin-bottom: 0px;}
.margenbajo5{ margin-bottom: 5px;}
.margenbajo10{ margin-bottom: 10px;}
.margenbajo15{ margin-bottom: 15px;}

/*MARGENES ARRIBA*/
.margensup0{ margin-top: 0px;}
.margensup5{ margin-top: 5px;}
.margensup10{ margin-top: 10px;}
.margensup15{ margin-top: 15px;}


/*MARGEN TOTAL*/
.margentotal15 { margin:15px 15px 15px 15px;}

/* Rellenos
----------------------------------------------------------*/

/*RELLENO SUPERIOR*/
.rellenosup15 { padding-top:15px;}

/*RELLENO DERECHA*/
.rellenode14 { padding-right:14px;}
.rellenode15 { padding-right:15px;}

/*RELLENO  BAJO*/
.rellenobajo15 { padding-bottom:15px;}

/*RELLENO IZQUIERDA*/
.rellenoiz15 { padding-left:15px;}

/*RELLENO TOTAL*/
.rellenototal5 { padding:5px 5px 5px 5px;}
.rellenototal15 { padding:15px 15px 15px 15px;}

p { font-size:.99em;  line-height: 1.4em; margin-bottom: 1.3em; color:#333333;}
/* font-size:11px;  line-height: 1.5em; margin-bottom: 1.3em;*/

/* Colores de fondo
----------------------------------------------------------- */

.fondoblanco     { background-color:#FFFFFF; }
.fondogrisclaro1 { background-color:#F5F5F5; }
.fondogrisclaro2 { background-color:#CCCCCC; }
.fondogrismedio  { background-color:#999999; }
.fondogrisoscuro { background-color:#666666; }

/* Decoracion
----------------------------------------------------------- */
.lineaptos{
border:1px dotted #333333;
}
.ptosnegros{
	width:100%;
	height:1px;
	overflow: hidden;
	background-image: url(../../img/decoracion/pto_negro.gif);
	background-repeat:repeat-x;
	clear:both;
	padding:0;
	}

/* Limpia float
----------------------------------------------------------- */
.limpia{ clear:both;}

/* Listas
----------------------------------------------------------- */
ul li { list-style-type: square; margin-left:13px; margin-right:0;}

ul { margin:0; padding:0;}

ul li ul li li{ margin-bottom:3px; margin-left:15px; margin-right:0; list-style-type:circle; color:#999999; }

ul ul { margin-bottom:10px; margin-left:-1px;  margin-right:0; color: #666666;}


/*ZONA CABECERA AULA VIRTUAL*/
.accesoaula {height:167px; display:table-cell;  vertical-align: bottom; text-align:right; width:385px;
}

.accesoaula  a:hover { color:#e22c04;}
.accesoaula h2 { display:inline;}

.grisoscuro a{ color: #999; }
.grisoscuro a:hover{ color:#e22c04; }

ul.menuidioma {  margin:24px 1px 0px 0px; padding:0; font-size:10px;}
ul.menuidioma li {list-style-type:none; display:inline;  margin:0 0 0 0; }
ul.menuidioma li a { background-color:#000; color:#FFFFFF;  padding:8px 5px 8px 5px; text-align:center;}
ul.menuidioma li a:hover {background-color:#e22c04; color:#FFFFFF;}

/*-------------------------------PAGINACION------------------------------------------*/
.paginacion{
	/*border: 1px solid #CCCCCC;*/
	width:auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	line-height:20px;
	text-align:right;
}
.paginacion a{
	padding: 5px 5px 5px 5px;
	text-decoration:none;

	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.paginacion a:hover{
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #000000;
}
.paginacion span{
	border: 1px solid #999999;
	padding: 5px 5px 5px 5px;
	background-color: #999999;
	color:#FFFFFF;
}