@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
body { background: #f7f5f0;}
.icon { width: 24px; margin: 0 4px 10px; vertical-align: middle;}
.line { border: 0; height: 1px; background: #95d2b5; width: 100%; display: block; margin: 0 0 7%; float: left;}
hr { border: 0; height: 1px; width: 100%; display: block; margin: 4% 0 0; float: left;}
.line2 { background: #f7b402;}
.line3 { background: #ec008c;}
.line4 { background: #26bcb4;}

#foot .button, .button { background: #f7b402; color: #000; font-family: 'Parkinsans', sans-serif; text-align: center; padding: 5% 8%; font-size: 10pt; font-weight: 600; border-radius: 60px; display:inline-flex; width: auto; margin: 6% 0; transition: 0.5s ease;}
.button:hover, #foot .button:hover { background: #fff; cursor: pointer; transition: 0.5s ease; color: #000;}
header {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align:center;
	background:url(../img/background1.jpg);
	background-size: 150% auto;
}

/*PORTAL*/
.portal header { background:url(../img/background3.jpg); background-size: cover;}
.portal #logo { background: #ec008c; background-size: 100% auto; text-align: center;}
section.portal2 {
    clear: both;
	float: left;
    display: block;
    padding: 10%;
    width: 80%;
    background:url(../img/background1.jpg);
    background-size: 100% auto;
}
.portal #logo { margin: 18% 0 0; width: 100%; padding: 0 0 3%;}
.portal #logo img { width: 60%; margin: -11% auto 4%;}
.portal #logo img.icon { width: 20px; margin: 0 8px 2px; vertical-align: middle;}

.loc1, .loc2, .loc3, .loc4, .loc5, .loc6, .loc7 { width: 90%; padding: 32% 5%; background-size: auto 105%; clear: both;float: left; display: block; background-repeat: no-repeat; color: #fff; font-family: 'Hepta Slab', serif; text-align: center; font-weight: 800; font-size: 20pt; transition: 0.5s ease; background-position: center; margin-bottom: 5%; line-height: 24pt; text-shadow: 0px 2px 16px rgb(0,0,0,0.6); border-radius: 10px;}

.loc1:hover, .loc2:hover, .loc3:hover, .loc4:hover, .loc5:hover, .loc6:hover, .loc7:hover, .loc8:hover, .loc9:hover { background-size: auto 115%; transition: 0.6s ease; font-size: 20pt; cursor: pointer; text-shadow: 0px 2px 16px rgb(0,0,0,0.6); line-height: 24pt;}

.loc1 { background-image: url("../img/la_carreta_restaurant_virginia_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_location_timberlake_rd_01.jpg");}
.loc2 { background-image: url("../img/la_carreta_restaurant_virginia_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_location_seminole_shopping_center_02.jpg");}
.loc3 { background-image: url("../img/la_carreta_restaurant_virginia_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_location_langhorne_rd_03.jpg");}
.loc4 { background-image: url("../img/la_carreta_restaurant_virginia_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_location_simons_run_04.jpg");}
.loc5 { background-image: url("../img/la_carreta_restaurant_virginia_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_location_amherst_hwy_05.jpg");}
.loc6 { background-image: url("../img/la_carreta_restaurant_virginia_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_location_forest_rd_06.jpg");}
.loc7 { background-image: url("../img/la_carreta_restaurant_virginia_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_location_barricks_lane_rd_07.jpg");}

/**END PORTAL**/

/*TABS MENU*/
.rosa { background: #ec008c;}
/**END TABS MENU**/

#locations, #locations2 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
}
.are { background: #ec008c; width: 80%; display: block; float: left; color: #000; padding: 2% 10%; font-family: 'Parkinsans', sans-serif; text-align: center; text-transform: uppercase; letter-spacing: 1.5pt; font-weight: 400; font-size: 10pt;}
#logo {
	clear: both;
	float: left;
	margin: 0 20% 5%;
	width: 60%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    background-color: #442519;
}

#take {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_03.jpg);
	background-size: auto 100%;
	background-position: top center;
    text-align: right;
}
#header-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;
	display: block;
    background-image: url(../img/background3.jpg);
    background-position: 50% 260%;
    background-size: 150% auto;
    background-repeat: no-repeat;
    padding: 5% 5% 2%;
}

#header-3 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
    background: #f9a115;
}
#header-4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.slide-txt { position: absolute; width: 70%; padding: 40% 15% 0; text-shadow: 2px 0px 30px rgb(0,0,0,0.6);}
#mod-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	background: url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_01.jpg);
	padding: 25% 20%;
	background-size: 100% auto;
	background-position: center;
    transition: 0.5s ease;
}
#mod-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	padding: 25% 20%;
	background: url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_02.jpg);
	background-size: 100% auto;
	background-position: center;
    transition: 0.5s ease;
}
#mod-1:hover, #mod-2:hover { background-size: 115%; transition: 0.5s ease;}
#check-menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	padding: 40% 15%;
}

