/*top right bottom left*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* Estilo de cajas */

#contenedor {
	position: absolute;
	margin:0 auto; 
    width: 100%;
	height:auto;
/*	border:1px solid red; /**/
}

#top_box_contacto{
	position: fixed;
	z-index:200;
	margin:0 auto;
	width: 100%;
	background-color: #333; /* Para Internet Explorer */
/*	background: rgba(0,0,0,.6);  /* Para los navegadores que soportan RGBA */
/*	border:1px solid orange;	/**/
}

#top_box_logo_menu{
	position: fixed; /**/
	z-index:201;
	margin:0 auto;
	margin-top: 3.2%;
	padding-top:.6%;/**/
	padding-bottom: .6%;
	width: 100%;
	height: 82px;
	background-color:#FFF;
/*	border:1px solid red;	/**/
}

#caja_logo{
	float:left;
	margin-left: 5%;
	width: 28%;
	height: 81px; /* antes 74% 0 100px*/
/*	background: #FF3; /* Para Internet Explorer */	
	background-image: url(images/r.png), url(images/contenedor_encabezado.png);
	background-repeat: no-repeat, repeat-x;/**/
/*	border:1px solid red;	/**/
}

#caja_menu{
	float: left;
	margin-left: 4.5%;	
	width: 62.5%;
	height:80px; /* provoca que el menu desplegable no arroje una pantalla blanca*/
/*	border:1px solid brown;	/**/
}

#caja_carrusel{
	z-index:202;
	float:left;/**/
/*	margin:0 auto;/**/
	width: 100%;
	height: auto;
	margin-top:12%; /*antes 12.4% o 140px*/
/*	border:1px solid blue;	/**/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**************************************************/
/* Inicia configuración de Mercados que Atendemos */
/**************************************************/
#caja_servicios{
	float:left;
	position: relative;
	margin:0 auto;
	width: 100%;
	height: auto; /* antes 420px*/
/*	border:1px solid red;	/**/
}

#caja_servicios_varios{
	float: left;
	position: relative;
	margin-left: 5%;
	margin-top: 1%;
	background-color: #FF3; /* antes FC0 FF3*/
	background-repeat:no-repeat;/**/
	width: 26%; /* antes 26%*/
	min-height:15%;
	height: auto; /* antes 50%*/
/*	border:1px solid green;	/**/
}

.imagen_servicios{
	width: 100%;/**/
}

a.servicios_color_letra:link{
	text-decoration:none;
	color:#333;
	font-family: Verdana;
	font-weight:normal;
	font-size: .95em;
}   

a.servicios_color_letra:visited{
	color:#333;
}

a.servicios_color_letra:hover{
	text-decoration:underline;
	color:#000;
}

#caja_servicios_varios_txt{
	float: left;
	position: relative;
	width: 100%;
	min-height: 180px; /* antes 180px */
	height: auto;/**/
	background-color: #FC0; /* antes FF3 FC0*/
/*	border:1px solid green;	/**/
}

.titulo_servicios{
	position: relative;
	text-align: center;
	padding: 3% 0 3% 0;
/*	color: #333;/**/
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 5%;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #333;/**/
}

.detalle_servicios{
	position: relative;
	margin: 0 2.3% 0 6%;
	padding: 3% 0 3% 0;
	text-align: left;
/*	color: #333;/**/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .813em;
	line-height: 1.6;
}

/*****************************************/
/* Finaliza configuración de servicios */
/*********************************/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*************************************************************/
/* Inicia configuración de obras */ /* top right bottom left */
/*************************************************************/
#caja_obras{
	float:left;
	position: relative;
	margin:0 auto;
	margin-top: 50px;
	width: 100%;
	height: auto; /* antes 420px*/
/*	border:1px solid red;	/**/
}

#caja_obras_varios{
	float: left;
	position: relative;
	margin-left: 5%;
	margin-top: 1.5%;
/*	background-color: #FF3; /* antes FC0*/
	background-repeat:no-repeat;/**/
	width: 18%; /* antes 26%*/
	min-height:30%;
	height: auto; /* antes 50%*/
/*	border:1px solid black;	/**/
}

.obras_fondo1{
	background-color: #FF3; /* antes FC0*/
}

.obras_fondo2{
	background-color: #FF7; /* antes FC0*/
}

.imagen_obras{
	width: 100%;/**/
}

.color_letra_obras{
	color:#333;
	border-bottom:1px solid gray;
	opacity:0.90;
	filter: alpha(opacity=90);
}

.color_letra_obras:hover{
	color:#000;
	border-bottom:1px solid #000;
	opacity:1;
	filter: alpha(opacity=100);
}

#caja_obras_varios_txt{
	float: left;
	position: relative;
	width: 100%;
	min-height: 10px; /* antes 180px */
	height: auto;/**/
/*	background-color: #FC0; /* antes FF3 */
/*	border-bottom:1px solid gray;	/**/
}

.titulo_obras{
	position: relative;
	text-align: center;
	padding: 1% 0 1.5% 0; /**/
	font-size: .9em;
	font-weight: bold;
	margin: 0 5%;
	font-family: Arial, Helvetica, sans-serif;
/*	border-bottom:1px solid #333;/**/
}

