@font-face {

font-family: 'Gabriola';

src:url('../fonts/gabriola.ttf') format('truetype');

src:url('../fonts/gabriola.woff') format('woff');

}



@font-face {



  font-family: "Open Sans Light";

  src: url("1bf71be111189e76987a4bb9b3115cb7.eot"); /* IE9*/

  src: url("1bf71be111189e76987a4bb9b3115cb7.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("1bf71be111189e76987a4bb9b3115cb7.woff2") format("woff2"), /* chrome、firefox */

  url("1bf71be111189e76987a4bb9b3115cb7.woff") format("woff"), /* chrome、firefox */

  url("1bf71be111189e76987a4bb9b3115cb7.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

  url("1bf71be111189e76987a4bb9b3115cb7.svg#Open Sans Light") format("svg"); /* iOS 4.1- */

}



a{
	text-decoration: none;
}

body {

  height: 100%;

  font-family: Gabriola !important;

  padding-top: 120px;

}



html{

	    font-family: Gabriola;

}




h2, h3 {
	font-weight: bold;
	letter-spacing: 1px;
}


.bg{

	position: relative;

	height: 100%;

	width: 100%;

}



.fondo{



	position: absolute;

	z-index: 99;

	top: 50px;

	bottom: 0;

	margin-left: 30%;

	margin-right: 30%;

	width: auto;

	height: auto;



}



	.fondo img{

	width: 100%;

	



}


#myCarousel {
	padding-bottom: 30px;;
}


header h3{



	font-size: 3em;

	font-family: Gabriola;

}



.carousel-control.right{

	background-image: none;

}

.carousel-control.left {

	background-image: none;

}

.carousel-caption{

	padding-bottom: 60px;

	text-shadow: none;

}





/*NAVBAR INDEX*/









   nav #navbar a #image-whats {

	

	width: 8%;

 	padding-top:25px;

 }







#navbar1 {

  z-index: 900;

}







.sticky {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 900;

}



.sticky + .content {

  padding-top: 60px;

}





.navbar{

	border:none;

}





 .navbar-default{

 	background-color: #9c8d7a;

 	height: 120px;

 	border-bottom: 10px solid #057468;

 }



 .navbar-brand{

 	padding: 0;

 }



  .navbar-default .navbar-nav>li>a {

 	color: #FFFFFF;

 	font-family: Gabriola;

 	font-size: 1.5em;

 	padding-top: 50px;

 }



 .somos {



   margin:auto auto;

  

  }





 #myCarousel .item{

  	height: 700px;

  }



 #myCarousel h2{

  	font-size: 60px;

  	font-family: Gabriola;

  	color: #057468;

  	padding-top: 80px;

  	padding-bottom:40px;



  }



  

  .carousel-inner > .item > .carousel-caption > p {
	font-size: 30px;
	font-family: Gabriola;
	color: #000000;
	line-height: 1.2em;
	letter-spacing: -1px;
}


.carousel-inner>.item>.carousel-caption>{

	padding-top: 0px;



}



.carousel-inner>.item>.nosotros{

	position: absolute;

	top: 0;

	right: 0;

	float: right;

 	z-index: 9999999;

 }





 section .producto {
	height: auto;
	background-image: url("../images/fondo_verde.jpg");
	background-position: center;
	background-repeat: repeat-y;
	background-size: contain;
	padding-top: 20px;
	padding-bottom: 80px;
}



 section .producto h3{

 	font-family: Gabriola;

 	font-size: 60px;

	color: #FFFFFF;

	text-align: center;

	padding-top: 90px;

	padding-bottom:90px;

 }



  section .producto img{

	border-radius: 30px;

	margin: 0 auto;

	display: table;

 }



 section .producto h4 {
	font-family: Gabriola;
	padding-top: 25px;
	font-size: 2.2em;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 50px;
	letter-spacing: -1px;
	line-height: 1em;
	font-weight: bold;
}
a:hover{
	text-decoration: none;
}