.check-2 {
	margin-left: 0;
	width: auto;
	color: #fff;
	background-color: #12b2e1;
    padding: 3.5% 4% 2.5%; margin-bottom:4%;
    text-align: center;
    transition: 0.5s ease;
    float: inherit;
    margin: 0% auto 10%;
}
.check-2:hover { color: #12b2e1; background: #fff; transition: 0.5s ease;}
#adress {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 5%;
	display: block;
}
#adress2 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}
#adress3 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
    margin: 4.5% 0;
}
#adress4 {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10%;
	display: block;
}

footer {
	clear: both;
	float: left;
	margin-left: 0;
	padding: 15% 15% 8%;
	width: 70%;
	display: block;
	background: #000;
	text-align: center;
}
#copy { display: none;}
#copy2 { display: block; text-align: center; float: left; margin-top: 8%; width: 100%;}
#foot {
	display: block;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 10%;
    padding-bottom: 3%;
    border-bottom: 1px solid #fff;
}
#authen {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
    background: url("../img/background1.jpg");
    background-size: 400% auto;
}

#title-sec {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	position: absolute;
	text-align: center;
	margin-top: 21%;
}

#section {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	background:url(../img/background1.jpg); background-size: 100% auto; background-repeat: repeat-y;
	padding:15%; background-position: top;
}
.contact {
    clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	padding:15%;
}
#izq {
    clear: both;
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 8%;
}
#der {
    clear: both;
	float: left;
	width: 100%;
	display: block;
}

#contenedor {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding: 0 0 50%;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom; 
}

.nachos { background: url("../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_nachos.jpg");}
.sea { background: url("../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_cabo.jpg");}
.chicken { background: url("../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_pollo.jpg");}
.steak { background: url("../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_steak.jpg");}
.mixed { background: url("../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_volcanito.jpg");}
.chimi { background: url("../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_chimi.jpg");}

#contenedor #der #title, #contenedor #der #title2 { text-align: left;} 
#contenedor #der {
    background: #f7f5f0;
    width: 70%;
	padding: 15% 15% 20%;
}
#izq.first { margin-bottom: 14%;}
#img1 { display:block; width:120%; margin: 15% 0 0 -10%; float: left;}
#img2 { display:block; width:100%;}

#section-img { clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}

#col4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 10%;
}

#cl-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#cl-4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: #12b2e1;
}
#title {
	clear: both;
	float: left;
	width: 100%;
	display: block;
    text-align: center;
    margin: 0 0 15%;
}
#title2 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
    text-align: center;
    margin: 15% 0;
}
#col4-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 8%;
}

#col4-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#section2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	padding: 15%;
}

#col1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
    margin-bottom: 4%;
}

#col2 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
    margin-bottom: 4%;
}
#col3 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}
#cl-8 {
	clear: none;
	float: left;
	margin: -15% 0 0 15%;
	width: 58%;
	display: block; background: #dd4726;
	padding: 8% 5% 8% 7%;
}
#section3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_chimi.jpg);
	}
#section3 #col4 { clear: both; float: left; margin-top:20%; width: 80%; display: block; padding:10%; margin-bottom:0;}

