body {
/*
	font-family: Verdana, Geneva, sans-serif;
	font-family: Tahoma, Geneva, sans-serif;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Century Gothic, sans-serif;
*/
	font-family: Verdana, Geneva, "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	/* font: 10pt/18pt Verdana, Geneva, Tahoma, Arial, "Trebuchet MS", sans-serif; */   
	color: #000000;
	margin: 0px;
 /*  line-height: 150%; */
   text-align: top;	
 /*  background-color: #191497; */
	background-color: #008000; /* #008000 este es el green de html; #2A8B23 es el pantone 363C*/
   /* background-color: yellowgreen; */
}

h1, h2, h3, h4, h5, h6 {Georgia, "Times New Roman", Times, serif;
	}

a{ text-decoration: none;
   font-weight: normal;
	}

a:hover{font-weight: bold;}	

div#contenedor{width:960px; height: 1008px; background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	overflow: hidden;
    background-image: url('./ICS_960x1008_H008000.png');
	background-size: cover;
}

/* div#contenedor{width:960px; background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	overflow: hidden;
} */

/* div#todopie{float: left; width:100%;height: 115px;margin-top: -30px; */
	/* background-color: #191497; */
	/* background-image: url('./img/fondopie2.png'); */
	/* background-size: cover; */
	/* } */

div#cabecera{width:100%;text-align:left;color:#00CC00; 
	  overflow: hidden;
}
div#cabecera_logo{float:left;width:26%;
	position: relative; top:0px; left: 60px;
	padding-top:45px;
	text-align:left;}
div#cabecera_banner{float:right;width:74%; height: 180px;text-align: right;
	background-image: url('./img/fondoencabezado_710x180.png');
	background-size: cover;	
}
div#cabecera_foto_izq{ width: 153px; height: 114px;
	z-index: 2;
	display: inline-block;
	position: relative; top: 30px; right: 30px;
/*	background-image: url('./img/fotoencabezado_izq.jpg'); */
	background-image: url('./img/planos6.jpg'); 
	background-size: cover;
	}
div#cabecera_foto_der{width: 135px; height: 135px;
	z-index: 3;
	display: inline-block;
   position: relative; top: 20px; right: 50px;	
/*	background-image: url('./img/fondoencabezado_der.jpg'); */
	background-image: url('./img/tecnicos1.jpg');
	background-size: cover;
	}

/* ------------------------------------------------ */
/* ------------------------------------------------ */

div#menu_ppal{float:left;width:99%;padding-left:1%;padding-top: 15px; padding-bottom: 30px;
             text-align:left;color:#00CC00}

.BotonInicio {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botoninicio.png') bottom;
	text-indent: -99999px;
}
.BotonInicio:hover {	background-position: 0 0;}
	
.BotonEmpresa {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botonempresa.png') bottom;
	text-indent: -99999px;
}
.BotonEmpresa:hover {background-position: 0 0;}
	
.BotonMercados {
	float:left;
	margin-right: 5px;	
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botonmercados.png') bottom;
	text-indent: -99999px;
}
.BotonMercados:hover {background-position: 0 0;}
	
.BotonColaboracion {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botoncolaboracion.png') bottom;
	text-indent: -99999px;
}
.BotonColaboracion:hover {background-position: 0 0;}
	
.BotonIdi {
	float:left;
	margin-right: 5px;	
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botonidi.png') bottom;
	text-indent: -99999px;
}
.BotonIdi:hover {background-position: 0 0;}
	
.BotonContacto {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botoncontacto.png') bottom;
	text-indent: -99999px;
}
.BotonContacto:hover {background-position: 0 0;}
	
.BotonInicio2 {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botoninicio2.png') bottom;
	text-indent: -99999px;
}
.BotonInicio2:hover {	}

.BotonEmpresa2 {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botonempresa2.png') bottom;
	text-indent: -99999px;
}
.BotonEmpresa2:hover { }
	
.BotonMercados2 {
	float:left;
	margin-right: 5px;	
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botonmercados2.png') bottom;
	text-indent: -99999px;
}
.BotonMercados2:hover { }
	
.BotonColaboracion2 {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botoncolaboracion2.png') bottom;
	text-indent: -99999px;
}
.BotonColaboracion2:hover { }
	
.BotonIdi2 {
	float:left;
	margin-right: 5px;	
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botonidi2.png') bottom;
	text-indent: -99999px;
}
.BotonIdi2:hover { }
	
