@charset "utf-8";
/* CSS Document */

body {
background:#ffffff;
padding:0;
margin:0;
font:Helvetica, arial;

}


#industrias_ile_main {
background:url(../images/borders/main.jpg) no-repeat;
width:1027px;
height:760px;
margin:auto;
margin-top:5px;
}


#industrias_ile_main_index {
width:1027px;
height:760px;
margin:auto;
}

#industrias_ile_main_menu {
background:url(../images/menu/contenedor.jpg) no-repeat;
margin:auto;
width:960px;
height:250px;
padding-top:40px;
}



#industrias_ile_main2 {
background:url(../images/borders/main2.jpg) no-repeat;
width:1027px;
height:760px;
margin:auto;
margin-top:5px;
}



#logo_ile {
width:195px;
height:194px;
}



.main_menu {
    margin: 0;
    padding: 0;
    font:12px Arial;
	height:68px;
	margin-left:130px;
}
.main_menu li{
    display: inline;
}
.main_menu li a{
    float: left;
	color:#f7941e;
	padding-top:15px;
	padding-left:14px;
	padding-right:14px;
    text-decoration: none;
	border-right:1px solid #edebeb;
}
.main_menu li a:current{
    color:#939598;
}
.main_menu li a:hover, .main_menu li .current{
    color: #939598;
}


.link_catalogo {
font:13px Arial;
color:#669900;
margin:0;
padding-top:5px;
}


.link_catalogo a {
font:13px Arial;
color:#ff3300;
margin:0;
text-decoration:none;
}


.link_catalogo a:hover {
font:13px Arial;
color:#669900;
margin:0;
text-decoration:underline;
}





h1 {
font:23px Verdana, Arial, Helvetica, sans-serif;
color:#f7941e;
margin:0;
padding:8px;
font-weight:bolder;
letter-spacing:-1px;
}

.h1_margin {
height:50px;
padding-left:45px;
}


h2 {
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#0baf4d;
background:url(../images/icons/salero.jpg) no-repeat left;
margin:0;
padding-top:15px;
padding-bottom:0px;
padding-left:25px;
font-weight:bolder;
letter-spacing:-1px;
margin-bottom:5px;
}


h3 {
font:15px Arial;
color:#0baf4d;
margin:0;
}

td {
border:1px solid #f0ece9;
padding:6px;
font:12px Arial;
line-height: 1.2;
color:#8a8173;
text-align:center;
}


.red {
color:white;
padding-top:0;
padding-left:25px;
margin:0;
}



p {
font:14px Arial;
line-height: 1.2;
color:#8a8173;
margin:0;
text-align:justify;
}

p a {
font:14px Arial;
line-height: 1.2;
color:#f7941e;
margin:0;
text-decoration:none;
}

p a:hover {
font:14px Arial;
line-height: 1.2;
color:#f7941e;
margin:0;
text-decoration:underline;
}


#industrias_ile_main_cont {
height:670px;
padding-right:8px;
}

#industrias_ile_left_cont {
width:275px;
margin-left:5px;
}

#industrias_ile_right_cont {
width:733px;
float:right;
padding-top:3px;
}


.box {
width:80px;
margin-top:50px;
}


.box_f {
width:91px;
margin-top:50px;
float:right;
}


.box2 {
width:80px;
margin-top:20px;
margin-left:96px;
}


.box2_f {
width:91px;
margin-top:20px;
float:right;
}







#industrias_ile_footer {
width:240px;
padding-top:35px;
padding-left:780px;
}





.img_left {
float:left;
margin-right:10px;
border:0;
}

.img_right {
float:right;
margin-left:10px;
border:0;
}





.line {
background:#e8e8e8;
padding-top:1px;
margin-right:10px;
margin-left:10px;
}

.more {
font:12px helvetica, arial;
color:#8a8173;
float:right;
padding-right:15px;
}

.more a {
color:#8a8173;
font-weight:bolder;
}

.more a:hover {
color:#f7941e;
}



#left_menu {
background:url(../images/buttons/left.png) no-repeat;
color:#0c0c0c;
font:18px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-weight:bolder;
width:147px;
height:34px;
text-align:center;
padding-top:5px;
margin-top:40px;
}

#left_menu a {
color:#0c0c0c;
letter-spacing:-1px;
font-weight:bolder;
text-align:center;
text-decoration:none;
}

#left_menu a:hover {
color:#f7941e;
letter-spacing:-1px;
font-weight:bolder;
text-align:center;
text-decoration:none;
}