#section4 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#section4 #section, #section6 #section { display:block; background:#12b2e1; padding:0; width:100%;}
#section4 #col4 { margin: 15% 15% 10%; width:70%;}
#section4 #cl-2 { margin: 0 15% 15%; width:70%;}
#section4 #cl-3 { background: #fff; display:block;clear: both; float: left; width:70%; padding:15%;}
#section4 #cl-3 #title { margin-bottom: 6%;}
#section5 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#section5 #section { padding:0;width:100%;}
#section5 #col1 { background: #f3b634; width:70%; display:block;clear: both;  float: left; padding:15%;}
#section5 #col4 { padding: 2% 15%; width:70%;}
#section6 { clear: both; float: left; margin-left: 0; width: 100%; display: block;background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_steak.jpg); }
#section6 #section  {background:#fff;}
#section6 #cl-4 { padding:15%; width:70%;}
#section6 #col2 { margin:0%; width: 70%; padding:15%;background:#f7bf5d;}
#section6 #col4 { margin: 0% 15% 0; width:70%;}
#section6 #cl-2 { margin: 0 15% 15%; width:70%;}
#section6 #section #title { margin: 15% 15% 5%; width:70%;}
#section6 #section #col2 #title { margin: 0% 0 5%;; width:100%;}
#section7 { clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block;}
#section7 #section2 {background:url(../img/background1.jpg); background-size: 100% auto;}
#section8 {clear: both;float: left;margin-left: 0;width: 100%;display: block; background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_pollo.jpg);}
#section8 #section { background:url(../img/background1.jpg); background-size: 100% auto;}
#section9 #section { background:#fff;}
#section9 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_volcanito.jpg);}
#section9 #cl-3 { display: block;clear: both; float: left;margin: 15%; width:70%;}
#section10 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}

#contenedor, #section12, #section14 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}

#section13 { background: #f7bf5d; clear: both; float: left;display: block; width:100%;}

#loc-1 { clear: both; float: left; margin-left: 0; width: 100%; display: block;border-top: 8px solid #12b2e1;}
#loc-2 { clear: both; float: left; margin-left: 0; width: 70%; display: block; padding: 6% 15% 15%;}
#section7 #col1, #section7 #col2, #section13 #col1, #section13 #col2, #section9 #col4, #section10 #col4 { margin-bottom: 0.5%;}
#ritas-1 { clear: both; float: left; width: 80%; display: block; background:#0c090e; padding: 8% 10% 85%; background-position: 100% 180%; background-repeat: no-repeat; background-image:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_ritas.jpg); background-size: 140% auto;}
#ritas-1 #ritas-2 { width:80%; margin:10% 10% 4%; text-align: center;}
#ritas-1 #ritas-3 { width:70%; margin:0% 15% 10%;}
#ritas-2 { clear: both; float: left; width: 100%; display: block; margin: 0 0 8%;}
#ritas-3 { clear: none; float: left; margin: 0 0 8%; width: 100%; display: block;}
#ritas-4 { clear: both; float: left; margin: 0; width: 100%; display: block;}
#talavera { clear: both; float: left; margin-left: 0; width: 70%; display: block; padding:15%;background:#db0075; }
#talavera #title { border-bottom: 2px solid #f3b634; padding-bottom: 5%;}
#talavera2 { clear: both; float: left; margin-left: 0; width: 100%; display: none;}
#drinks1 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#drinks1 #ritas-2 { background:#12b2e1; padding:10% 15%; width:70%; margin-bottom:0; text-align: center;}
#special1 { clear: both; float: left; margin-left: 0; width: 70%; padding:15%; display: block; text-align: center;}

#spe1 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#spe2 { clear: none; float: left; margin-left: 0; width: 100%; display: block;}
#spe3 { clear: none; float: left; margin-left: 0; width: 100%; display: block;}
#special2 { clear: both; float: left; margin-left: 0; width: 70%; display: block; background: #dd0075; text-align: center; padding: 11% 15%;}

#section-spe2 { clear: both; float: left; margin-left: 0; width: 70%; display: block; padding: 10% 15%; }
#special3 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-image:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_specials_08.jpg); background-repeat:no-repeat; background-size: 100% auto; background-position:bottom;}
#special3 #col4 { background: #dd0075;padding:15%; width:70%; margin-bottom: 70%;}
#special4 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-image: url("../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_specials_07.jpg"); padding-bottom: 55%; background-size: 100% auto; background-position: bottom center;}
#special4 #col1 { clear: none; width: 70%; padding: 15%; background: #f7f5f0;}
#special4 #col2 { width: 100%; margin:0;}
#special4 #col2 #spe1, #special4 #col2 #spe2 { clear: none; width:100%;}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 581px) {
.gridContainer {
	width: 100%;
}
.big { display:none;}
.small { display:block;}
.size { padding-left: 3%;}
header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
	background-size: 100% auto;
}
.line { margin: 0 0 3%; float: left;}
.line2, .line3, .line4  { margin: 4% 0;}
    
