/**********************************************************************************************/
/************************************  estilos generales  *************************************/
/**********************************************************************************************/
@media ( max-width:1080px ){
    #fullcont{ min-width:320px; }
    .row{ width:100%; min-width:320px; }
}
/**********************************************************************************************/
/*******************************************  Header  *****************************************/
/**********************************************************************************************/
@media ( max-width:720px ){
    #logo{ width:100%; }
    #menu_principal{ width:100%; }
}
@media ( max-width:460px ){
    #menu_principal > li{ width:100%; height:auto; }
    #menu_principal ul{
        position:relative; display:block;
        top:0; padding:0;
    }
}
/*********************************************************************************************/
/******************************************  INICIO  ****************************************/
/*********************************************************************************************/
@media ( max-width:1300px ){
	#hs-pager{ right:50px; margin:-30px 0 0; }
}
/*********************************************************************/
@media ( max-width:796px ){
    #prod-home a{ margin:0; }
}
@media ( max-width:766px ){
    #prod-home{ margin:0; }
    #prod-home a{ width:100%; }
}
/*********************************************************************/
@media ( max-width:700px ){
	#textoIntroLeft .row{ background-size:contain; }
	#tIBG_3{ height:600px; }
	#tIL_3{ padding:10px 0 370px; }
}
@media ( max-width:640px ){
	#tIL_2{ margin:0 auto; }
	#tIL_3{ margin:0 auto; }
}
@media ( max-width:580px ){
	#tIL_1{ margin:0 auto; }
}
@media ( max-width:460px ){
	#tIBG_2{ height:280px; }
	#tIBG_3{ height:620px; }
	#tIL_1{ width:100%; margin:0; }
	#tIL_2{ width:320px; }
	#tIL_3{ width:320px; }
	#textoIntroLeft .row{ background-size:456px 433px; }
}
/*********************************************************************************************/
/*****************************************  PRODUCTOS  ***************************************/
/*********************************************************************************************/
@media ( min-width:710px ) and ( max-width:940px ){
	.prod-cont{ width:690px; }
}
@media ( min-width:480px ) and ( max-width:710px ){
	.prod-cont{ width:460px; }
}
@media ( max-width:480px ){
	.prod-cont{ width:230px; }
}
/*********************************************************************************************/
/*****************************************  CONTACTO  ***************************************/
/*********************************************************************************************/
@media ( max-width:720px ){
	#contTitle_1{ margin:40px 10px 0px; }
	#contTitle_2{ margin:5px 10px 20px; }
	#form-container{ background: url('../images/formBG.png') no-repeat 50px -600px, url(../images/formBGColor.png) repeat-x 0% 0%; }
	#formFrame{ margin:65px auto 0; padding:0 10px 80px; }
}
@media ( max-width:500px ){
	#contTitle_2{ font-size:12vw; line-height:12vw; }
	.formInput{ width:100%; margin:0 0 12px; }
}

/*********************************************************************************************/
/******************************************  POPUP  ******************************************/
/*********************************************************************************************/
@media ( max-width:940px ){
	.popcont{ width:780px; }
	.popLogo{ margin:20px 0 0 90px; }
	.popType{ margin:25px 0 0 90px; }
	.popIMG{ margin:95px 40px 45px 40px; }
	.popTitle1{ margin:70px 0 0 0px; }
	.popCode{ margin:0 0 0 0px; }
	.popSocial{ margin:0 0 10px; }
	.poptext1{ margin:10px 0 0 0px; }
	.popul1{ margin:10px 0 0 20px; }
	.popul2{ margin:10px 0 0 20px; }
	.popIconos{ margin:25px 0 0 0px; }
        .popAste{ margin:5px 0 0 0px; }
}
@media ( max-width:800px ){
	.popHeader div{ float:none; clear:both; }
	.popcont{ width:100%; height:auto; margin:5px auto; padding:0 0 50px; }
	.popcont > div,.popcont > img{ float:none; clear:both; }
	.popHeader{ height:auto; }
	.popHeader > div{ float:none; clear:both; }
	.popLogo{ margin:20px auto 0; }
	.popType{ width:auto; height:auto; margin:15px 10px 15px; text-align:center; border:0 none; }
	.popIMG{ margin:20px auto 0; }
	.popTitle1{ width:auto; margin:0px 20px 0; }
	.popTitle1:before{ content:''; }
	.popCode{ width:auto; margin:0 20px 0; }
	.popSocial{ width:auto; margin:0 20px 10px; }
	.poptext1{ width:auto; margin:10px 20px 0; }
	.popul1{ width:auto; margin:10px 20px 0; }
	.popul2{ width:auto; margin:10px 20px 0; }
	.popIconos{ margin:25px auto 0px; }
        .popAste{ margin:5px auto 0px; }
}
@media ( max-width:370px ){
	.popIconos{ width:100%; }
	.popIconos div{ width:33%; }
}


/*********************************************************************************************/
/******************************************* FOOTER ******************************************/
/*********************************************************************************************/
@media ( max-width:900px ){
	#footerLogo{ float:none; margin:40px auto 0; }
	#footerText{ margin:20px 0 40px 30px; }
	#footerSocial{ margin:20px 40px 40px 0; }
}
@media ( max-width:660px ){
	#footerText{ float:none; margin:20px auto; }
	#footerSocial{ float:none; margin:20px auto 40px; }
}
@media ( max-width:450px ){
	#footerText{ width:auto; margin:20px 20px; }
}
/**********************************************************************************************/