/*
	Proyecto: Grupo Ferretero Perisur
	@: GFPerisur | Avansys www.avansys.com.mx
	@autor: Isaac A. Díaz Mendoza  ::  metaisaak@gmail.com
*/
*{
	margin: 0;
	padding: 0;
}
body{
	color: #3f3f3f;
	min-width: 790px;
	font: 13px/1.6em "Trebuchet MS", Tahoma, Arial, sans-serif;
}
body#inicio{background: url(../i_magenes/inicio/bkg.jpg) repeat-x 0 top;}
body#inicio #header{
	background: none;
	border: none;
}
body#quienes{}
body#productos{}
body#proveedores{}
body#mapa{}
body#contacto{}
body#correo{}

#header{
	width: 100%;
	height: 146px;
	background: url(../i_magenes/bkg_header.jpg) repeat-x;
	position: relative;
}
#logo{
	float: left;
	margin: 20px 0 0 30px;
}
#logo-texto{
	float: left;
	margin: 50px 0 0 30px;
}

/* @group MENU */

#menu{
	list-style-type: none;
	list-style-position: inside;
	width: 950px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 28px;
	text-align: center;
}
#menu li{
	display: block;
	width: auto;
	height: 28px;
	margin: 0 3px;
	overflow: hidden;
	line-height: 100em;
	float: left;
}
#menu li#minicio{
	margin: 0 0 0 150px;
}
#menu li a{
	display: block;
	width: 100%;
	height: 100%;
}
#menu #minicio a{
	width: 80px;
	background: url(../i_magenes/nav/bt_inicio.gif) no-repeat 0 top;
}
#menu #mquienes a{
	width: 118px;
	background: url(../i_magenes/nav/bt_quienes.gif) no-repeat 0 top;
}
#menu #mproductos a{
	width: 77px;
	background: url(../i_magenes/nav/bt_productos.gif) no-repeat 0 top;
}
#menu #mproveedores a{
	width: 87px;
	background: url(../i_magenes/nav/bt_proveedores.gif) no-repeat 0 top;
}
#menu #mmapas a{
	width: 127px;
	background: url(../i_magenes/nav/bt_mapa.gif) no-repeat 0 top;
}
#menu #mcontacto a{
	width: 79px;
	background: url(../i_magenes/nav/bt_contacto.gif) no-repeat 0 top;
}
#menu #mcorreo a{
	width: 121px;
	background: url(../i_magenes/nav/bt_correo.gif) no-repeat 0 top;
}
#menu #minicio a:visited, , #menu #mquienes a:visited, #menu #mproductos a:visited, #menu #mproveedores a:visited, #menu #mmapas a:visited, #menu #mcontacto a:visited, #menu #mcorreo a:visited{
	text-decoration: none;
}  