/**PORTAL**/
section.portal2 { padding: 6% 6% 8%; width: 88%;}
.portal #logo { margin: 6% 0 0; width: 100%; padding: 0 0 3%;}
.portal #logo img { width: 300px; margin: -4% auto 3%;}
.portal #logo img.icon { width: 30px; margin: 0 8px 10px; vertical-align: middle;}

.loc1, .loc3, .loc5 { width: 38%; padding: 16% 5%; margin: 0 4% 4% 0; clear: none; font-size: 18pt;}
.loc2, .loc4, .loc6, .loc8 { width: 38%; padding: 16% 5%; margin: 0 0 4% 0; clear: none; font-size: 18pt;}
.loc7 { width: 38%; padding: 16% 5%; margin: 0 26%; clear: none; font-size: 18pt;}  
    
/**END PORTAL**/
#img1 { width:120%; margin: 10% 0 0 -10%;} 
    
#locations, #locations2 {
	width: 100%;
	text-align: left;
    margin: 0 0 5%;
    padding: 0;
}
.are { padding: 1% 10%; font-size: 9pt; letter-spacing: 3pt;}
#logo {
	clear: both;
	float: left;
	margin: 0 35%;
	width: 30%;
	display: block;
}
#menu {
	width: 100%;
	text-align: center;
    background: none;
}
#take {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	background-size: 100% auto;
}
#adress {
	width: 100%;
	margin-bottom: 4%;
}
#adress2, #adress3 {
	width: 30%;
	margin: 0 5% 0 0;
    clear: none;
}
#adress4 {
	clear: none;
	float: left;
	width: 30%;
	display: block;
}
#header-2 {
	width: 100%;
    background-position: 50% 145%;
    background-size: 150% auto;
    background-repeat: no-repeat;
    padding: 5% 0 3%;
}
#header-3 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#header-4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.slide-txt { padding: 45% 15% 0;}
#izq.first { margin-bottom: 10%;}
    
#mod-1, #mod-2 {
	width: 30%;
	padding: 18% 10%;
    clear: none;
    transition: 0.5s ease;
}
#mod-1:hover, #mod-2:hover { background-size: 110%; transition: 0.5s ease;}
#check-menu {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 60%;
	display: block;
	padding: 20% 0;
}
.check-2 {
	padding: 3.5% 4% 2.5%;
    margin-bottom:4%;
    text-align: right;
    float: right;
}
footer {
	width: 80%;
	padding: 10% 10% 4%;
}
#copy2 { float: left; text-align: left; margin-top: 6%;}
#foot { width: 100%; margin: 0 0 7%; text-align: left;}
#foot .button { width: auto; display:inline-flex; padding: 2.2% 5%; margin: 2% 0 0; font-size: 12pt;}
#authen {
	margin: 0 0 6%;
	width: 100%;
	display: none;
}
#title-sec {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 23.5%;
}
#section-img { padding-bottom: 60%; background-size: 100% auto; background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_02.jpg); background-attachment:fixed; }

#section {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	display: block; padding: 10%;
	background-size: 100% auto;
	background-attachment: fixed;
}
.contact {
	width: 70%;
	padding:15%;
    background-size: cover;
}
#izq {
	margin-bottom: 7%;
}
    
/*IMAGENES MENU*/
#contenedor #der, #section12 #section, #section14 #section  {
    width: 68%;
    padding: 10% 16% 14%;
}
        
/*END IMAGENES MENU*/
    
#col4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	margin-bottom: 0;
}
#cl-2 {
	clear: none;
	float: left;
	margin-left: 6%;
	width: 34%;
	display: block;
	margin-bottom: 0;
}
#cl-4 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 0;
}
#title {
    margin-bottom: 5%;
}
#title2 {
    margin: 7% 0 5%;
}
#col4-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
	margin-bottom: 0%;
}
#col4-3 {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 45%;
	display: block;
}
#section2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	display: block;
	padding: 10%;
}
#section2 #title { margin-bottom: 4%;}
#col1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 6%;
}
#col2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 6%;
}
#col3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#cl-8 {
	clear: none;
	float: left;
	margin-left: 40%;
	width: 38%;
	display: block;
	margin-top: -8%;
	padding: 7%;
}
#section3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-size: 100% auto;
	text-align: center;
	margin-top: 0;
}
#section3 #col4 { margin-top: 25%; padding: 10%; width: 80%;}
#section4 #section, #section6 #section {width:100%;}
#section4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_04.jpg);
}
#section4 #cl-3 { display: block; clear: both;
	float: left; margin:0; width: 80%; padding: 10%;}