.detalle_obras{
	position: relative;
	margin: 0 2.3% 0 6%;/**/
	padding: 3% 0 3% 0;/**/
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .813em;
	line-height: 1.6;
}

/***********************************/
/* Finaliza configuración de obras */
/***********************************/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*****************************************/
/* Inicia sección Distribuidor Cenmex */
/*****************************************/
#caja_ventas{
	float:left;
	position: relative;
	margin:0 auto;
	margin-top: 50px;
	width: 100%;
	height: auto; /* antes 420px*/
/*	border:1px solid red;	/**/
}

#caja_ventas_varios{
	float: left;
	position: relative;
	margin-left: 5%;
	margin-top: 1.5%;
/*	background-color: #FF3; /* antes FC0*/
	background-repeat:no-repeat;/**/
	width: 18%; /* antes 26%*/
	min-height:30%;
	height: auto; /* antes 50%*/
/*	border:1px solid black;	/**/
}

.ventas_fondo1{
	background-color: #FF3; /* antes FC0*/
}

.ventas_fondo2{
	background-color: #FF7; /* antes FC0*/
}

.imagen_ventas{
	width: 100%;/**/
}

.color_letra_ventas{
	color:#333;
	border-bottom:1px solid gray;
	opacity:0.90;
	filter: alpha(opacity=90);
}

.color_letra_ventas:hover{
	color:#000;
	border-bottom:1px solid #000;
	opacity:1;
	filter: alpha(opacity=100);
}

#caja_ventas_varios_txt{
	float: left;
	position: relative;
	width: 100%;
	min-height: 10px; /* antes 180px */
	height: auto;/**/
/*	background-color: #FC0; /* antes FF3 */
/*	border-bottom:1px solid gray;	/**/
}

.titulo_ventas{
	position: relative;
	text-align: center;
	padding: 1% 0 1.5% 0; /**/
	font-size: .9em;
	font-weight: bold;
	margin: 0 5%;
	font-family: Arial, Helvetica, sans-serif;
/*	border-bottom:1px solid #333;/**/
}

.detalle_ventas{
	position: relative;
	margin: 0 2.3% 0 6%;/**/
	padding: 3% 0 3% 0;/**/
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .813em;
	line-height: 1.6;
}

/*****************************************/
/*         Finaliza sección ventas       */
/*****************************************/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*****************************************/
/*         Inicia sección Oficinas       */
/*****************************************/
#caja_sucursales{
	float:left;
	position: relative;
	margin:0 auto;
	margin-top: 4%;
	width: 100%;
	height: auto;
/*	border:1px solid green;	/**/
}

#caja_sucursal_ubica{
	float: left;
	position: relative;
	margin-left: 12%; /*antes 5% con width:42% */
	margin-top: 2%;
	width: 32%; /* antes 42%*/
	min-height:15%;
	height: auto; /* antes 50%*/
	border:1px solid #CCC;	/**/
}

#caja_sucursal_maps{
	float: left;
	position: relative;
	width: 100%;
	min-height: 130px; /**/
	height: auto;
/*	border:1px solid green;	/**/
}
/*****************************************/
/*      Finaliza sección sucursales      */
/*****************************************/





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*****************************************/
/*      Inicia sección GoogleMaps        */
/*****************************************/
.map-container {
	width: 100%;
}
.map-container iframe{
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
/*****************************************/
/*      Finaliza sección GoogleMaps        */
/*****************************************/



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/**********************************/
/*  Inicia sección pie de página  */
/**********************************/
#caja_pie{
	float:left;
	position: relative;
	margin:0 auto;
	margin-top: 2%;
	width: 100%;
	height: 380px; /* antes 420px*/
	background: #333; /* FFA FF0 FF6 FF3*/
/*	border:1px solid red;	/**/
}

#caja_pie_varios{
	float: left;
	position: relative;
	margin-left: 5%;
	margin-top: 5%;
/*	background-color: #FF3; /* antes FC0 FF3*/
	width: 26%; /* antes 26%*/
	min-height:50%;
	height: auto; /* antes 50%*/
/*	border:1px solid #666;	/**/
}


.pie_color_letra{
	color:#FFF;
}


.titulo_pie{
	position: relative;
/*	padding: 3% 0 3% 0; /**/
/*	color: #333;/**/
	font-size: 1.5em;
	font-weight: 600;
	margin: 0 5%;
	font-family: arial;
	text-align:center;
	letter-spacing: .3em;
/*	border-bottom:1px solid #FC6;/**/
}

.detalle_pie{
	position: relative;
	text-align: center;
/*	color: #333;/**/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: .2em;
}


/**********************************/
/* Finaliza sección pie de página */
/**********************************/



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/***********************************/
/* Inicia caja secundaria de datos */
/***********************************/

#caja_secu{
	float:left;
	position: relative;
	margin-top:15%; /*antes 12.4% o 140px*/
	width: 100%;
	height: auto; /* antes 420px*/
/*	border:1px solid green;	/**/
}

