/****************************   Desktop ******************/
body{
	background: #f7f7f7;
	font-family: sans-serif;
}

.cont-2{
	background-color: #e5e5e6;
	margin:  0px 65px 0px 65px;
	height: auto;
}

/*   Gallery  */
.col-slide{

}

.slide{
    height: 541px;
    width: 100%;
}
 
.slide img{
    position: absolute;
    width: 97.2%;
}
 
.slide .img2, .slide .img3 {
    display: none;
}
/*   Gallery   */


/*   Menu de Navegacion   */
.menu-nav{
	z-index: 20;
	position: absolute;

	top:10px;
	left: 14%;


	font-family: 'Dosis',sans-serif;
	font-size: 18px;
	color: #3b322f;
	font-weight: 400;

	letter-spacing: 1px;

	width: 75%;
}


#main-menu {
	float:right;
	margin-top: 2%;
}

#main-menu li{
	background: rgba(255,255,255,.8);

}

#main-menu a {
	padding: 30px 25px;
}
#main-menu a {
	margin-left: 2%;
}

#main-menu a:hover {
	background: rgba(255,255,255,.9);
}


#main-menu.nav-pills>li.active>a, 
#main-menu.nav-pills>li.active>a:hover, 
#main-menu.nav-pills>li.active>a:focus,
#main-menu.nav-pills>li>a:hover {
	padding: 30px 25px;
}

#main-menu.nav-pills > li a{
	color: #3b322f;
}

#main-menu.nav-pills > li a:hover{
	color: #e51;
}

#main-menu.nav-pills>li.active>a, 
#main-menu.nav-pills>li.active>a:hover, 
#main-menu.nav-pills>li.active>a:focus {
	background: rgba(255,255,255,.8);	
}

#main-menu.nav .open>a, 
#main-menu.nav .open>a:hover, 
#main-menu.nav .open>a:focus {
	color: #3b322f;
	background: rgba(255,255,255,.9);
}

/***** Mobile*/
.visible-xs{
	background: rgba(255,255,255,.9);
}

#mobile-menu-button {
	float: right;
	width: 44px;
	margin: 20px 0;
}

#mobile-main-menu {
	display: none;
	list-style: none;
}

#mobile-main-menu a {
	display: block;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #eee;
	color: #aaa;
	text-align: center;
	text-transform: uppercase;
}


#mobile-main-menu a:hover {
	color: #e51;
	text-decoration: none;
	background: rgba(255,255,255,.9);
}

/*   Menu de Navegacion   */

/*   Footer   */
.content-info{
	background-color: #FF3E3E;
	margin-left: 0px;
	margin-right: 0px;
}

.contacto{
	padding-top: 20px;
}

.title-footer{
	font-family: 'Play', sans-serif;
	font-size: 26px;
	color: #fff;
	font-weight: 300;

	margin-left: 50px;
}

.article-footer{
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 10px;
}

.article-footer p{
	color: #000000;
	font-size: 14px;
}

.separator-footer hr{
	opacity: 1;
	margin-left: 2%;
	margin-right: 2%;
}

.menu-footer{
	margin-top: 20px;
	margin-left: -20px;
	margin-bottom: 6%;

	font-family: 'Dosis',sans-serif;
	color: #3b322f;
	font-weight: 400;
	

	text-decoration: none;
	display: block;
}

.menu-footer ul, ol {
	list-style:none;
}

.nav-footer > li {
	float:left;
}

.nav-footer li a {
	font-family: 'Dosis',sans-serif;
	text-decoration: none;
	display: block;
	padding-left: 30px;
	font-size: 14px;
	color: #a09e9f;
}

.nav-footer li a:hover {
	text-decoration: underline;
}

/*   Footer   */

/*   Index   */

.index{
	height: auto;
	background: rgba(255,255,255,.95);
	margin-top: -15%;
	margin-left: 4%;
	margin-bottom: 5%;	
}

.title-1{
	font-family: 'Play', sans-serif;
	font-size: 42px;
	font-weight: 300;
	color: #fff;
	line-height: 40px;
	margin-top: 10px;
}
.title-resto{
	font-family: 'Play', sans-serif;
	font-size: 42px;
	font-weight: 300;
	line-height: 40px;
	margin-top: 10px;
	color: #cc0000;
}

.text-strong{
	font-weight: bold;
	margin-top: 1%;
	margin-left: 10%;
}

.container-text{
	padding: 0px 0px 20px 0px;
	text-align: justify;
}

.item-1{
	background: #3b322f;
	margin-left: -15px;
	padding-bottom: 3%;
}

