/* CSS3 */
/* Developed by: MrCh0n <mrchon@gmail.com> */  
/* fecha de creacion: 11/02/2013 */  
/* fecha de modificacion: 11/02/2013 */
/* =================================================================== 
 * OBJETOS SLIDER PRINCIPAL
 * ===================================================================*/
BODY{
	height:100%;
	background-image: url('../imagenes/fondogranitobeige.jpg');
	background-repeat:repeat;
	background-position: left top;
	background-color: #fff;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
#main{
	width:100%;
}

/* =================================================================== 
 * OBJETOS DEL HEADER
 * ===================================================================*/

#div_header{
	border:0px solid #000;
	width:100%;
	height:107px;
	background-image: url('../imagenes/franjaaestirar.jpg');
	background-repeat:repeat-x;
	background-position: left top;
	background-color: transparent !important;
}
#div_header_login{
	height:31px;
	text-align:right;
	padding-right:7%;
}
#div_header_login>a{
	font-size:0.8em;
}
nav>ul{
	border:0px solid #00f;
	margin:auto;
	text-align:center;
	width:100%;
	height:75px;
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	padding-left:0;

}
nav>ul>li{
	display:inline-block;
	float:left;
}

li.classheader{
	border:0px solid #0f0;
	overflow:hidden;
	text-align:center;
	width:18%;
	height:100%;
	
	font-style:normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.5em;
	color:#fff;
	
	
}
li.classheader:hover{
	cursor:pointer;
	background-image: url('../imagenes/menuover.jpg');
	background-repeat:no-repeat;
	background-position: center 100%;
	background-color: transparent !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
li.logo{
	width:28%;
	overflow:initial;
	border:1px solid transparent;
}
#logo{
	position:absolute;
	top:0;
	left:calc(50% - 150px);
	z-index:1000;
}

section{

}
/* =================================================================== 
 * OBJETOS DEL FOOTER
 * ===================================================================*/
footer {
	position:relative;
	border:0px solid #000;
	text-align: left;
	/*position: fixed;*/
	bottom: 0;
	left:0;
	width:100%;
	background-image: url('../imagenes/lineafooter.png');
	background-repeat:repeat-x;
	background-position: left bottom;
}
#div_footer{
	background-image: url('../imagenes/franjainferiornueva.jpg');
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color: transparent !important;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	height:155px;
}
.footer_dir{
	border:0px solid #000;
	position:absolute;
	left:30%;
	top:70px;
	display:inline-block;
	font-style:normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.2em;
	color:#fff;
	text-align:center;
}
.box-social{
	border:0px solid #000;
	display:inline-block;
	position:absolute;
	right:50px;
	top:60px;
}
.box-social ul{
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	padding-left:0;
}
.box-social ul li{
	display:inline-block;
}
.box-social ul li a{border:0px solid #000;display:block;overflow:hidden;height:40px;width:40px;text-indent:-9999px;}
.box-social ul li a.facebox-link{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -1px 0 transparent;}
.box-social ul li a.facebox-link:hover{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -1px -45px transparent;}
.box-social ul li a.twitter-link{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -47px 0 transparent;}
.box-social ul li a.twitter-link:hover{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -47px -45px transparent;}
.box-social ul li a.google-link{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -92px 0 transparent;}
.box-social ul li a.google-link:hover{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -92px -45px transparent;} 
.box-social ul li a.youtobe-link{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -136px 0 transparent;}
.box-social ul li a.youtobe-link:hover{background: url("../imagenes/img-socialnewbg1.png") no-repeat scroll -136px -45px transparent;}

/* =================================================================== 
 * OBJETOS DEL SLIDER HOME
 * ===================================================================*/
#div_slider1{
	border:0px solid #f00;
	width:100%;
	margin:auto;
	min-height:468px;
}
#div_slider1>ul{
	border:0px solid #00f;
	margin:auto;
	text-align:center;
	width:100%;
	
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	padding-left:0;
}
#div_slider1>ul>li{
	border:0px solid #00f;
	display:inline-block;
	width:100%;
	
}
.imgsliderhome{
	height:100%;
	border:0px solid #f09;
	width:100%;
}
/* =================================================================== 
 * OBJETOS DEL BANNER DE PROVEEDORES HOME
 * ===================================================================*/
#div_hombanner1{
	width:100%;
	text-align:center;
	padding:auto;
	background-color:#fff;
}
/* =================================================================== 
 * OBJETOS DEL BANNER PEDIDO LINEAS HOME
 * ===================================================================*/
#div_homepedidos{
	width:100%;
	position:relative;
	text-align:center;
	padding:auto;
	margin-bottom:30px;
	margin-top:0;
	
	background-image: url('../imagenes/pedidoenlinea.jpg');
	background-repeat:no-repeat;
	background-position: left top;
	background-color: transparent !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:280px;
}
.domiciliohome{
	border:0px solid #000;
	position:absolute;
	top:110px;
	left:320px;
	width:350px;
	text-align:center;
	font-style:normal;
	font-weight: 400;
	font-variant: normal;
	font-size: 3em;
	text-shadow: 2px 2px 1px rgba(90, 90, 90, 0.8);
	color:#a4162c; /*guindo*/
	
}

.domiciliohome2{
	border:0px solid #000;
	position:absolute;
	top:130px;
	left:calc(50% + 80px);
	width:350px;
	text-align:center;
	font-style:normal;
	font-weight: 400;
	font-variant: normal;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px rgba(90, 90, 90, 0.8);
	color:#a4162c; /*guindo*/
	
}
.domiciliohome3{
	font-size: 1.2em;
}

/* =================================================================== 
 * OBJETOS DEL GRID PRINCIPAL DEL HOME
 * ===================================================================*/
#div_homegrid{
	border:0px solid #000;
	width:90%;
	margin:auto;
	text-align:center;
}
.grilla3{
	border:0px solid #000;
	display:inline-block;
	padding-bottom:10px;
}
.imgover{
	cursor:pointer;
}
/*####################### RESPONSIVE ######################*/
@media only screen and (min-width: 960px) and (max-width : 1024px) {
	
}
/* hasta celulares iphones  6 plus*/
@media only screen and (max-width : 570px) {	
	
}


/* tabletas verticales*/
@media only screen and (min-width: 600px) and (max-width : 960px) {


}
/* las grandes */
@media only screen and (min-width : 1025px) {

}