body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }


/* Font
-----------------------------------------------------------------------------------------------------------*/

@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"); 
}

html {
	font-size: 100%;
	font-family: 'exouno';
}

body{height: 100% !important; }

body,
input,
select,
textarea,
button {
	font-size: 1em;
	line-height: 1.3;
	font-family: 'exouno'; /*{global-font-family}*/;
}

h2{font-family: 'titulos'; font-size: 3.4em; text-align: left !important; color: #484747}
.tit-respon{font-family: 'titulos'; font-size: 3.4em;  text-align: center; color: #484747}

.headCont, .headCont2{max-width: 840px; width: auto; margin: auto;  box-sizing: border-box; font-family: exouno; color: white; font-size: 1em; font-weight: normal;}
.headCont{ height: 40px;font-size: 24px; font-family: 'Exo-Bold'; padding: 10px;}
.headCont2{ height: 100%;}
.centrar-head{    float: left;}
.centrar-head a{text-decoration: none; color: white}
.centrar-head2{  width: 56%;  float: left; font-family: 'exouno';  font-size: 20px;}
.redes-subhead{width: 30%; margin: 0 2%; float: right;   }
.redes-cadauno{width: 16%; margin: 0 2%; float: left;  }


.hcLogo{float: left; height: 40px; width: 140px; background: url(../themes/images/lghder.png); background-repeat:no-repeat; background-position: center center; background-size: 100%;}
.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;}
.hcSesi{float: right; height: 40px; padding: 17px 2%;font-family: exouno;}

.hiddde{display: none !important;}
.subHead{width: 100%; height: 70px; background-color: #8c0d04;}
footer{width: 100%;  bottom: 0 !important; margin-bottom: 0  !important; height: 250px; background-color: #313131;  font-family: 'exouno' !important; color: white; font-size: 1em; font-weight: normal;}
.footCont{max-width: 840px;  height: 156px !important; width: auto; margin: auto;  box-sizing: border-box;}
.footDiv{width: 25%; box-sizing: border-box; height: 100%; padding: 3%; border-right:  1px #b9b7b7 solid; float: left;  font-family: exouno;  color: #b9b7b7; font-size: 1em; font-weight: normal; }
.footDiv:last-child{border-right: none;}
.footCont a{text-decoration: none; color: white; font-size: .8em;  line-height: 2em;}
.footCont a:hover{color: #980e13 !important; }
.footDtxt{ margin: 49px 49px 0; color: white; font-size: .77em;  }
.footDtxt a{ font-size: 1.1em; color: white;}

.padCnt{width: 100%; 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%;}



/* Separators
-----------------------------------------------------------------------------------------------------------*/
/* Field contain separator (< 28em) */
.ui-field-contain {
	border-bottom-color: #828282;
	border-bottom-color: rgba(0,0,0,.15);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
	border-width: 1px;
	border-style: solid;
}
.ui-btn {
	text-decoration: none !important;
}
.ui-btn-active {
	cursor: pointer;
}
/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all {
	-webkit-border-radius: .2em /*{global-radii-blocks}*/;
	border-radius: .6em /*{global-radii-blocks}*/;
}
/* Buttons */
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
/* Slider track */
.ui-slider-track.ui-corner-all,
/* Flipswitch */
.ui-flipswitch.ui-corner-all,
/* Count bubble */
.ui-li-count {
	-webkit-border-radius: .3125em /*{global-radii-buttons}*/;
	border-radius: .3125em /*{global-radii-buttons}*/;
}
/* Icon-only buttons */
.ui-btn-icon-notext.ui-btn-corner-all,
.ui-btn-icon-notext.ui-corner-all {
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all,
.ui-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
	left: .6em /*{global-radii-blocks}*/;
	right: .6em /*{global-radii-blocks}*/;
	top: .6em /*{global-radii-blocks}*/;
	bottom: .6em /*{global-radii-blocks}*/;
}
/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
	-webkit-box-shadow: 0 3px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-moz-box-shadow: 0 3px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: 0 3px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}
.ui-shadow-inset {
	-webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}
.ui-overlay-shadow {
	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
	background-color: #666666 /*{global-icon-color}*/;
	background-color: rgba(0,0,0,.15) /*{global-icon-disc}*/;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
/* Alt icons */
.ui-alt-icon.ui-btn:after,
.ui-alt-icon .ui-btn:after,
html .ui-alt-icon.ui-checkbox-off:after,
html .ui-alt-icon.ui-radio-off:after,
html .ui-alt-icon .ui-checkbox-off:after,
html .ui-alt-icon .ui-radio-off:after {
	background-color: #666666 /*{global-icon-color}*/;
	background-color: rgba(0,0,0,.15) /*{global-icon-disc}*/;
}

/* Icon shadow */
.ui-shadow-icon.ui-btn:after,
.ui-shadow-icon .ui-btn:after {
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
	box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
}
/* Checkbox and radio */
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
	display: block;
	width: 18px;
	height: 18px;
	margin: -9px 2px 0 2px;
}
.ui-checkbox-off:after,
.ui-btn.ui-radio-off:after {
	filter: Alpha(Opacity=30);
	opacity: .3;
}
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after {
	-webkit-border-radius: .1875em;
	border-radius: .1875em;
}
.ui-btn.ui-checkbox-off:after {
	background-color: #666;
	background-color: rgba(0,0,0,.3);
}
.ui-radio .ui-btn.ui-radio-on:after {
	background-image: none;
	background-color: #fff;
	width: 8px;
	height: 8px;
	border-width: 5px;
	border-style: solid; 
}
.ui-alt-icon.ui-btn.ui-radio-on:after,
.ui-alt-icon .ui-btn.ui-radio-on:after {
	background-color: #000;
}
.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.6vw;
	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% 1%;
}
.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: 3.2em; font-family: 'titulos'; text-align: right; }
.bottom-subB{width: 15%; float: left; margin-left: 3%; font-size: 1.5em; height: 59px; text-align: right; margin: 3px 0 0 3%;}


.cont {
    width: auto;
    max-width: 1080px;
    margin: auto;
   height: 100vh !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%;
}

.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: 32%; color: gray; font-size:23px; }
.opinionB{width: 32%; padding-top: 2.5%;}
.opinionC{width: 15%; margin-top: 3%; font-size: .8em;}
.opinionImg{width: 199px; }
.opinionB a{font-size: 14px;}

.opinionA h2{font-family: 'titulos'; font-size: 3.3em;  text-align: left !important; color: #484747;}
.cont h2{margin-left: 1.5%;}
.form-style-8 input[type="text"],
	/*.form-style-8 input[type="email"],*/
	.form-style-8 input[type="password"],
	.form-style-8 input[type="number"],
	.form-style-8 input[type="email"],
	.form-style-8 textarea,
	.form-style-8 select ,
	.inp, .slcdir
	 
	{
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    outline: none;
	    display: block;
	    color: #987456;
	    width:98%;
	    padding: 7px;
	    border: 1px solid #ddd;
	    background: transparent;
	    margin-bottom: 10px;
	    font: 16px Arial, Helvetica, sans-serif;
	    height: 45px;
	}
	.form-style-8 textarea{height: auto !important;}
	textarea::placeholder { color: #c5c4c4; font-family: exo;}

	textarea:focus::-webkit-input-placeholder { color:transparent; }
	textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
	textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
	textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

/* 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% ;
}


.sub3A h1{margin: 0; font-family: 'titulos'; font-size: 3em;}
.sub3B h1{margin: 0; font-family: 'titulos'; font-size: 3.8em; color: #484747}
.sub3C h1{margin: 0; font-family: 'titulos'; font-size: 3.5em;  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: 'titulos', fantasy; text-align: center; font-size: 5em;
}
.hide-dktp{display: none}
.btn-bottom{margin-top: 300px !important;}


@media screen and (max-width: 1022px){
.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;}



.head-cont{
	min-width: 100%;
	height: auto;
}	
.footDiv{width: 50%;  height: auto; padding: 3%; border-right: none; }
.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%;
}
.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: 39%; }
.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;
	
}
.quees{ width:229px ; margin: auto; height: 98px; background-image:url(../themes/images/que-es-alacartapp.png);}

footer{width: 100%; height: auto; }
.footCont{width: 100%;}

.footDtxt{ font-size: .6em; margin: auto; padding-bottom: 4%;  text-align: center}
.fpa{position: relative !important;}
}

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

.head-cont{background-image:url(../themes/images/alacartapp.jpg);}
.footDiv{width: 100%;}



}



@media screen and (max-width:375px){
.bottom-subA{
	width: 70%;
    font-size: 1.7em;
    line-height: 23px;
    padding: 10px 0 0 15px;
    
}
.opinionA h2 {
    font-family: 'titulos';
    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;
 }

.bottom-subA{
	width: 66%;
    font-size: 1.4em;
    line-height: 20px;
    padding: 10px 0 10px 16px;
    
}

.opinionA {
    width: 60%;
    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;}
.tiendas{width: 43%;}