#caja_secu_datos{
	float: left;
	position: relative;
	margin-left: 15%; /*antes 12.5*/
	margin-top: 1%;
	width: 70%; /* antes 75%*/
	min-height:15%;
	height: auto; /* antes 50%*/
	padding: 0 0 4% 0; 
/*	border:1px solid red;	/**/
}

#caja_secu_imagen{
	position: relative;
	margin: 0 auto;
	width: 65.2%; /* antes 75%*/
	padding: 0 .5% 0 .5%;
	border:1px solid #CCC;	/**/
}

.color_letra_datos{
	color: #333;
}

.titulo_secu_datos{/* top right bottom left */
	position: relative;
	text-align: left;
	padding: 3% 0 3% 6%; 
/*	color: #333;/**/
	font-size: 1.5em;
	font-weight: bold;
/*	margin: 0 2% 0 5%;/**/
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #333;/**/
}

.detalle_secu_datos{
	position: relative;
	margin: 0 2.3% 0 3%;
	padding: 3% 0 3% 3%;
	text-align: left;
/*	color: #333;/**/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.8;
/*	border:1px solid red;/**/
}
/***********************************/
/* Finaliza caja secundaria de datos */
/***********************************/



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/***********************************/
/* Inicia formulario de contacto   */
/***********************************/
#caja_form{
	position: relative;
	margin: 0 auto;
	width: 80%; /* antes 75%*/
	padding: 0 .5% 0 .5%;
/*	border:1px solid #CCC;	/**/	
}

.form-texto{
	text-align: left;
	color: #333;/**/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.8;
}

.form-texto-e{
	color:#F60;
	font-size: 1.5em;
	font-weight:bold;
}

/***********************************/
/* Finaliza formulario de contacto */
/***********************************/


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/***********************************/
/*        Inicia directorio        */
/***********************************/
#caja1-dir{
	position:relative;
	margin:0 auto; /*antes 12.5*/
	margin-top: 3%;
	width: 90%; /* antes 75%*/
	min-height:15%;
	height: auto; /* antes 50%*/
/*	border:1px solid blue;	/**/
}

#caja2-dir{
	float: left;
	margin-left: 15%; /*antes 12.5*/
	margin-top: 5%;
	width: 35%; /* antes 75%*/
	min-height:15%;
	height: auto; /* antes 50%*/
/*	border:1px solid blue;	/**/
}
.tipo-letra-dir{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
	line-height: 1.8;
}

.letra-negrita-dir{
	font-weight:bold;
}

.letra-normal-dir{
	font-weight:100;
}

.alineacion-centro-dir{
	text-align:center;
}

.alineacion-izq-dir{
	text-align:left;
}



/***********************************/
/*        Finaliza directorio      */
/***********************************/



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/***********************************/
/*        Inicia listas            */
/***********************************/
#caja-listas-inicial{
	position:relative;
	margin:0 auto; /*antes 12.5*/
	width: 90%; /* antes 75%*/
	min-height:15%;
	height: auto; /* antes 50%*/
	padding:1%;
	border:1px solid gray;	/**/
}

#caja-listas{
	position:relative;
	margin:0 auto; /*antes 12.5*/
	width: 90%; /* antes 75%*/
	min-height:15%;
	height: auto; /* antes 50%*/
	padding:1%;
	border-bottom:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
/*	border:1px solid gray;	/**/
}

.info-listas{
	position: relative;
	margin: 0 2.3% 0 5%;
	padding: 3% 0 3% 0;
	text-align: left;
/*	color: #333;/**/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.8;
}

a.listas-color-letra:link{
	text-decoration:none;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: .95em;
}   

a.listas-color-letra:visited{
	color:#000;
}

a.listas-color-letra:hover{
	text-decoration:underline;
	color:#000;
}


.fondo-listas{
	background:#CCC;
	opacity:0.90;
	filter: alpha(opacity=90);
}

.fondo-listas:hover{
	opacity:1;
	filter: alpha(opacity=100);
}
/***********************************/
/*      Finaliza listas            */
/***********************************/





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*****************************************/
/* Tipos de letras */ /*top right bottom left*/
/*****************************************/
/*top right bottom left*/

/* Letra de Contacto arriba */
h1{
	font-size: 100%;
	font-weight:100;
	font-family: Tahoma, Geneva, sans-serif;
	color:#FFF;
	margin-left: 5%;
	padding:.7% 0 .7% 0;
/*	border:1px solid red;	/**/
}

/* Letra de Contacto puntero arriba */
h1 a{
	color: #FFF;
	text-decoration:none;
}

/* Letra nombre de empresa */
h2{
	font-size: 250%;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	padding:0 0 0 32%;
/*	border:1px solid red;	/**/
}

/* Letra nombre de empresa pequeña */
h3{
	font-size: 1.2em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	padding-left: 32%;
	margin-top: -2.5%;
/*	border:1px solid red;	/**/
}

/* Título de ventanas */
h4{
	font-size: 125%;
	font-weight: 600;
	font-family: Tahoma, Geneva, sans-serif;
	color:#000;
	text-align:center;
/*	border-bottom:1px solid gray;	/**/
}