/* ---------------- ESTILOS GENERALES ----------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;	padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,cite {font-style:normal; font-weight:normal;}
ol,ul,li {list-style:none; line-height:1.5em;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

.sller {font-size:smaller;}
.lgger {font-size:larger;}
.txt-cnter {text-align:center;}
.txt-izq {text-align:left;}
.txt-drch {text-align:right;}
.f-izq {float:left;}
.f-drch {float:right;}
.f-none {float:none;}
.f-clear {clear:both;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* html .clearfix {height: 1%;}

/* --------------- ESTRUCTURA Y BLOQUES ---------------------*/
html, body, #pagina {height:100%;}
body{
	padding:15px;
	font:normal 76% Verdana, Arial, Helvetica, sans-serif; text-align:center;
	background-color:#e8eee3;
	color:#666666;	
	} 
#pagina {
	margin:0 auto;
	width:100%; min-width:740px; max-width:990px;
	width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 982? "980px" : "auto");
	position:relative;
	font-size:90%; text-align:left;
	z-index:1;	
	}
#pie {
	font-size:90%;
	background-color:#000000; color:#FFFFFF;
	text-align: right;
	padding:0.5em;
	position:relative; z-index:2;
	}
#pie li { list-style:none; display:inline; margin:0.5em;}
#pie a {color:#FFFFFF;}
#contenido {
	margin-left:17.3em;	
	background-color:#FFFFFF;	
	border:#CCCCCC 1px solid;
	padding:3em 3% 1.5em 3%;
	min-height:100%;
	height:auto !important;
	height:100%;
	}
#migas {
	margin:5em 0 3em 0; 
	background:url(images/bg-migas-top.gif) no-repeat left top; 
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	color:#b6b6b6;
	}
#migas ul {padding:0.3em; padding-bottom:0; margin:0; list-style:none;}
#migas li {display:inline; margin:0; margin-right:0.5em; list-style:none;}
#migas a {padding-right:1.3em; background:url(http://www.iniec.com/images/flecha.gif) no-repeat right center;}
#migas a.azul, .azul {color:#4F476F;}
#migas a.naranja, .naranja {color:#E07000;}
#migas a.verde, .verde {color:#99b489;}
#migas span {display:block; width:700px; height:0.4em; 
	background:url(images/bg-migas-bottom.gif) no-repeat left bottom; clear:both;}
	
/*------------------- ESTILOS DEL MENÚ -----------------*/

#menu {clear:both;
	position:absolute;
	top:0;
	left:0;
	padding:0.1em;
	width:16.7em;
	border:0.1em solid #CCCCCC;
	z-index:3;
	}

#logo-menu {text-align:center; padding:35px 0; margin-bottom:0.5em; background-color:#FFFFFF;}

/* posición y desplegable */
#nav {margin-bottom:1em;}
#nav ul {display:none;}
#nav li:hover ul, #nav li.sfhover ul {display:block; position:absolute; left:16em; top:-0.1em; z-index:5;}

/* estilo de formato para las listas */
#nav, #nav ul, #nav li {background-color:#e8eee3;}
#nav li {width:97%; position:relative; line-height:1.3; *float:left;}
* html ul#nav li {float: left;}
#nav ul li {width:17em;}
#nav ul.xl li {width:23em;}
/*estilo para los enlaces */
* html ul#nav li a {height:1%;}
#nav a {
	padding:0.3em 0.5em; display:block;
	width:94.5%; *height: 1%;
	text-decoration: none;
	color:#666666;
	background-color:#e8eee3;
	}
#nav li a {border-bottom:0.1em solid #cccccc; background-color:#e8eee3; z-index:7;}
#nav li ul li a {border:0.1em solid #cccccc; border-bottom:0; background-color:#e8eee3;}
#nav li ul li a.ultimo {border-bottom:0.1em solid #cccccc;}
#nav a:link, #nav li:hover li a:link {background-color:#e8eee3; background-image:none;}
#nav a:visited, #nav li:hover li a:visited {background-color:#e8eee3; background-image:none;}
#nav a:hover, #nav li:hover li a:hover {background-color:#dedede; background-image:none;}
#nav a:active, #nav li:hover li a:active, #nav a:focus, #nav li:hover li a:focus {background-color:#e8eee3; background-image:none;}
#nav a.nivel:link {background:#e8eee3 url(http://www.iniec.com/images/arrow_r.gif) no-repeat 99% 50%;}
#nav a.nivel:visited {background:#e8eee3 url(http://www.iniec.com/images/arrow_r.gif) no-repeat 99% 50%;}
#nav a.nivel:hover {background:#dedede url(http://www.iniec.com/images/arrow_r.gif) no-repeat 99% 50%;}
#nav a.nivel:active {background:#e8eee3 url(http://www.iniec.com/images/arrow_r.gif) no-repeat 99% 50%;}

/* -------- OTROS ESTILOS ---------*/
h1 {font:bold 235% "Times New Roman", Times, serif; color:#4F476F;}
h1 span {color:#E07000;}
h2 {margin:2em 0; font:bold 115% Verdana, Arial, Helvetica, sans-serif; color:#E07000;}
p {margin:1em 0; line-height:1.5;}
.oculto {position:absolute; left:-9999em;}

a:link {text-decoration:none; color:#E07000;}
a:visited {text-decoration:none; color:#4F476F;}
a:hover {text-decoration:underline; color:#666666;}
a:active {text-decoration:none; color:#E07000;}