#menu #minicio a:hover{width: 80px; background: url(../i_magenes/nav/bt_inicio.gif) no-repeat 0 bottom;}
body#inicio #minicio a{width: 80px; background: url(../i_magenes/nav/bt_inicio.gif) no-repeat 0 bottom;}
#menu #mquienes a:hover{width: 118px; background: url(../i_magenes/nav/bt_quienes.gif) no-repeat 0 bottom;}
body#quienes #mquienes a{width: 118px; background: url(../i_magenes/nav/bt_quienes.gif) no-repeat 0 bottom;}
#menu #mproductos a:hover{width: 77px; background: url(../i_magenes/nav/bt_productos.gif) no-repeat 0 bottom;}
body#productos #mproductos a{width: 77px; background: url(../i_magenes/nav/bt_productos.gif) no-repeat 0 bottom;}
#menu #mproveedores a:hover{width: 87px; background: url(../i_magenes/nav/bt_proveedores.gif) no-repeat 0 bottom;}
body#proveedores #mproveedores a{width: 87px; background: url(../i_magenes/nav/bt_proveedores.gif) no-repeat 0 bottom;}
#menu #mmapas a:hover{width: 127px; background: url(../i_magenes/nav/bt_mapa.gif) no-repeat 0 bottom;}
body#mapa #mmapas a{width: 127px; background: url(../i_magenes/nav/bt_mapa.gif) no-repeat 0 bottom;}
#menu #mcontacto a:hover{width: 78px; background: url(../i_magenes/nav/bt_contacto.gif) no-repeat 0 bottom;}
body#contacto #mcontacto a{width: 78px; background: url(../i_magenes/nav/bt_contacto.gif) no-repeat 0 bottom;}
#menu #mcorreo a:hover{width: 121px; background: url(../i_magenes/nav/bt_correo.gif) no-repeat 0 bottom;}
body#correo #mcorreo a{width: 121px; background: url(../i_magenes/nav/bt_correo.gif) no-repeat 0 bottom;}
/* @end */
* dd{
	margin-left: 20px;
}
/* @group PRINCIPAL */
#inicioBox{
	width: 978px;
	height: 390px;
	position: relative;
	margin: 0 auto;
	background: url(../i_magenes/inicio/bkg_box.png) no-repeat 0 bottom;
}
#inicio #logo{
	margin: 10px 0 0 15px;
}
#inicioBoxContent{
	width: 958px;
	margin: auto;
	padding: 10px;
}
#inicioBoxContent p{
	width: 300px;
	margin: 0 10px;
	float: left;
}
#inicioBoxContent h3{float: left;}
/* Esto es solo para la imagen antes de tener el FLA */
#inicioBoxContent #logos_swf{float: right;}
#inicio #header{height: 125px;}
#inicio #central{
	padding: 5px 0 0 0;
	min-height: inherit;
}
#inicio #inicioBox #menu{
	position: relative;
	top: 0;
	left: 6px;
}
#inicio #inicioBox #menu li{margin: 0 3px;}

body#inicio #minicio a{width: 80px;background: url(../i_magenes/nav/bt_i_inicio.png) no-repeat 0 top;}
body#inicio #mquienes a{width: 118px;background: url(../i_magenes/nav/bt_i_quienes.png) no-repeat 0 top;}
body#inicio #mproductos a{width: 77px;background: url(../i_magenes/nav/bt_i_productos.png) no-repeat 0 top;}
body#inicio #mproveedores a{width: 87px;background: url(../i_magenes/nav/bt_i_proveedores.png) no-repeat 0 top;}
body#inicio #mmapas a{width: 127px;background: url(../i_magenes/nav/bt_i_mapa.png) no-repeat 0 top;}
body#inicio #mcontacto a{width: 80px; background: url(../i_magenes/nav/bt_i_contacto.png) no-repeat 0 top;}
body#inicio #mcorreo a{width: 122px; background: url(../i_magenes/nav/bt_i_correo.png) no-repeat 0 top;}
body#inicio #minicio a:visited, , body#inicio #mquienes a:visited, body#inicio #mproductos a:visited, body#inicio #mproveedores a:visited, body#inicio #mmapas a:visited, body#inicio #mcontacto a:visited, body#inicio #mcorreo a:visited{
	text-decoration: none;
} 
body#inicio #minicio a:hover{width: 80px; background: url(../i_magenes/nav/bt_i_inicio.png) no-repeat 0 bottom;}
body#inicio #mquienes a:hover{width: 118px; background: url(../i_magenes/nav/bt_i_quienes.png) no-repeat 0 bottom;}
body#inicio #mproductos a:hover{width: 77px; background: url(../i_magenes/nav/bt_i_productos.png) no-repeat 0 bottom;}
body#inicio #mproveedores a:hover{width: 87px; background: url(../i_magenes/nav/bt_i_proveedores.png) no-repeat 0 bottom;}
body#inicio #mmapas a:hover{width: 127px; background: url(../i_magenes/nav/bt_i_mapa.png) no-repeat 0 bottom;}
body#inicio #mcontacto a:hover{width: 80px; background: url(../i_magenes/nav/bt_i_contacto.png) no-repeat 0 bottom;}
body#inicio #mcorreo a:hover{width: 122px; background: url(../i_magenes/nav/bt_i_correo.png) no-repeat 0 bottom;}