#section4 #cl-3 #title { text-align: center;}
#section4 #col4 { margin:10% 0 0 10%; width:35%;}
#section4 #cl-2 { margin:10% 0 10%  10%;width:35%;}

#section5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	 background-position: top;background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_steak.jpg);
	 background-size: 100% auto;
}
#section5 #col1 { padding: 10%; width: 80%; margin-top: -30%;}
#section5 #section { margin-top: 55%; padding: 10%; width:80%;}
#section5 #col4 { width:100%; margin-top: 5%; padding:0;}
#section5 #title { margin-bottom: 4%;}
#section6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#section6 #col4 { margin:0 0 10% 10%; width:35%;}
#section6 #cl-2 { margin:0% 0 10%  10%;width:35%;}
#section6 #col2 {display: block; clear: both;
	float: left; margin:0; width: 80%; padding: 10%;}
#section6 #col1 { padding:10%; width:80%; margin:0;}
#section6 #section #title { margin: 10% 0 3% 10%; width:80%;}
#section6 #col2 #title, #section6 #cl-4 #title { margin:0 0 4% 0; width:100%;}
#section6 #cl-4 { clear:none; width:80%; margin-left: 0%; padding: 10%; text-align:center;}
#section7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#section8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-top: 50%;
	background-size: 100% auto;
}
#section8 #col4 { width:45%;}
#section8 #cl-2 { width:45%; margin-left:10%;}
#section8 #cl-2 #title { margin-bottom:5%;}
    
#section9 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    background: url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_volcanito.jpg);
	width: 100%;
	background-size: 100% auto;
    }
#section9 #title { margin-bottom: 5%; }
#section9 #col4 { width:45%;}
#section9 #cl-2 { width:45%; margin-left:10%;}
#section9 #cl-3 { clear: both; 	float: left; margin: 10%; width:80%;}
    
#section10 {
	clear: both;
	float: left;
	margin-left: 0;
	background: url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_07.jpg);
	width: 100%;
	display: block;
	padding-bottom: 50%;
	background-size: 100% auto;
}

#section10 #col4 { width:45%;}
#section10 #cl-2 { width:45%; margin-left:10%;}
#section10 #title { margin-bottom: 5%;}  

#section12 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 50%;
	background-position: bottom; background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_cabo.jpg);
	background-size: 100% auto;
	background-position: bottom;
}
#section12 #col4 { width:45%;}
#section12 #cl-2 { width:45%; margin-left:10%;}

    
#section13 {clear: both;float: left; width:100%;}
    
    
#section14 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 50%;
	background-position: bottom; background:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_fajitas.jpg);
	background-size: 100% auto;
	background-position: bottom;
}
#section14 #col4 { width:45%;}
#section14 #cl-2 { width:45%; margin-left:10%;}
    
#loc-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom: 8px solid #12b2e1;
}
#loc-2 {
	clear: both;
	float: left;
	margin-left: 15%;
	width: 85%;
	display: block;
	margin-top: 5%; padding: 0;
}
#ritas-1 {
	width: 80%;
	padding: 5% 10%;
    text-align: center;
    background-size: auto 105%;
    background-position: 185% 50%;
}
#ritas-1 #ritas-2 { margin-left: 0%; text-align: left;}
#ritas-2 {
	clear: both;
	float: left;
	margin: 0 20% 5%;
	width: 60%;
	display: block; 
}
#ritas-3 {
	clear: both;
	float: left;
	margin: 0 20% 5%;
	width: 60%;
	display: block;text-align:center;
}
#ritas-4 {
	clear: both;
	float: left;
	margin: 0 20%;
	width: 60%;
	display: block;text-align:center;
}
#talavera {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	display: block; padding:10%;
}
#talavera #title { padding-bottom:4%; margin-bottom:5%;text-align:center;}
#talavera2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}   
    