.ver-mas-1{
	width: 77px;
	height: 27px;
	background-color: #96908d;
	border: 0;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-style: italic;
	padding: 15px 25px;
	color: #e2e2e2;
	margin-left: 10%;
}

.ver-mas-1 a{
	text-decoration: none;
	color: #fff;
}

.ver-mas-1:hover{
	background-color: #3b322f;
	color: #fff;
}

.ver-2{
	margin-left: 40px;
	margin-top: 15px;
}


.ver-mas-2 a{
	text-decoration: none;
	color: #fff;
}

.ver-mas-2:hover{
	background-color: #96908d;
	color: #fff;
}


.ver-mas-2{
	width: 77px;
	height: 27px;
	background-color: #3b322f;
	border: 0;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-style: italic;
	padding: 15px 25px;
	color: #e2e2e2;
}

.text{
	font-size:12px;
	color: #fff;
	padding: 0px 20px 50px 20px;
}

.text-resto{
	font-size:12px;
	padding: 0px 20px 0px 20px;
	color: #63615e;
}

/*   Index   */


/*     Clientes   */


.clientes{
	margin-top: 0px;
	margin-bottom: 5%;

}

.ours-clients ul, ol{
	list-style:none;
}

.clients > li {
	float:left;
}

.clients{
	padding-left: 45px;
}

.clients li{
	padding-left: 10px;
}

.txt{
	margin-bottom: 2%;
}
/*     Clientes      */

.derechos{
	margin:  20px 65px 0px 65px;
}


/**************  Nosotros  ****/
.title-nosotros{
	font-family: 'Play', sans-serif;
	font-size: 42px;
	font-weight: 300;
	color: #cc0000;
	line-height: 40px;
	margin-top: 20px;
	margin-left: 30px;
}

.txt-1{
	font-size:14px;
	text-align: justify;
	color: #63615e;
}

.part-1{
	padding-right: 2%;
}

.valores{
	margin-top: 5%;
	margin-bottom: 5%;
}


.separador-vertical{
	float: left;
	border-left: 1px solid #c6c5c5;
	height: 770px;
	width: 0px;
	margin: 0px;
	padding: 0px;
	padding-right: 2%;
	margin-top: 100px;
	background: #fff;
}

.title-servicios{
	font-family: 'Play', sans-serif;
	font-size: 42px;
	font-weight: 300;
	color: #cc0000;
	line-height: 40px;
	margin-top: 20px;
	margin-left: 50px;
}

.separator-servicios{
	margin-bottom: -30px;
	margin-left: 30px;
	margin-right: 40px;
}

.separator-servicios hr{
    height: 3px;
    background: #988C8C;
}


.clientes-servicio{
	margin-top: 0px;
	margin-bottom: 20%;

}

.ours-clients-servicio ul, ol{
	list-style:none;
}

.clients-servicio > li {
	float:left;
}

.clients-servicio{
	padding-left: 40px;
}

.clients-servicio li{
	padding-left: 0px;
}

.clients-servicio li img{
	width: 210px;
	height: 124px;
}

.space-servicios{
	margin-top: 1080px;
}


/**************  Nosotros  ****/

/**************  Servicios  ****/
.txt-2{
	text-align: justify;
	font-size:16px;
	color: #63615e;
}

.txt-2 p{
	margin-left: 5%;
	margin-right: 5%;
}

.subtitle-servicios{
	font-family: 'Play', sans-serif;
	font-size: 26px;
	font-weight: 300;
	color: #cc0000;
	line-height: 40px;
	margin-top: 20px;
	margin-left: 50px;
}
/**************  Servicios  ****/

/**************  Contacto  ****/

.form{
	line-height: 1.6;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #63615e;
}

.text-map{
	margin-left: 40px;
	margin-top: 60px;
	margin-bottom: 20%;
}

.map{
	height: 256px;
	width: 256px;
	margin-left: 10%;
	margin-top: 50px;
}

/**************  Contacto  ****/

/****************************   Desktop ******************/


