/* MENU */
@import "menu-nav.css"; 

/* CSS Document */
#index {	
	margin:0 auto;
	width:70.3em; *width:70em;
	font-size:90%; text-align:left;	
	border:0.1em solid #666666;
	position:relative;
	}
#index #menu {border:0;}
#menu {position:absolute; top:2px; left:2px;}
#main {position:relative; left:17.2em; top:2px; width:52.5em; *width:52.2em; margin:2px; border:#ffffff 0.1em solid;}
#index-pie {margin:6px 2px 2px 17.5em; padding:0.5em 0;
	background-color:#000000; color:#FFFFFF;}
img.img-01 {position:absolute; top:0; left:0;}
img.img-02 {position:absolute; top:0; left:191px;}
img.img-03 {position:absolute; top:153px; left:0;}
#index-main {margin-top:153px; margin-left:325px; font-size:85%;}

#main h2 {margin:0.3em;
	padding-left:9px;
	background: url(http://www.iniec.com/images/bullet_naranja.gif) no-repeat center left;
	font-size:100%;
	}
#main ul {padding-left:12px;}
#main li {line-height:1.3em;}
#main a:link {color:#663366; text-decoration:none;}
#main a:visited {color:#663366; text-decoration:none;}
#main a:hover {color:#FF9900; text-decoration:underline;}
#main a:active {color:#663366; text-decoration:none;}


#index-pie address {font-size:90%; font-style:normal; float:left; display:block; width:55%; margin-left:0.5em;}
#tel {font-size:135%; font-weight:bold; display:block; margin-top:0.5em; text-align:center;}
#index-pie p, #index-pie ul {margin-left:56%; text-align:center; font-size:80%; margin-right:0.5em;}
#index-pie a {color:#FFFFFF;}
#index-pie li {display:inline;}
#index-pie a.linkari{ text-decoration:none;}
#index-pie a.linkari:hover{ text-decoration:none;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#index form {padding:0.4em; background-color:#b2b2ad; color:#FFFFFF;}
#index fieldset {border:0;}
#index p.legend{background-color:#655e54; color:#ffffff; padding:0.3em; margin:0;}
#index label {display:block; float:left; width:7em; padding:0.3em; margin:0.3em; *margin:0.15em;}
#index input, select {clear:right; font-size:98%;margin:0.3em; *margin:0.15em;}
#index input {height:1.5em; width:12em;}
#index #caja-boton {display:block; text-align:right; margin-top:-2.5em;}
#index #boton {background-color: #9D9683;border: 0.1em solid #685D57; color:#FFFFFF; height:2em; width:auto; cursor:pointer; }

/* Z-INDEX */
#menu {z-index:3;}
#main {z-index:1;}
#index-pie {z-index:2;}

/* PopUp */
#index {z-index:0;}
#popup {z-index:1;}
#popup-info {z-index:2; width:366px; visibility:hidden;}
#popup, #popup-info {position:absolute; left:35%; border:0.1em solid #000000;}
#popup-info {z-index:2; position:absolute; left:35%; border:0.1em solid #000000; background:#ffffff url(http://www.iniec.com/images/bg-popup.gif) no-repeat 0 2.3em;}
#popup h3, #popup-info h3 {font:bold 105% Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0.3em 0; text-indent:1em; border-bottom:0.1em solid #000000; background:url(images/bg-tit-popup.gif) repeat-x left top; text-align:left; position:relative;}
#popup h3 {width:370px;}
#popup-info h3 {width:366px;}
#popup img.cerrar , #popup-info img.cerrar{position:absolute; right:0.2em; top:0.2em;}
#flashcontent {width:350px; height:175px; padding:10px; background-color:#FFFFFF;}
#info label {font-weight:bold; font-size:0.9em; display:block; text-align:right; color:#688756;}
#info th {padding:0.5em; color:#e07000;}
#info td {padding:0.2em; text-align:left;}
#info td.col-01 {width:7em; text-align:right;}