#drinks1 #ritas-2 { width:80%; margin-left: 0%; padding: 10%;}
#special1 { clear: both; float: left; margin-left: 0; width: 76%; display: block; padding:10% 12%; text-align: left;}
#spe1 { clear: both; float: left; margin-left: 0; width: 33.3333%; display: block;}
#spe2 { clear: none; float: left; margin-left: 0; width: 33.3333%; display: block;}
#spe3 { clear: none; float: left; margin-left: 0; width: 33.3333%; display: block;}
#special2 { clear: both; float: left; margin-left: 0; width: 80%; display: block; padding: 10%;}
#special2 #col4 { margin:  0 0 0 40%; width: 40%; padding: 10%;}
#section-spe2 { clear: both; float: left; margin-left: 0; width: 80%; display: block; padding:10%;}
#special3 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-image:url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_specials_05.jpg); background-size: auto 100%; background-position: right 50%;}
#special3 #col4 { margin: 0%; width: 40%; padding: 10%;}
#special4 { clear: both; float: left; width: 100%; display: block; padding-bottom: 60%;}
#special4 #col1 { clear: none; width: 80%; padding: 10%;}
#special4 #col2 { width: 100%; margin:0;}
#special4 #col2 #spe1, #special4 #col2 #spe2 { clear: none; width:50%;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 800px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	margin: auto;
}
.line2, .line3, .line4 { margin: 2% 0;}
.big { display:block;}
.small { display:none;}
#img2 { display: none;}
    
header {
	width: 100%;
    background:url(../img/background3.jpg);
	background-size: auto 100%;
	background-position: 50% 100%;
}
 
/*PORTAL*/
section.portal2 { padding: 5% 10%; width: 80%;}
.portal #logo { margin: 6% 0 0; width: 100%; padding: 0 0 2%;}
.portal #logo img { width: 300px; margin: -4% auto 2%;}
.portal #logo img.icon { width: 30px; margin: 0 8px 10px; vertical-align: middle;}
    
.loc1, .loc2, .loc4, .loc5, .loc8 { width: 22%; margin: 0 2% 2% 0; clear: none; font-size: 1.9vw; line-height: 1vw; padding: 12% 5%; background-size: auto 105%;}
.loc3, .loc6, .loc9 {  padding: 12% 5%; width: 22%; clear: none; font-size: 1.9vw; line-height: 1vw; margin: 0 0 2%; background-size: auto 105%;}
    
.loc7 { width: 22%; font-size: 1.9vw; line-height: 1vw; padding: 12% 5%; background-size: auto 105%; margin: 0 34%;}
    
.loc1:hover, .loc2:hover, .loc3:hover, .loc4:hover, .loc5:hover, .loc6:hover, .loc7:hover, .loc8:hover, .loc9:hover { background-size: auto 115%; text-shadow: 0px 2px 16px rgb(0,0,0,0.6); font-size: 1.7vw; line-height: 1vw;}
    
/*END PORTAL*/

.are { padding: 0.7% 10%; font-size: 9.5pt; letter-spacing: 3pt;}
#logo {
	margin: 0;
	width: 84%;
    position: relative;
    z-index: 100;
    padding: 0 8%;
}
#menu {
	clear: none;
	float: left;
	margin-left: 0;
	width: 76.5%;
	text-align: center;
	padding: 2% 0 0;
    background-color: #fff;
}
#take {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	background-size: 69% auto;
	background-repeat:no-repeat;
	background-position: 100% 0;
	background-color: #ec008c;
}
#adress {
	width: 100%;
	margin-bottom: 4%;
}
#header-2 {
	width: 23.5%;
    margin-top: 3%;
    background: none;
    padding: 0;
}
#header-3 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 76.5%;
	display: block;
}
#header-4 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 30.5%;
	display: block;
}
#izq.first { margin-bottom: 0;}
#slide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 69.5%;
	display: block;
}
.slide-txt { display: none;}
.button, #foot .button { padding: 5% 8%; font-size: 10pt; display: block; margin: 5% 0 0;}
#mod-1, #mod-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 76%;
	padding: 39.1% 12%;
	display: block;
	background-size: 125% auto;
    transition: 0.5s ease;
}
#mod-1:hover, #mod-2:hover { background-size: 136%; transition: 0.5s ease;}
#mod-1 img, #mod-2 img { width: 80%; padding: 30.9% 0;}
#check-menu { clear: both; float: left; margin-left: 6%; width: 40%; display: block; padding: 12% 0;}
.check-2 { padding: 5%; margin-bottom: 4%;}
#adress2 {clear: none;float: left;margin: 0;width: 30%;display: block;}
#adress3, #adress4 {clear: none;float: left;margin: 0 0 0 5%;width: 30%;display: block;}
#authen { clear: both;float: left; width: 70%;display: block; text-align:left; margin-top: -40%; padding: 70% 15% 30%; background-size: 350% auto;}
#title-sec {clear: both;float: left;margin-left: 0;width: 76.5%;display: block; margin-top: 15%;}
#section {clear: both;float: left;width: 54%;display: block; margin-left:30%;background-size: cover; background-repeat:no-repeat; padding:6% 8%; background-image:url(../img/background1.jpg); background-attachment: scroll;}
.contact { width: 70%; padding: 10% 15%; }
#izq { width: 46%; margin-right: 8%;}
#der { width: 46%; clear: none;}
#col4 {clear: both;float: left;margin-left: 0%;width: 60%;display: block;}
#cl-2 {clear: none;float: left;margin-left:5%;width: 35%;display: block;}
#cl-3 { clear: none; float: left; margin-left: 5%; width: 30%; display: block;}
#cl-4 { clear: none; float: left; margin-left: 0%; width: 34%; display: block; padding:10%;}
    