section .contacto{

	position: relative;

	height:auto;

	background-color: #9c8d7a;

	padding-bottom: 200px;





}



 section .contacto h3{

 	font-family: Gabriola;

 	font-size: 60px;

	color: #FFFFFF;

	text-align: center;

	padding-top: 90px;

	padding-bottom:90px;

 }





  section .contacto p{



 	font-size: 2em;

	color: #FFFFFF;

	text-align: center;

	line-height: 40px;

 }





   section .contacto .contac img{

	margin: 0 auto;

	display: table;

 }



   section .contacto p a{

	color: #FFFFFF;

 }





   section .contacto .visitanos{

	padding-bottom: 20px;

 }



 .imgCont{

 	position: absolute;

	top: 0;

	left: 0;

 	z-index: 100;





 }





 #footer{

	background-color: #000000;

	color:#ffffff;

	padding: 16px;

	font-size: 2em;

 }



  @media (max-width: 1516px) {



	.fondo{

		height: 60%;

	}

  }



    @media (max-width: 1440px) {

		

	.navbar-default .navbar-nav>li>a {

	    color: #FFFFFF;

	    font-family: Gabriola;

	    font-size: 1.2em;

	    padding-top: 50px;

	}



}

  



    @media (max-width: 1316px) {



	.fondo{

		height: 50%;

	}

  }



    @media (max-width: 1044px) {



	.fondo{

		top:0;

		height: 40%;

	margin-left: 25%;

	margin-right: 25%;

	}



	header h3 {

    font-size: 2em;



	}	



	.navbar-nav {

    float: left;

    font-size: 15px;

	}



	nav #navbar a #image-whats{

		width: 10%;

		padding-top: 25px;

	}



	.container>.navbar-header {

    width: 32%;

	}





  }

 @media (max-width: 1199px) {







 	.navbar-brand{

 		width: 100%;

 	}



 	.navbar-header{

 		width: 26%;

 	}

 	.navbar-nav{

 		float: right;

 	}

 	.nav{

 		padding-left: 0 !important;

 	}



 	.carousel-inner>.item>.carousel-caption>p{

 		font-size: 18px;

 	}

 }

  @media (max-width: 768px) {



 	 	.navbar-header{

 		width: 20%;

 	}

 		.navbar-nav{

 		float: right;

 		font-size: 15px;

 	}





 	.navbar-brand{

 		width: 50%;

 	}



 	.navbar-brand>img{

 		width: 275px;

 		padding-top: 10px;

 	}



 	.navbar-default .navbar-nav>li>a{

 		font-size: 1.2em;

 		padding-top: 10px;

 		padding: 2px 3px;

 	}



 	section .producto h4{

 		font-size: 20px;

 	}



 	section .contacto h3{

 		font-size: 40px;



 	}



 	section .producto h3{

 		font-size: 40px;

 	}

 	#myCarousel h2{

 		font-size: 40px;

 	}







  section .contacto p{

  	

 	font-size: 0.8em;

	color: #FFFFFF;

	text-align: center;

	font-family: open sans;

	line-height: 30px;

 	}

 }



 @media (max-width: 992px) and (min-width: 768px){



		.container>.navbar-header {

		    width: 27%;

		}



			.navbar-brand {

	    width: 100%;

	}



 		.navbar-default .navbar-nav>li>a{

		padding: 40px 10px;

		font-size: 15px;

	}



	 nav #navbar a #image-whats{

		padding-top: 20px;

	

	}







}



 @media (max-width: 767px) {

 	

.navbar-toggle{

	margin-top: 60px;

}

 	.fondo{

		top:10px;

		height: 20%;

	}



.container>.navbar-header {

    width: 100%;



}



.navbar-default .navbar-collapse{



	background-color: #9c8d7a;

	border: none;



	  border-top: none;

   -webkit-box-shadow: none;

  box-shadow: none;

}



.navbar-nav {

	padding-top: 40px;

    float: left;

    font-size: 15px;

}

nav #navbar a #image-whats{

	margin: 0 50px;

}









 	header h3{

 		font-size: 1.3em;

 	}



 	.carousel-caption{

 		padding-bottom: 20px;

 	}



 

 	 	.navbar-header{

 		width: 100%;

 	}

 	 	.carousel-inner>.item>.carousel-caption>p{

 		font-size: 15px;

 	}



 	.carousel-inner>.item>.nosotros{

 		display: none;

 	}



 	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{

		background-color: #9c8d7a;

		color: white;

	}





	.navbar-default .navbar-collapse{

		border-bottom: 10px solid #057468;

	}



	.navbar-default .navbar-nav>li>a{

		padding: 10px 50px;

		font-size: 25px;

	}



	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{

		background-color:#057468;

	}

	.navbar-default .navbar-toggle{

		background-color:#057468;

	}



	.navbar-default .navbar-toggle .icon-bar {

    background-color: #ffffff;

}

 }

 /* ********************CONTACTO ********************************/



section .tab-content h2{

	font-size: 60px;

	text-align: center;

	color: #057468;

}



section .tab-content p{

	font-size: 25px;



}



section .tab-pane li{

	font-size: 25px;

}



section .quien{
	padding-top: 90px; 

}







/* ***************** CATALOGO ********************************/


.catalogo {
	background-color: #FFFFFF;
	padding-bottom: 80px;
	padding-top: 50px;
}



 section #catalogo h2{

 	font-size: 60px;

 	color: #057468;

	text-align: center;

	padding-top: 30px;

	padding-bottom:30px;

 }



section #catalogo img{

	border-radius: 30px;

	margin: 0 auto;

	display: table;

}



 section #catalogo h3{

 	font-size: 25px;

 	color: #057468;

	text-align: center;

	padding-top: 10px;

	padding-bottom:10px;

 }

 
 .imagenCat {
	height: 200px;
	width: 208px;
	margin: 10px auto;
	object-fit: cover;
}





 /* ********************CATEGORIA ********************************/



.cat{

	padding: 50px;

}