/****************************   Tablet ******************/
@media only screen and (max-width: 768px) {

	.content-info{
	background-color: rgba(238,85,17,.8);
}

	.visible-xs {
	    margin-right: -15px;
	}

	.map{
		margin-left: 25%;
	}

	.part-contact-1{
		text-align: center;
	}

	.part-contact-2{
		padding-bottom: 10%;
	}

	.form{
		margin-left: 20%;
		margin-right: 20%;
	}

    .container{
		margin-right: 15px;
	}
    .cont-2{
    	margin-left: -15px;
    	margin-right: -15px;

    }

    /*   Gallery  */
    .col-slide{
    	padding-left: 0px;
    	padding-right: 0px;
    }
	.slide{
	    height: 400px;
	}
	 
	.slide img{
	    position: absolute;
	    width: 100%;
	    height: 400px;
	}
	 
	.slide .img2, .slide .img3 {
	    display: none;
	}
	/*   Gallery   */


	/*   Menu de Navegacion   */
	.menu-nav{
		z-index: 20;
		position: absolute;

		top:0px;
		left: 0px;


		font-family: 'Dosis',sans-serif;
		font-size: 18px;
		color: #3b322f;
		font-weight: 400;

		width: 100%
	}

	.content-info{
		margin-right: -15px;
		margin-left: -15px;
	}

	.menu-footer{
		margin-bottom: 14%;
	}

	.separator-footer{
		margin: 0px;
		margin-bottom: -19px;

	}

	.separator-footer hr{
		margin-left: 4%;
		margin-right: 4%;
	}

	.derechos{
		margin:  20px 0px 0px 0px;
	}

	/**************  Index  ****/
	.index{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 0px;
	}

	.block{
		margin-top: 70%;
	}

	.item-1{
		background: #3b322f;
		margin-left: -5px;
		margin-right: -15px;
		margin-top: -15px;
		padding-bottom: 3%;
		padding-top: 10px;
	}

	.item-resto{
		padding-top: 20px;
	}

	.ver-mas-1{
		margin-left: 40%;
	}

	.ver-mas-2{
		margin-left: 38%;
	}

	/**************  Index  ****/


	/**************  Clientes  ****/
	.clientes{
		margin-top: 98%;
		margin-bottom: 43%;
		margin-top: 65%;
		text-align: center;
	}

	.ours-clients{
			margin-left: 0%;
			margin-bottom: 50%;
		}

	.txt{
		margin-left: 0%;
	}

	.last-client{
		margin-left: 32%;
		margin-top: 2%;
	}

	/**************  Clientes  ****/

	/**************  Nosotros  ****/
	.valores{
		margin-top: 0%;
		margin-bottom: 0%;
	}

	.separador-vertical{
		display: none;
	}

	.part-2{
		margin-bottom: 10%;
	}

	/**************  Nosotros  ****/

	/**************  Servicios  ****/
	.clientes-servicio{
		margin-top: 0px;
		margin-bottom: 40%;

	}

	/**************  Servicios  ****/

}

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

	.slide{
		width: 100%;
	}

	.slide img{
	    width: 100%;
	}

	.ours-clients{
		margin-left: 10%;
		margin-bottom: 175%;
	}

	.ours-clients ul > li{
		margin-bottom: 2%;
	}

	.txt{
		margin-left: 0px;
	}

	.last-client{
		margin-left: 0%;
		margin-top: 0%;
	}
}

/****************************   Tablet ******************/
@media only screen and (max-width: 1280px) {
	.container{
		width: auto;
	}

	.index{
		margin-top: -30%;
	}
}

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

	.text-map {
		margin-bottom: 3%;
	}

	.separador-vertical{
		display: none;
	}

	.part-2{
		margin-bottom: 5%;
	}

	.item-1{

	}

.menu-nav{
	z-index: 20;
	position: absolute;

	top:0px;
	left: 0%;


	font-family: 'Dosis',sans-serif;
	font-size: 18px;
	color: #3b322f;
	font-weight: 400;

}
	
}
/****************************   Mobile ******************/
@media only screen and (max-width: 360px) {

	.item-1{
		margin-right: -25px;
	}

	.container{
		margin-right: 0px;
	}


	.index{
		width: 100%;
		margin-left: -10px;
	}

	.nosotros{
		margin-left: 0px;
	}

    .slide img{
	    position: absolute;
	    width: 100%;
	    height: 400px;
	}

	.map{
		margin-left: 0%;
		width: 100%;
	}

	iframe{
		width: 100%;
	}
	
	.part-contact-1{
		text-align: center;
	}

	.part-contact-2{
		
	}

	.form{
		margin-left: 0%;
		margin-right: 0%;
	}

    .cont-2{
    	margin: 0px;
    }

    /*   Gallery  */
	.slide{
	    height: 400px;
	    
	}
	 
	.slide img{
		width: 100%;
	    position: absolute;
	}
	 
	.slide .img2, .slide .img3 {
	    display: none;
	}
	/*   Gallery   */

	.clientes{
		margin-bottom: 5%;
		margin-top: 3%;
	}

	.ours-clients{
		margin-left: 2%;
	}

	.visible-xs {
    margin-right: -15px;
}

	.menu-footer{
		margin-left: -49px;
	}

	.ver-mas-1{
		margin-left: 35%;
	}

	.ver-mas-2{
		margin-left: 29%;
	}
}

/****************************   Mobile ******************/