#title { clear: both;float: left; margin: 0 0 3%;}
#title2 { clear: both;float: left; margin: 6% 0 3%; }
    
#section6 #title {margin-bottom: 10%;}
#section .size, #section2 .size, #section4 .size, #section6 .size { padding-left: 5%;}
#col4-2 { clear: both; float: left; margin-left: 0; width: 45%; display: block;}
#col4-3 { clear: none; float: left; margin-left: 10%; width: 45%; display: block;}
#section-img { background-size: auto 100%; background-position: 0 50%; background-attachment:fixed; padding:0;}
#section2 { clear: both; float: left; margin-left: 0; width: 80%; display: block; padding: 6% 10%;}
#col1 { clear: both; float: left; margin-left: 0; width: 30%; display: block; margin-bottom:0;}
#col2 { clear: none; float: left; margin-left: 5%; width: 30%; display: block;margin-bottom:0;}
#col3 { clear: none; float: left; margin-left: 5%; width: 30%; display: block;}
#cl-8 { clear: both; float: left; margin-left: 10%; width: 15%; display: block; padding:3% 4%; margin-top: -7%;}
#section3 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-size: 65% auto; background-position: 0 80%; text-align: left;}
#section3 #col4 { clear: none; float: left; margin-left: 10%; width: 80%; display: block;  padding: 7% 10% 6% 6%; margin-top:0;}
#section4 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-size: auto 100%; background-position:  right 50%; background-attachment:fixed;}
#section4 #section, #section6 #section { clear: both; float: left; margin-left: 0; width: 60%; }
#section4 #col4, #section9 #col4 { margin: 8% 0 8% 12%; width: 36%}
#section4 #cl-2, #section9 #cl-2 { margin: 8% 10% 8% 6%; width: 36%}

#section4 #cl-3 {clear: both; margin:0; width: 76%; padding: 6% 12%;}
#section4 #cl-3 #title { margin-bottom: 4%;}
#section5 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-size: auto 100%; background-position: left; background-attachment:fixed;}
#section5 #section { width: 52%; margin-left:40%; margin-top:0; padding:6% 8% 6% 0;}
#section5 #col1 { width: 40%; padding: 10% 6%;margin-left: -25%; margin-top:0;}
#section5 #col4 { clear: none; margin-left:8%; width:65%;}
#section6 #section #title { width:78%; margin: 8% 0 0 12%}
#section6 #col2 #title {width:100%; margin: 0 0 4% 0;}
#section5 #col4 #title { margin-bottom: 6%;}
#section6 #col4  { margin: 3% 0 8% 12%; width: 36%}
#section6 #cl-2  { margin: 3% 10% 8% 6%; width: 36%;}
#section6 { clear: both; float: left; margin-left: 0; width: 100%; display: block;background: #12b2e1;}
#section6 #cl-4 { clear: none;margin:0; padding:10% 8% 0; width:24%; text-align:left;}
#section6 #col1 { padding: 5% 6% 2% 8%; width: 26%;}
#section6 #col2 { clear: both; margin:0; width: 76%; padding: 6% 12%;}
#section7 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#section7 #section2 {background:url(../img/background1.jpg); background-size: cover;}
#section7 #title, #section13 #title, #section8 #title { text-align:center; margin-bottom:3%;}