#left_menu2 {
background:url(../images/buttons/left.png) no-repeat;
color:#0c0c0c;
font:18px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-weight:bolder;
width:147px;
height:34px;
text-align:center;
padding-top:5px;
margin-top:18px;
}

#left_menu2 a {
color:#0c0c0c;
letter-spacing:-1px;
font-weight:bolder;
text-align:center;
text-decoration:none;
}

#left_menu2 a:hover {
color:#f7941e;
letter-spacing:-1px;
font-weight:bolder;
text-align:center;
text-decoration:none;
}


#left_menu3 {
background:url(../images/buttons/leftB.png) no-repeat;
color:#0c0c0c;
font:18px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-weight:bolder;
width:147px;
height:57px;
text-align:center;
padding-top:5px;
margin-top:15px;
}

#left_menu3 a {
color:#0c0c0c;
letter-spacing:-1px;
font-weight:bolder;
text-align:center;
text-decoration:none;
}

#left_menu3 a:hover {
color:#f7941e;
letter-spacing:-1px;
font-weight:bolder;
text-align:center;
text-decoration:none;
}

.marginim {
padding-left:20px;
}


.line_history {
border-bottom:3px solid #7ab747;
margin-bottom:60px;
margin-top:10px;
}

.shadetabs{
padding-left:0;
margin-left: 0;
margin-right:20px;
padding-bottom:10px;
font:16px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
background:url(../images/buttons/salero.jpg) no-repeat left;
text-decoration: none;
position: relative;
z-index: 1;
padding-left:33px;
padding-right:20px;
padding-top:30px;
margin-right: 7px;
color:#8a8173;
letter-spacing:-1px;
border-right:2px solid #e5db81;
}



.shadetabs li a:hover{
text-decoration: none;
color: #f7941e;
background:url(../images/buttons/salero_over.jpg) no-repeat left;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;

}

.shadetabs li a.selected{ /*selected main tab style */
color:#f7941e;
background:url(../images/buttons/salero_over.jpg) no-repeat left;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */


.tab_size {
height:300px;
}


#mapa {
background:url(../images/mapa/mapa.jpg) no-repeat;
}


.esmeraldas {
width:23px;
height:23px;
margin-left:208px;
padding-top:45px;
}

.ibarra {
width:23px;
height:23px;
margin-left:310px;
}


.quito_norte {
width:23px;
height:23px;
margin-left:315px;
padding-top:13px;
}

.lago_agrio {
width:23px;
height:23px;
float:right;
padding-right:282px;
padding-top:24px;
}

.sto_domingo {
width:23px;
height:23px;
float:left;
margin-top:-6px;
padding-left:17px;
}


.elcarmen {
width:23px;
height:23px;
float:left;
padding-left:190px;
}


.quito_nort {
width:23px;
height:23px;
float:left;
padding-left:35px;
margin-top:-14px;
}

.quito_sur {
width:23px;
height:23px;
float:left;
}


.portoviejo {
width:23px;
height:23px;
padding-left:140px;
padding-top:13px;
float:left;
}


.carmen {
width:23px;
height:23px;
float:left;
padding-left:170px;
}


.quevedo {
width:23px;
height:23px;
float:left;
padding-left:46px;
padding-top:23px;
}


.ambato {
width:23px;
height:23px;
float:left;
padding-left:58px;
padding-top:28px;

}


.puyo {
width:23px;
height:23px;
float:left;
padding-left:40px;
padding-top:40px;
}





.alamos {
width:23px;
height:23px;
float:left;
padding-left:48px;
margin-top:-5px;
}


.libertad {
width:23px;
height:23px;
margin-left:100px;
float:left;
padding-top:5px;
}


.guayaquil_v {
width:23px;
height:23px;
padding-left:180px;
margin-top:-5px;
}


.guayaquil_n {
width:23px;
height:23px;
padding-left:167px;
margin-top:-23px;
float:left;
}

.cuenca {
width:23px;
height:23px;
padding-left:230px;
margin-top:-13px;
<!--margin-top:-3px;-->
}


.machala {
width:23px;
height:23px;
padding-left:175px;
padding-top:2px;
}


.milagro {
width:23px;
height:23px;
float:left;
padding-left:15px;
margin-top:-3px;
}



.loja {
width:23px;
height:23px;
margin-left:225px;
padding-top:9px;
}




.direcciones {
width:262px;
position:absolute;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#8a8173;
margin-left:460px;
margin-top:-27px;
<!--margin-top:-15px;-->
}


.direcciones2 {
width:270px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#8a8173;
float:right;
padding-top:3px;
}