/* Font
-----------------------------------------------------------------------------------------------------------*/
@font-face{

    font-family:'titulos';
    src: url("themes/fonts/asphaltic_grain.ttf"); 
}
@font-face{

    font-family:'exouno';
    src: url("fonts/Exo_OTF/Exo-Medium.otf"); 
}
@font-face{

    font-family:'Exo-Bold';
    src: url("fonts/Exo_OTF/Exo-Bold.otf"); 
}

.tit-respon{font-family: fantasy; font-size: 3.4em;  text-align: center; color: #484747}


.headCont2{ height: 100%;}
.centrar-head{    float: left;}
.centrar-head2{  width: 56%;  float: left; font-family: 'Exo-bold';  font-size: 20px;}
.redes-subhead{width: 30%; margin: 0 2%; float: right;   }
.redes-cadauno{width: 16%; margin: 0 2%; float: left;  }


.gorro{float: left; height: 20px; margin-top: 3px; width: 20px; background: url(../themes/images/gorro.png); background-repeat:no-repeat; background-position: center center; background-size: 100%;}
.central{width: 161px;  height: 100%;}
.hcDir{float: left; height: 40px; color: white; font-size: 1.2em; width: auto; padding: 17px 2%;
	box-sizing: border-box;}
.hcSes{float: right; height: 40px; padding: 15px 2%;font-family: exouno;}

.hiddde{display: none !important;}
.subHead{width: 100%; height: 70px; background-color: #8c0d04;}
.footDtxt{ margin: 49px 49px 0; color: white; font-size: .77em;  }
.padCnt{width: 74%; background-color: rgba(2,2,2,.1); padding: 5%; margin: auto;  box-sizing: border-box;}
.fpa{position: absolute !important;}/*pantalla gra, height incom*/
.fpr{position: relative !important;}
.redes-head{width: 29%; margin: 2%; float: left;  }/* redes del footer*/
.tiendas{width: 90%; margin:3%;}

.txt-ttlhd{font-size: 18px;}

.inpu, .slcdir
	{
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    outline: none;
	    display: block;
	    color: white;
	    padding: 7px;
	    border: none;
	    /*border-bottom: 1px solid #ddd;
	    border-right: 1px solid #ddd;*/
	    margin-bottom: 10px;
	    font: 16px Arial, Helvetica, sans-serif;
	    height: 45px;
	    width:70%; 
	    background-color: rgba(2,2,2,.5);
	}
.slcdir{ width:85%; }	

.nbg {
	background-color: #971318 !important;
    border-color: #761912 !important;
    color: #ffffff;
    text-shadow: 0 1px 0 #005599 !important;}



.containerl{width: 100%; height: 100%}
.head-cont{
	width: 100%; 
	height: auto;
	min-width: 1080px;
	position: relative;
	background-position:center center;
	background-image:url(../themes/images/landing.jpg);
	background-size:cover;   
}
.head-subda, .head-subdb{
	float: left;
	color: white;
	height: auto;
	font-size: 1.3vw;
	font-family: 'exouno';
	width: 50%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.head-subda{
	padding: 5% 9%;
}
.head-subdb{
	padding: 5% 6%;
}
.bottom-head{	
    width: 100%; height: 7%; min-height: 65px; color: #484747; background-color: #dcdcdc;}

.bottom-cent{
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: auto;
    max-width: 1080px;
    height: auto;
    margin: auto;

}

.bottom-subA{width: 80%; float: left; font-size: 1.7em; font-family: 'exouno'; padding: 18px 0px;  }
.bottom-subB{width: 15%; float: left; margin-left: 3%; font-size: 1.5em; height: 59px; text-align: right; margin: 3px 0 0 3%;}
.ttl-txtcuadros{  font-size: 2.3em; font-family: 'exouno'; line-height: 0.9; color: white }
.cont {
    width: auto;
    max-width: 1080px;
    height: auto;
    margin: auto;
    height: auto !important;
}

.cont2 {
    width: auto;
    max-width: 1080px;
    margin: auto;
    border: 1px #f1efef solid;
    height: auto !important;
    margin-top: 2%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 1%;
    font-size: 11px;
    background-color: #f9f9f9;
    border-radius: 9px;
}

.opinionA, .opinionB, .opinionC, .opinionImg{
	float: left;
	color: white;
	height: auto;
	font-size: 1.2em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.opinionA{width: 30%; margin-left: 1%; margin-right: 1%; color: gray; font-size:23px; }
.opinionB{width: 28%; padding-top: 2.5%;}
.opinionC{width: 15%; margin-top: 4%; margin-left: 2%}
.opinionImg{width: 199px; }
.opinionB a{font-size: 14px;}

.opinionA h2{font-family: fantasy; font-size: 3.4em; text-align: left !important; color: #484747;}

/* cuadros trabaja con nosotros */
.sub3A, .sub3B, .sub3C{
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width: 330px;
	font-size: 1em;
	margin: 1% 15px;
	float: left;
	height: 570px;
	font-family: 'exouno';
	color: white !important;
	padding: 1% 3% 3% ;
	border-radius: 9px;
}

.ui-btn {
    font-size: 12px !important;
    line-height: 1.3;
    font-family: exouno;
    color: #6b6b6b !important;
}

.sub3A h1{margin: 0; font-family: fantasy; font-size: 2.8em;}
.sub3B h1{margin: 0; font-family: fantasy; font-size: 3.4em; color: #484747}
.sub3C h1{margin: 0; font-family: fantasy; font-size: 3.5em;  color: #484747}

.otitls{ font-family: fantasy; font-size: 2.4em; color: #484747}

.sub3A{background-image:url(../themes/images/domicilios-sogamoso-a-la-cartapp.jpg);}
.sub3C{background-image:url(../themes/images/a-la-cartapp-comida-domicilio-sogamoso.jpg);}
.sub3B{background-image:url(../themes/images/a-la-cartapp-domicilios.jpg);}

.ui-btn {
	font-size: 1em;
	line-height: 1.3;
	font-family: exouno; /*{global-font-family}*/;
	color: #6b6b6b !important;
}


.bA:hover{opacity: 0.8 !important;}
.bB:hover{opacity: 0.7 !important;}
.bC:hover{opacity: 0.8 !important;}

.bA, .bB, .bC{
	color: #ffffff !important;
	text-shadow: 0  1px  0  #333333;
	padding: 11px 32px;
	text-decoration: none;
	-webkit-box-shadow:0 0 12px gray ;-moz-box-shadow:0 0 12px gray ;box-shadow:0 0 12px gray ;
	border-radius: 4px;
	font-family: 'exouno';

}


.bA{
    background-color: #971318 !important;
	border-color: #971318 !important;

	}
.bB{
	background-color: #4fcacf !important;
	border-color: #4fcacf !important;
	
}
.bC{
	background-color: #bebfbf !important;
	border-color: #bebfbf !important;
	
	
}
.work-wus{}
.quees{color: white; font-family: fantasy, fantasy; text-align: center; font-size: 5em;
}
.hide-dktp{display: none}
.btn-bottom{margin-top: 300px !important;}
.hide-txt{color: white; font-size: 13px; margin-right: 2%;}


.alert {
  padding: 20px;
  opacity: 0.85;
  background-color: #980e13;
  color: white;
  border-radius: 2px;
  position:fixed;
  display: none;
  bottom:5px;
  margin: 1%;
  z-index: 100000;
  line-height: 1.4;
}

.alert a{
 text-decoration: none
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 42px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}



@media screen and (max-width: 1080px){
.padCnt {width: 100%;}
.containerl{    overflow-x: hidden;}
.central{margin: auto;}	
.centrar-head{ text-align: center;  width: 85%;  float: left;}
.centrar-head2{ text-align: center; font-family: 'exouno';  box-sizing: border-box; padding: 0 3%; width: 100%;  float: left;}
.headCont2{ width: 100%;}
.redes-head{width: 16%; margin:  2%; float: left;  }
.accordianheader {color:#fff !important; font-family: 'exouno' !important; background:#313131 !important; padding:10px 20px; margin-top:20px; text-align: center;}
/*.accordianbody {background: #971318  !important;}*/
.tiendas{width: 38%; margin:1%; float: left;}

.opinionA h4 {color: gray} 

.head-cont{
	min-width: 100%;
	height: auto;
}	

.hide-resp{display: none}

.headCont{ width: auto; min-width: 0; }

.head-subda, .head-subdb{
	width: 100%;
	height: auto;
	font-size: 6.3vw;
	text-align: center;
	line-height: normal;
}
.head-subda{
	padding: 5% 0;
}
.head-subdb{
	padding: 5% 1%;
}
.hide-dktp{display: inherit; }
.videoy{
	width: 100%; 
	height: auto;
	
} 

.bottom-head{	
    width: 100%; height: auto; min-height: 65px;}

.bottom-cent{
	width: 100%;

}
.bottom-subA{
	width: 67%;
    font-size: 1.8em;
    line-height: 32px;
    text-align: left;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.bottom-subB{width: 27%; }

.cont2 {
    width: 97%;
    border-radius: 8px;
   
}
.opinionA, .opinionB, .opinionC, .opinionImg{
	float: left;
	color: white;
	height: auto;
	font-size: 1.2em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
.opinionA{width: 59%;  font-size:16px; }
.opinionImg{width: 96%; }
.opinionB{width: 96%; margin-left: 3%;}
.opinionC{
	width: 100%;    
	text-align: center;
    margin: auto;
    padding: 3%; }

.opinionB a{font-size: 14px;}

.opinionImg img{max-width: 100%}
.btn-bottom{margin-top: 300px !important;}


.sub3A, .sub3B, .sub3C{
	
	
	margin: 0;
	
}

footer{width: 100%; height: auto; }
.footCont{width: 100%;}
.footDiv{width: 100%;  height: auto; padding: 3%; border-right: none; }
.footDtxt{ font-size: .6em; margin: auto; padding-bottom: 4%;  text-align: center}
.fpa{position: relative !important;}
}

@media screen and (max-width:375px){

.bottom-subA{
	width: 70%;
    font-size: 1.2em;
    line-height: 22px;
    padding: 10px 0 0 15px;
    
}
.cont2{
    padding: 1.5em;
    font-size:10px;
}   

.ache3{color: white !important}
.opinionA h2 {
    font-family: fantasy;
    font-size: 3em;
} 
.ui-accordion .ui-accordion-content {
    padding: 1em 1.2em !important;
}   

}

@media screen and (max-width:360px){
.ui-accordion .ui-accordion-content {
    padding: 1em .9em !important;
}  	
}	

@media screen and (max-width:340px){
.fb-widget {
    width: 272px !important;
 }
.tiendas {
    margin: 3%;
}
.bottom-subA{
	width: 66%;
    font-size: 1.4em;
    line-height: 20px;
    padding: 10px 0 10px 16px;
    
}

.opinionA {
    width: 58%;
    font-size: 12px;
    margin-top: 5px;
}

.opinionC {
    font-size: 1em;
}

.sub3A, .sub3B, .sub3C{
	
	width: 90%;
	font-size: .85em;
	margin: 1% 5%;
	height: 510px;
	
}
.btn-bottom{margin-top: 240px !important;}