/* Welcome Spring CSS  LFS ACES*/

/*Colors*/

/* 
Azul Rey:#6F95D4 
Azul brillante: #1F6CD6
Azul marino:#003885
Azul clarito:#DFEDFF
*/
body {font:8pt verdana; background: #DFEDFF;margin:0;padding:0;	}
.style5 {color: #003366}
.style6 {font-size: 12px;font-weight: bold;	color: #FFFFFF;}
.style7 {color: #FFFFFF}
ol {list-style-type: lower-roman}

.menu {
  display:table;         /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border:1px solid #6F95D4; /* add a border to show size of menu */
  }
* html .menu {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }  
.menu li {
  display:table-cell;    /* ignored by IE */
  }
* html .menu li {
  display:inline;        /* for IE only */
  }
.menu a, .menu a:visited {
  display:block;         /* for all browsers except IE */
  padding:4px 16px;
  color:#003885; 
  background:#6F95D4; 
  border:1px solid #fff; /* add a 1px white border around items */ 
  text-decoration:none;
  }
* html .menu a, * html .menu a:visited {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }
.menu a:hover {
  color:#fff; 
  background:#d4d4d4;
  }

.lefted {margin:0 auto 0 0;}
/*.centered {margin:auto auto;}*/
.righted {margin:0 0 0 auto;}



#navlist
{
margin: 0;
padding: 0 0 10px 10px;
}

#navlist ul, #navlist li
{
margin: 30px;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: center;
line-height: 35px;
font-weight:normal;
font-style: Arial, Helvetica, sans-serif;
font-size:1.4em;
margin: 0 5px 4px 10px;
text-decoration: none;
text-transform:uppercase;
color: #1F6CD6;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #EA8889;
padding-bottom: 2px;
background: transparent;
color: #EA8889;
}

#navlist a:hover { color: #EA8889; }

#navleft
{
margin: 0 13px 0 10px;
padding: 0 0 0 0;
}

#navleft ul, #navleft li
{
margin: 0;
padding: 6px;
/*margin: 0 10px 4px 10px;*/
/*display: inline;*/
list-style-type:none;
list-style-position: outside;

}

#navleft a:link, #navleft a:visited
{
/*float: center;*/
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #003885;
}

#navleft a:link#current, #navleft a:visited#current, #navleft a:hover
{
	padding-bottom: 7px;
	color: #fff;
}

#navleft a:hover { color: #fff; }

a:link {
color: #1F6CD6;
text-decoration:underline;
}
a:visited {
text-decoration: none;
color: #1F6CD6;
}
a:hover {
text-decoration: none;
color: #1F6CD6;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}

h1 {

	font-size:16pt;
	font-style:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#1F6CD6;
	margin:0;
	padding:20px;
}

h2 {

	font-size:16pt;
	font-style:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#1F6CD6;
	padding:10px;
	margin:0;
        text-align: center;
}

h3 {

	font-size:13pt;
	font-style:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#208E13;
	padding:12px;
	margin:10px;
        text-align: left;
}

h4 {

	font-size:10pt;
	font-style:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#A868C9;
	padding:12px;
	margin:10px;
        text-align: left;
}

h3#trabajo, h3#contenidos, h3#servicios{
	width:136px;    	
	padding:0px;
	
	}
h3#trabajo {
	background: #FFF url('./img/trabajo.jpg') left no-repeat;	
    height:58px;	
}
h3#contenidos{
	background: #FFF url('./img/contenidos.jpg') left no-repeat;
	height:49px;
	}
h3#servicios{
	background: #FFF url('./img/servicios.jpg') left no-repeat;
	height:53px;
	}

p ,li{ 
	font: 9pt verdana; 
	margin: 0px; 
	text-align: justify;
	color:#003885;
	}
	
.contain{
	width:900px;
	border-right:2px solid #6F95D4;
	border-left:2px solid #6F95D4;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	
   }  

.contain#dominios {
	background: #FFF url('./img/conocimientoslight.jpg') fixed center right no-repeat;
    background-position: 80%;
   } 
 
.contain#secuencias {
	background: #FFF url('./img/secuenciaslight.jpg') fixed center right no-repeat;
    background-position: 80%;
   } 
   
 .contain#errores {
	background: #FFF url('./img/erroreslight.jpg') fixed center right no-repeat;
    background-position: 80%;
   } 
  
 .contain#tareas {
	background: #FFF url('./img/tareaslight.jpg') fixed center right no-repeat;
    background-position: 80%;
   }        

#header {
        background: #FFF url('./img/encabezado.jpg') right no-repeat;
	width:900px;
    height:70px;        
	border-bottom:1px solid #CCC;
	
}
#leftcol {width:146px;float:left;padding:5px 0 5px 0;background-color: #6F95D4;}
#leftcol p {padding:3px 18px 3px 18px;margin:0;}
#content {margin-left:160px;width:700px}
#content p {padding:3px 18px 3px 18px; margin:0;}
#footer {width:900px;clear:left;border-top:1px solid #6F95D4;border-bottom:1px solid #6F95D4;
			background: #6F95D4;padding: 3px 0 3px 0;color:fff;}
#footer p {	text-align:center;	padding-right:8px;	font:8pt verdana, arial, sans-serif;color:fff;}
#leftImg{float:left;padding: 0 0px 0px 0;}

/* T A R E A S*/
#homeworklist ul{margin-left: 0;padding-left: 0;white-space: nowrap;}
#homeworklist li{display: inline;list-style-type: none; color:#fff;}
#homeworklist a { padding: 2px 2px 2px 2px; }
#homeworklist a:link, #homeworklist a:visited{color: #fff;background-color: #6F95D4;
	text-decoration: none; font:10pt verdana, arial, sans-serif;}
#homeworklist a:hover{color: #fff;background-color:#208E13;text-decoration: none; }

/* P O P U P */

#homeworklist li a img {height: 0; width: 0; border-width: 0;}
#homeworklist li a:hover img {position: absolute; top: 560px; left: 350px; height: 200px; width: 350px;}

/* GALLERY  */

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 
/* common styling for all galleries */
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {color:#000;}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {width:420px; height:320px; background:transparent 0 40px;
	border:0px solid #aaa;margin:0 20px;}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {padding:0; margin:10px 0 0 0; list-style-type:none; position:relative; width:420px;}
/* remove the default image border */
.gallery img {border:0;}
/* make the list horizontal */
.gallery li {float:left;}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:9px; float:left; text-decoration:none; color:#fff; background:#11009F; 
text-align:center; width:32px; height:19px; line-height:18px; border:1px solid #444;margin:1px;
}
.gallery li a.principal {background:#11009F;}
.gallery li a.secundario {background:#BFBFBF;}
/* position the images using an absolute position and hide them from view */
.gallery li a img {position:absolute; top:-320px; left:0;visibility:hidden;border:0;}
/* fix the top position for the landscape images */
.gallery li a img {top:80px;left:-20;}
/* style the hover background color for the text boxes */
/*.gallery li a:hover {background:#ddd;}*/
/* style the active/focus colors for the text boxes (required for IE) */
/*.gallery li a:active, .gallery li a:focus {background:#444;color:#fff;}*/
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:hover img {visibility:visible;}