/**************************************************************************************
Defaults 
***************************************************************************************/
html {
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}
body {
	overflow-x:hidden;
	background:white;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color:#2e2c2d;
	-webkit-font-smoothing: antialiased;
}

a{}
a, button	{
	cursor:pointer;
	/*text-decoration:none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/
}
a:hover, a:focus, button:focus{
	text-decoration: underline;
	outline:none;
}
a:hover{}
p, li{}
p{
	margin: 0 0 15px 0;
	line-height:24px;
}

hr{
	border-color:#bababb;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	
	font-weight: 800;
	letter-spacing:1px;
	text-transform:uppercase;
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
textarea.form-control {
	color:black;
	text-shadow: 0;
}

/**************************************************************************************
Bootstrap Overwrites
***************************************************************************************/
.carousel-control{
	color:white;
	text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.carousel-control.right,
.carousel-control.left{
	background:none;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 25px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -50px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -50px;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.modal-content {
	border:0;
    border-radius: 0px;
	box-shadow:none;
}
.modal-body {
    padding: 30px;
}

/**************************************************************************************
Custom Classes
***************************************************************************************/
/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.npl	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-left: 0 !important;
}
.npr	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-right: 0 !important;
}
.noleft	{
	padding-left: 0 !important;
}
.noright	{
	padding-right: 0 !important;
}
.no-vert{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.full-height, .half-height{
	position: relative;
}

.vs{
	margin-top: 30px;
}
.vs2{
	margin-top: 60px;
}
.vs3{
	margin-top: 90px;
}
.vs4{
	margin-top: 120px;
}
.vs5{
	margin-top: 150px;
}

.col5{
	float: left;
	display:block;
	padding-right: 15px;
	padding-left: 15px;
	width: 20%;
}

.imgfull	{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.1); }
.limit{
	display:block;
	width: 100%;
	height: 100%;
	overflow:hidden;
}

.espacio{
	padding:150px 0;
}

/**************************************************************************************
Header
***************************************************************************************/
#header{
	background:url(../_img/header.jpg) no-repeat center top;
	background-size: 1920px;

	font-size: 13px;
	text-transform:uppercase;
}
.top{
	height: 243px;
}
.top p{
	margin-top: 100px;
	
	color:#7a8384;
	font-weight: 300;
	letter-spacing:1px;
	line-height:24px;
	text-shadow: #fff 1px 0px 0px;
}
.top p strong,
.top p a{
	display:block;
	margin-top: 2px;
	
	color:#555;
	font-weight: 800;
	letter-spacing:1px;
}
.top p a{
	font-size: 12px;
}
.top img#logo{
	margin-top: 46px;
}

.carousel-caption {
    padding-bottom: 90px;
}
.carousel-caption h2{
	font-size: 16px;
	font-weight: 400;
	letter-spacing:4px;
	text-shadow: none;
}
.carousel-caption h3{
	display:block;
	margin:15px 45px;
	
	font-size: 30px;
	font-weight: 800;
	letter-spacing:4px;
	line-height:40px;
	text-shadow: none;
}

.titulo{
	position: relative;
	
	margin:0 0 75px 0;
	
	font-size: 16px;
	letter-spacing:3px;
	line-height:16px;
}
.titulo span{
	position: absolute;
	bottom:2px;
	left:-1915px;
	
	display:block;
	width: 1920px;
	height: 12px;
	
	background:black;
}
.titulo-amarillo{
	color:#fdb813;
}
.titulo-amarillo span{
	background:#fdb813;
}
.titulo-blanco{
	color:#fff;
}
.titulo-blanco span{
	background:#fff;
}
.titulo-crema{
	color:#e5d792;
}
.titulo-crema span{
	background:#e5d792;
}
.titulo-negro{
	color:#312c21;
}
.titulo-negro span{
	background:#312c21;
}