.BotonContacto2 {
	float:left;
	margin-right: 5px;
	display: block;
	width: 125px;
	height: 50px;
	background: url('./img/botoncontacto2.png') bottom;
	text-indent: -99999px;
}
.BotonContacto2:hover { }

/* ------------------------------------------------ */
/* ------------------------------------------------ */

div#menu_2ndrio_vacio {
   float:left;	
	width:15%;
   border: 1px solid #BFBFBF;	
	float:left;
	margin-top:  20px;
	margin-left: 1%;
	font-size: smaller;
	color: #BFBFBF;
	/* padding-left: 15px; */
	/*font-size: 14px; */	
 	}

div#menu_2ndrio {
   float:left;	
	width:15%;
   border: 2px solid #BFBFBF;	
	float:left;
	margin-top:  20px;
	margin-left: 1%;
	font-size: smaller;
	color: #BFBFBF;
	/* padding-left: 15px; */
	/*font-size: 14px; */	
 	}

.apagado{
	display: block;
	text-decoration: none;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #BFBFBF;
	letter-spacing: 1px;
	color: #4D4D4D;
	background-color: #FFFFFF;
}

.apagado:link{
   padding-left: 5px;	
}

.apagado:hover{
   font-weight: bold;	
}	

.encendido {
	display: block;
	text-decoration: none;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #BFBFBF;
   letter-spacing: 1px;	
	color: #FFFFFF;
	background-color: #00C1FF;
	}

.encendido:link{
   font-weight: bold;
   padding-left: 5px;	
}

.encendido:hover{
   font-weight: bold;	
}	

/* ------------------------------------------------ */
/* ------------------------------------------------ */

div#pagina{float:right;width:75%;
   padding-top: 5px;	
   padding-right: 20px;
	padding-bottom:15px;
	text-align: justify;
/*	font-size: 1.00em; */
	color: #333333;
	 }

#pagina_fotos{text-align: center; vertical-align: middle;}

#pagina_fotos div{
   background-color: #FFFFFF;
   height: 10px;   
   margin-top:0px;
   margin-bottom:0px;
   padding:0px;
   padding-top: 0px;   
   padding-bottom: 0px;
	display: inline-block;
	overflow: visible;
   /* color: #191497; */
   }

#pagina_fotos .justificar {
	width: 91.67%;
	text-align: justify;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    overflow: visible;
	}

/* #pagina_fotos .centrar {
	width: 91.67%;
	text-align: center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    overflow: visible;
	} */

#pagina_fotos .base {
	width: 90%; height: 1px; line-height: 1px;
	position: relative; top: -9999px;
   margin-top:0px;
   margin-bottom:0px;
   padding:0px;
	}		

/* ------------------------------------------------ */
/* ------------------------------------------------ */

/* Modelo pie 2. 960x120 px. 120px degradado, no llega al 100% azul. Texto en azul. */

div#todopie{float: left; width:100%;height: 115px;margin-top: -30px;
	/* background-color: #191497; */
	background-image: url('./img/fondopie2.png');
	background-size: cover;
	}

#pie{text-align: justify; vertical-align: bottom; vertical-align: text-bottom;}

#pie div{ width:100%;
/*   background-color: #000000; */
/*   background-color: #191497; */
   padding-top: 0px;   
   padding-bottom: 0px;
	display: inline-block;
	overflow:hidden;
   color: #191497;
   }

#pie a{ text-decoration: none;
   font-weight: normal;
   color: #191497
	}
#pie a:hover{font-weight: bold;}	

#pie .izq {
	position: relative; top: 89px;	
	width: 200px;
	padding-left: 10px;
	text-align: left;
	}
#pie .centro {
	position: relative; top: 89px;
	width: 200px;
	text-align: center;
	}
#pie .derecha{
	position: relative; top: 89px;
	width: 200px;
   padding-right: 10px;	
	text-align: right;
	}
#pie .base {
	position: relative; top: 94px;
	width: 700px; height: 1px; line-height: 1px;
	text-align: center;
	}	

/* ------------------------------------------------ */
/* ------------------------------------------------ */
	
.img_centrada {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

/* added html {overflow-y: scroll; } to always create a scrollbar to stop scrollbar shift —— */
html {overflow-y: scroll; }    

/* Fin de la página de estilos. */