.listproduct li a{

	background: #e2e2e2;

	color: #000;

	border-bottom: 1px solid #A9A9A9;

	font-size: 25px;

}



.listproduct  > li > a:focus,.listproduct  > li > a:active,.listproduct  > li > a:hover, .listproduct  > li > .active, .listproduct li.active a {

	color:#FFF; 

	background:#9c8d7a;



}



.titproduct{

	

	background: #057468;

	color: #FFF; 

	text-transform: uppercase;

}



.nop{



	padding: 0px;

}

.titproduct {



	margin-bottom: 0px;

	padding: 25px 5px;

	font-size: 40px;

}



 .categoria h2{



 	font-size: 60px;

	text-align: center;

	padding-bottom:90px;

	color: #057468;



 }



section .container .imgProducto {


    object-fit: contain;

    width: 200px;

    height: 200px;



  }





  section .container .titulo {



    color: #057468;

    height: 10px;

    font-size: 26px;



  }



  section .container .categoria a {



      

      margin: 30px 0;

 

  }



  section .container .pagi{



    margin: 50px 2%;

    width: 100%;

    color: #057468;

    font-size: 1.3em;



  }





 /* ****************PRODUCTO ******************************/



 section #producto{

 	padding-top: 80px;

 	padding-bottom: 80px; 

 }



  .carousel-indicators .active{

  background-color:#007472; 

}



.carousel-indicators li{

  background-color: #008785;

}





.glyphicon-chevron-left:before{

  content: none;

}

.glyphicon-chevron-right:before{

  content: none;

}

.glyphicon-chevron-right{



  color: transparent;

}



.glyphicon-chevron-left{

  color: transparent;

}



.carousel-control.right{



  background-image: none;

}



.carousel-control.left{



  background-image: none;

}



.carousel-inner>.item>a>img{

  object-fit: contain;	

  margin:0;

  width: 100%;

  height: 315px;

}



section .container .prod h4{



  font-size: 60px;

  margin:0;

  border-bottom: 1px solid #ccc;

  color: #057468;



}



section .container .prod .descripcion{



  

  border-bottom: 1px solid #ccc;

  padding: 1em 0;

  height: auto;



}



section .container .prod p{

  

  font-size: 20px;

  color: #000000



}





section .container .prod label{

  font-size: 30px;

  color: #057468;





}



section .container .prod button{

 margin-top: 20px;

   



}



.btn-info {

    color: #fff;

    background-color: #9c8d7a;

    border-color: #9c8d7a;

}





.btn-info:hover {

    color: #fff;

    background-color: #968269;

    border-color: #968269;

}



.gale{

	margin-top: 30px;

}



.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {

    color: #fff;

    background-color: #9c8d7a;

    border-color: #9c8d7a;

}





.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {

    color: #fff;

    background-color: #9c8d7a;

    border-color: #9c8d7a;

}



.btn-info.focus, .btn-info:focus {

    color: #fff;

    background-color: #9c8d7a;

    border-color: #9c8d7a;

}







/*CONTACTO*/



.fila-contacto{





	padding-bottom: 120px !important; 



}



.fila-contacto label{

	font-size: 16px;

}



.fila-contacto .form-control{

	font-size: 20px;

}



.col-contacto{margin-left: 100px;margin-top: 50px;margin-bottom: 50px;}



.fila-form{

	width: 50%;

}



section .informes p{

	font-size: 1.9em;

	margin-bottom: 40px;

}



section .informes p a{

	color: #000000;

}



section .informes img{

	width: 10%;

}



section .informes .producto .g-recaptcha{

	padding-bottom:20px;

}



section .informes .producto label{

	padding-bottom:20px;

}



section .informes .producto button{

	padding: 10px 50px;

	font-size: 1.5em;

}







.ubicacion{

	background-color: #057468;

	color: white;

}



.ubicacion h2{

	font-size: 60px;

}

.contacto-bar{

	font-size: 60px;

	color: #057468;

	margin-bottom: 50px;

	padding: 41px;

}



section .producto h2{

	font-size: 60px;

	color: #FFFFFF;

	margin-bottom: 50px;

	padding: 41px;

}







section .col-contacto p{

	font-size: 25px;

}



.col-form{

	padding: 10px;

}

.sect-cont{

	margin-bottom:20px;

}

.terminos{



	font-size:0.7em;

	color: #FFF;

}

.terminos a{

	color: #FFF;

}



.btn-verde{

	background-color: #057468;

	color: #FFFFFF;

	border-color:#057468;

}



.btn-verde:active{

	background-color: #057468;

	color: #FFFFFF;

	border-color:#057468;

}

.btn-verde:hover{

	background-color: #057468;

	color: #FFFFFF;

	border-color:#057468;

}


/* *****************  MODAL *********************/


.modal-title{
	font-size: 25px;
}

hr{
	margin-top: 0px; 
    margin-bottom: 10px; 
    border: 0;
    border-top: 1px solid #eee0;
}