#inicio  div.columna{
	width: 290px;
	height: auto;
	margin: 0 1%;
	float: left;
	/*border: thin solid #e2e2e2;*/
}
#inicio  #central div.columna > img{
	display: block;
	margin: 0 auto 15px;
}
#inicio div.columna ul{
	width: 80%;
	list-style-position: inside;
	list-style-type: none;
	margin: 0 auto;
	font-size: 20px;
}
#inicio div.columna ul li{
	display: block;
	margin: 8px 0;
}
#inicio div.columna img{
	display: inline;
	margin: 0 1px;
}
#inicio div.columna a img{
	border: 2px solid silver;
}
/* @end */

/* @group QUIENES */
#quienes #central img{
	border: medium solid gray;
	float: right;
	margin: 0 10px 10px;
}
#quienes #central #qimg2, #quienes #central #qimg3, #quienes #central #qimg4{
	display: inline;
	float: none;
	margin: 0 3% 0 6%;
}
/* @end */

/* @group CONTACTO */
#contacto1{
	text-align: center;
	margin: 15px 0;
	float: left;
}
#contacto2{
	width: 30%;
	margin: 0 24px;
	padding: 10px;
	background: url(../i_magenes/contacto/bkg2.jpg) no-repeat;
	border-top: thin solid silver;
	border-left: thin solid #e2e2e2;
	float: left;
}
#contacto1, #contacto2{width: 45%;}
body#contacto dl dt{color: #ff2f31;}
/* @end */

/* @group MAPAS */
#mapa #oficinas{
	border: 4px solid silver;
}
#entregasUL{
	float: right;
	width: 470px;
	list-style-position: inside;
	opacity: 1;
	margin-top: 30px;
}
#entregasUL h3{
	width: 100%;
	height: 20px;
	margin: 0 0 5px;
	background-color: rgba(0,0,0,0.5);
	text-indent: 10px;
}
#entregasUL p{
	padding: 4px;
}
#entregasUL li{
	list-style-type: square;
	margin-left: 30px;
	margin-bottom: 10px;
	color: #e7e7e7;
	border: 3px solid silver;
}
#entregasUL li#ZMGDL{
	background-color: #f00;
}
#entregasUL li#REPUBLICA{
	background-color: #4a88c6;
}


/* @end */

/* @group PROVEEDORES */
#proveedores #central #logos_provedores img{
	border: medium solid silver;
	margin: 3px 4px 10px;
}


/* @end */

#central{
	width: 80%;
	max-width: 1000px;
	min-width: 950px;
	margin: 0 auto;
	min-height: 500px;
	height: auto;
	padding-top: 20px;
}
#footer{
	width: 100%;
	height: 94px;
	background: url(../i_magenes/bkg_footer.jpg) repeat-x;
	border-top: thin solid black;
	position: relative;
	/*bottom: 0;*/
	clear: both;
	color: #7f7f7f;
	overflow: hidden;
}
#proveedores #footer, #correo #footer, #productos #footer{position: absolute;}
#footer .datosEmpresa{
	float: left;
	margin: 10px 10px 10px 20px;
	color: white;
	line-height: 1.4em;
	font-size: 11px;
}
div#footer ul#menu, div#footer ul#menu2{
	position: relative;
	display: block;
	margin: 5px 20px 2px 2px;
	height: 80px;
	width: 230px;
	color: inherit;
	float: right;
	font-size: 11px;
	line-height: 1em;
	overflow: visible;
	text-align: left;
	list-style-type: none;
}
div#footer ul#menu li, div#footer ul#menu2 li{
	vertical-align: middle;
	float: left;;
	width: 94px;
	height: 16px;
	line-height: 1em;
	margin: 1px 0 1px 10px;
}
div#footer ul#menu li:hover, div#footer ul#menu2 li:hover{
	text-decoration: underline;
	color: white;
	text-indent: 1px;
}

h1{
	color: black;
	margin-top: 6px;
	margin-bottom: 26px;
	color: white;
	text-decoration: underline;
}
h2{
	height: 25px;
	margin-top: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #d705ff;
	clear:both;
}
h3{height: 18px;margin: 0 0 10px 15px;}
.fRight{float: right;}
.fLeft{float: left;}