ul.lista li{
	display:block;
	padding:15px 0 15px 45px;
	
	list-style:none;
	background:url(../_img/flecha.png) no-repeat 0 18px;
	background-size: 15px;
	
	color:#2e2c2d;
	font-size: 13px;
	font-weight: 800;
	letter-spacing:2px;
	text-transform:uppercase;
	
}

#experiencia{
	position: relative;
	background:#383837;
	color:#d1d1d1;
}
#experiencia .container{
	position: relative;
	z-index: 1;
}
#experiencia.espacio{
	padding:150px 0 120px 0;
}
#experiencia section{
	display:block;
	padding-right:75px;
	text-align: justify;
}
#experiencia p strong{
	color:white;
}
img#hojas{
	z-index: 1;
	position: absolute;
	top:-30px;
	left:50%;
	margin-left: -46px;
}
img#carne{
	z-index: 0;
	position: absolute;
	top:0;
	left:50%;
}
#experiencia h3{
	margin-top: 60px;
	
	color:#ffe984;
	font-size: 26px;
	letter-spacing:5px;
	line-height:41px;
}
#experiencia h3 span{
	color:white;
	font-weight: 400;
}

#propuesta{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed92d+0,fdb813+100 */
	background: #fed92d; /* Old browsers */
	background: -moz-linear-gradient(top,  #fed92d 0%, #fdb813 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fed92d 0%,#fdb813 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fed92d 0%,#fdb813 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed92d', endColorstr='#fdb813',GradientType=0 ); /* IE6-9 */
	
}
#propuesta.espacio{
	padding:300px 0;
}
#alimentos{
	position: relative;
	display:block;
}
#alimentos img{
	position: absolute;
}

#sombra{
	z-index: 0;
	top:50px;
	left:0;
}
#lechuga{
	z-index: 1;
	top:-110px;
	left:0;
}
#lomo{
	z-index: 2;
	top:152px;
	right:-53px;
}
#limones{
	z-index: 3;
	top:252px;
	left:160px;
}

#propuesta section{
	display:block;
	padding-left:90px;
}

#equipo{
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff3b9+0,cbc5aa+100 */
	background: #fff3b9; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff3b9 0%, #cbc5aa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff3b9 0%,#cbc5aa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fff3b9 0%,#cbc5aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3b9', endColorstr='#cbc5aa',GradientType=0 ); /* IE6-9 */
}
#equipomarron{
	background:url(../_img/equipomarron.png) repeat-y center top;
	background-size: 1920px;
	color:#eee;
	text-align: justify;
}
#equipomarron.espacio{
	padding:200px 0 300px 0;
}

#equipo p strong{
	color:white;
}
#equipo section{
	display:block;
	padding:0 0 0 90px;
}
#equipo h6{
	color:#4e4a36;
	font-size: 25px;
	letter-spacing:8px;
	line-height:40px;
	text-align: left;
}
#equipo h6 span{
	color:#7f795e;
}
#equipo h6 strong{
	color:white;
	font-weight: 400;
}
#tomates{
	position: absolute;
	top:-40px;
	left:50%;
	margin-left: -38px;
}
#plato{
	position: absolute;
	bottom:-100px;
	left:50%;
	margin-left: -100px;
}

#clientes{
	background:#eee;
}
#clientes.espacio{
	padding:200px 0;
}

#footer{
	position: relative;
}
#footer.espacio{
	padding:200px 0 100px 0;
}
	
#footer p {
	display:block;
	margin-bottom: 30px;
}
#footer p strong{
	display:block;
}
#footer a{
	font-size: 14px;
}
#footer a:hover{
	text-decoration: none;
	color:black;
}
#footer a.siete{
	display:block;
	margin-top: 8px;
	
	font-size: 7px;
	font-weight: 800;
	letter-spacing:3px;
	text-transform:uppercase;
}
#footer img#logofooter{
	position: absolute;
	top:-43px;
	left:50%;
	margin-left: -83px;
}
















/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:100px;
    height:100px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../_img/ring-alt.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
	background-size: 100px;
    margin:-50px 0 0 -50px; /* is width and height divided by two */
}