#section8 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-size: auto 100%; background-position: right; background-attachment:fixed; padding-top:0;}
#section8 #section { clear: both; float: left; margin-left: 0; width: 48%; display: block; padding: 5% 6%;}
#section9 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#section10 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-position: right; padding-bottom: 0; background-size: auto 100%; }
#section10 #section { margin-left:0; width:48%; padding: 5% 6%;}
#section9 #section { clear: both; float: left; margin-left: 0; width: 44%; display: block; padding:8%;}
#section9 #col4, #section10 #col4, #section8 #col4 { margin:0; width:47%}
#section9 #cl-2, #section10 #cl-2, #section8 #cl-2 { margin:0 0 0 6%;width:47%}
#section9 #cl-3 { clear: none; margin: 9% 7% 0; width:26%;}
#section9 #title, #section10 #title, #section8 #title { margin-bottom: 5%; text-align: left;}
    
#contenedor, #section12, #section14 { width: 100%; display: block; background-size: auto 100%; background-position: left; padding: 0; margin: 0;}
    
#contenedor #der, #section12 #section, #section14 #section { margin: 0 0 0 40%; width: 40%; padding: 10%;}

#section13 { clear: both; float: left; margin-left: 0; width: 100%; display: block; }

#loc-1 { clear: both; float: left; margin-left: 0; width: 45%; display: block; border-top: 0;}
#loc-2 { clear: none; float: left; margin-left: 10%; width: 45%; display: block; margin-top:3%;}
#ritas-1 { margin-left: 0; width: 70%; padding: 3% 15% 5%; background-size: auto 105%;
	background-position: center right; background-repeat: no-repeat;}
#ritas-1 #ritas-2 { width: 50%;}
#ritas-2 { width: 30%; display: block;}
#ritas-3 { clear: none; float: left; margin: 0 0 0 5%; width: 30%; display: block;text-align:center;}
#ritas-4 { clear: none; float: left; margin: 0 0 0 5%; width: 30%; display: block;text-align:center;}
#talavera { clear: both; float: left; margin-left: 0; width: 80%; display: block; padding:5% 10%;}
#talavera #title { margin: 0 5% 3%;  padding-bottom:2%; width:90%;}
#talavera2 { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#drinks1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; padding:0; background: url(../img/la_carreta_authentic_mexican_food_burritos_fajitas_chicken_tacos_quesadillas_img_menu_14.jpg);
    background-position: top left; background-size: 51% auto;}
#drinks1 #ritas-2 { width:30%; margin-left: 50%; padding:6% 10%; text-align:left;}
#special1 { clear: both; float: left; margin-left: 0; width: 80%; display: block; padding: 6% 10%;}
#special1 #title { text-align:center; margin-bottom: 4%;}
#spe1 { clear: both; float: left; margin-left: 0; width: 33.3333%; display: block;}
#spe2 { clear: none; float: left; margin-left: 0; width: 33.3333%; display: block;}
#spe3 { clear: none; float: left; margin-left: 0; width: 33.3333%; display: block;}
#special2 { clear: both; float: left; margin-left: 0; width: 80%; padding: 5% 10%;}
#special2 #col4 { margin-left: 50%; width: 30%; padding: 10%;}
#section-spe2 { clear: both; float: left; margin-left: 0; width: 80%; display: block; padding: 6% 10%;}
#special3 { background-size: 50% auto; background-position: right 50%; clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#special3 #col4 { margin-left: 0%; width: 30%; padding: 10%;}
#special4 { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-size: 55% auto; background-position: left center; padding: 0;}
#special4 #col1 { clear: none; width: 38%; padding: 3% 6% 7%; display: block; margin-left: 50%;}
#special4 #col2 {clear: none;  width: 50%; margin:0; display: block;}
#img1 { width:100%; margin: 10% 0 0;} 
    
footer { margin-left: 0; width: 84%; padding: 6% 8% 8%;}
#copy { display: block;}
#copy2 { display: none; margin-top: 7%; float: left; width: 100%;}
#foot { width: 20%; margin: 0; padding: 0; border: none;}
#locations { width: 60%; clear: none; margin: 0 0 0 20%; padding: 0;}
#locations2 { width: 100%; margin: 0; padding: 0; text-align: center;}
}