@font-face {font-family: "Myriad Pro Bold";

  src: url("../fonts/MYRIADPRO-BOLD.woff") format("woff") /* chrome、firefox */

}



@font-face {font-family: "Myriad Pro Regular";

  src: url("../fonts/MYRIADPRO-REGULAR.woff") format("woff") /* chrome、firefox */

}



@font-face {font-family: "Myriad Pro Semibold";

  src: url("../fonts/MYRIADPRO-SEMIBOLD.woff") format("woff") /* chrome、firefox */

}



@font-face {font-family: "Lato";

  src: url("../fonts/Lato-Regular.ttf") format("truetype");

}





section{

	padding: 80px 0;

}





h2{

	font-size: 3em;

	font-family: "Lato";



	margin-top:0;

}



p{

	font-size: 1.5em;

	font-family: "Lato";

}



.no-p{

	padding:0;

}

#header{

	background-color: #FFF;

	height: 120px;

	border-bottom: 8px solid #ff000d;

	padding-top: 20px;

}


#logo  a img , #menu-principal img{ width: 200px; }

#menu-principal{

	border-bottom: 8px solid #ff000d;

}



.navbar-default{

	background-color: #FFF;

}



.navbar-nav a{

	font-family: "Lato";

	color:#000;

	font-size: 1.4em;

}



#mainCarousel{

	margin-top: 120px;

}



#mainCarousel .carousel-inner img{

	width: 100%;

	object-fit: cover;

}



#mainCarousel .carousel-caption{

	background-color: rgb(0,0,0,0.7);

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 18px 22%;

	height: 160px;



}



#mainCarousel .carousel-control{

	background-image: unset;

}


#myCarousel{
    
}



#nosotros{

	background-color: #FFF;

	text-align: center;

}



#nosotros h2{

	color: #ff000d;

}

#nosotros img{

	padding: 40px 0;

	width: 75px;

}

#nosotros p{

	color:#000;

	padding: 0 15%;

	line-height: 30px;

}

#ofrecemos{

	background-color: #ff000d;

}



#ofrecemos h2{

	color:#FFF;

	font-size: 2.5em;

	line-height: 60px;

	text-align: center;

	font-style: italic;

}



#values h2{

	text-align:center;

	margin-bottom: 50px;

	color: #ff000d;



}

#values .cienporciento{

	background-color: #ff000d;

	height: 20px;

	margin-bottom:20px;

}



#hacemos{

	background-color: #c7c7c7;	

	text-align: center;

}



#hacemos img{

	width: 180px;

	height: 180px;

	object-fit:cover;

	margin: 30px auto;

	display: block;

}



#hacemos button{

	font-size: 1.5em;

	color: #FFF;

	background-color: #565656;

	width: 250px;

	height: 70px;

	border:unset;

	border-radius:10px;

	cursor: unset;

}



#alianzas h2{

	text-align:center;

	margin-bottom: 50px;

	color: #ff000d;

}



#alianzas img{

	width: 80%;

}

#contactenos{

	background-image: url('../img/contacto.jpg');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



#contactenos h2{

	color:#FFF;

	margin-bottom: 70px;

}



#contactenos p span{

	font-family: "Lato";

}



#contactenos p{

	color:#FFF;



}

#contactenos .datos p{

	margin-bottom: 40px;

}



#contactenos .formulario{

	text-align: center;

}



#contactenos .formulario form{

	margin-top:50px;

}



#contactenos .formulario form button{

	margin-top:30px;

	background-color: #ff000d;

	height: 40px;

	width: 120px;

	color:#FFF;

	font-family: "Lato";

	font-size: 1.5em;

	border:unset;



}



footer{

	background-color: #000;

	color:#FFF;

	padding: 10px 0;

	text-align:center;

}

footer a, footer a:hover{

	color:#FFF;

	text-decoration: none;

}



footer p{

	margin:0;

}





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

	#mainCarousel .carousel-caption{

		padding: 18px 12%;

	}

}



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

	.navbar-nav a {

	    font-size: 1.1em;

	    padding: 10px 5px;

	}

	.navbar-nav {

		float: right;

	}

	#mainCarousel .carousel-caption{

		padding: 18px 3%;

	}

	#ofrecemos h2 {

		font-size: 2.2em;

	}

}

@media (min-width: 1515px) {
    .carousel-inner>.item>img {
            width: 100%;
        object-fit: contain;
    }
}

@media (min-width: 767px) {

    #myCarousel{ margin-top:120px; }
}


@media screen and (max-width: 991px) and (min-width: 767px) {



	.container{

		width: 90%

	}



	.navbar-nav a {

	    font-size: 1.1em;

	    padding: 5px 5px !important;

	}

	.navbar-nav {		

		margin-top: 25px;

	}



	#header .container{

		width: 98%;

	}





}



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

	h2{

		font-size:2.5em;

	}

	p{

		font-size:1.2em;

	}

	#mainCarousel .carousel-caption {

		padding: 33px 3%;

	}



	#ofrecemos h2 {

		font-size: 2em;

	}

	#hacemos button{

		font-size: 1.2em;

		width: 200px;

		height: 50px;



	}

}



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

	#mainCarousel h2{

		font-size:2.3em;

	}

	.navbar-nav a {

		font-size: 1em;

		padding: 5px 5px !important;

	}

	#ofrecemos h2 {

		padding: 0 5% ;

	}

}







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

	#mainCarousel {

		margin-top: 0px;

	}

	.navbar-nav {

		float: left;



	}

	.navbar{

		margin-bottom:0;

	}

	.navbar-header {

		height: 100px;

		padding-top: 15px;

	}



	#hacemos img{

		width: 130px;

		height: 130px;

		object-fit:cover;

		margin: 30px auto;

		display: block;

	}



	#hacemos button{

		margin-bottom:50px;

	}



	#contactenos .datos{

		text-align: center;

	}

	#contactenos .formulario{

		margin-top:50px;

	}

	#contactenos form{

		padding: 0 15%;

	}

}



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

	#mainCarousel h2 {

    	font-size: 2em;

	}

	#mainCarousel .carousel-caption {

		padding: 18px 1%;

	}



	#contactenos form{

		padding: 0 5%;

	}

}



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

	.navbar-header {

		height: 140px;

	}



	#values .col-xs-3{

		width: 30%;

	}

	#values .col-xs-offset-3 {

		margin-left: 20%;

	}

	#values .col-xs-6 {

		width: 60%;

	}



}



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

	#mainCarousel h2 {

    	font-size: 1.8em;

	}

}









/* *************************************/

/************ PRODUCTOS ****************/

/***************************************/



#productos{

  margin-top: 110px;

  min-height: 700px;

}

#productos h2{  color: #ff000d; text-align:center; font-size: 3.5em; text-transform: uppercase; font-weight: 700; margin-bottom: 0;}

#productos .tab-content ul li, p{

      font-size: 1.3em;

      font-family: "Lato";

}



#productos .contenido{

  margin-bottom: 60px;

  margin-top: 60px;

}



#productos img{

	width: 200px;

	height: 200px;

	object-fit: contain;

	object-position: bottom;

}



#productos h4{

	margin-top:30px;

	font-family: "Lato";

	font-size:1.5em;

}



#productos .contenido a {

	margin-top: 7px;

	background-color: #ff000d;

	height: 29px;

	width: 87px;

	color: #FFF;

	font-family: "Lato";

	font-size: 1.1em;

	border: unset;

	display: inline-block;

	padding-top: 4px;

	border-radius: 20px;

	margin-bottom: 60px;

}



/* MENU */

.titproduct {

	background-color: #ff000d;

	font-family: "Lato";

    color: #FFF;

    text-transform: uppercase;

    padding: 20px;

    font-size: 20px !important;

    margin-bottom: 0px;

    text-align:center;

}

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

    color: #FFF!important;

    background: #727275;

}

.listproduct li a {

    font-size: 1.2em;

    background: #e2e2e2;

    color: #000;

    font-family: "Lato";

    border-bottom: 1px solid #A9A9A9;

    transition-duration: 0.2s;

    line-height: 28px;

}



#productos .navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: -10px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

#productos .navbar-toggle .icon-bar {

    display: block;

    width: 30px;

    height: 4px;

    border-radius: 1px;

    background: #FFF;

}



.pagi span{

	background: #727275;

	color:#fff;

}

.pagi a{

	background-color: #e2e2e2;

}

.pagi a:hover, .pagi a:active, .pagi a:focus{

	text-decoration: none;

	color: #000;

}



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



	#productos,#productos h4 {

		margin-top: 0;

	}

	#productos h2 {

		margin-top: 60px;

	}

}





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



  #productos h2{

    font-size: 3em;

  }  

}



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



  #productos h2{

    font-size: 2.5em;

  }

  

}



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



  #productos h2{

    font-size: 2.2em;

  }

  

}

/*********************************************/

/* ************** ARTICULO *******************/

/*********************************************/



#articulo{

  margin-top: 110px;

  min-height: 700px;

}





#articulo h2{  color: #ff000d; text-align:center; font-size: 3.5em; text-transform: uppercase;  margin-bottom: 0;}



#articulo ul li, #articulo p {

	font-size: 1.3em;

	font-family: "Lato";

}



#articulo .contenido{

  margin-bottom: 60px;

  margin-top: 60px;

}



#articulo .glyphicon-chevron-right, #articulo .glyphicon-chevron-left{

  color: #ff000d;

  opacity: unset;

}

#articulo .carousel-control.right, #articulo .carousel-control.left{

  background-image: none;

}

#articulo .carousel-inner{

  width: 100%;

  margin:0 auto;

}



#articulo .carousel-inner img{

  margin:0 auto;

  height: 100%;

  object-fit: contain;

  object-position: bottom;

}



#articulo .carousel-inner .item{



  height: 200px;

}



#articulo .carousel-control {

	top: unset;

	bottom: -41px;

	height: 20px;

}



#articulo .archivo{

	margin-top: 80px;

}



#articulo .archivo a {

	margin-top: 7px;

	background-color: #ff000d;

	height: 29px;

	width: 87px;

	color: #FFF;

	font-family: "Lato";

	font-size: 1.1em;

	border: unset;

	display: inline-block;

	padding-top: 4px;

	border-radius: 20px;

}



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



	#articulo{

		margin-top: 0;

		padding: 0px 40px;

		padding-top: 160px;

	}



	#articulo .contenido{

		margin-top: 10px;

		margin-bottom: 10px;

	}



	#articulo .carousel-control {

		top: 0;

		bottom: 0;

		height: unset;

	}



	#articulo .archivo {

		margin-top: 40px;

		margin-bottom: 50px;

	}



}





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

	#articulo .carousel-control {

		top: unset;

		bottom: -41px;

		height: 50px;

	}	







}





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

	#articulo {

		padding-top: 195px;

	}



}





/**********************************/

/***********NOSOTROS***************/

/**********************************/



.nstrs{

		margin-top: 120px;

}





#mision{

	background-color: #ff000d;

	color:#FFF;

	text-align:center;

}





#mision .carousel-control{

	background-image: unset;

}



#mision .item{



    padding-bottom: 80px;

}

#mision .item h2{

	margin-top: 0;

	margin-bottom: 50px;

}

#mision .item p {

    padding: 0 15%;

}



#valores{

	text-align: center;

}



#valores h2{

	color:#ff000d;

	text-align: center;

}



#valores p{

	font-family: "Lato";

}



#valores .imagen{

    padding:10px;

    border: 3px solid #000;

    border-radius: 50%;

    width: 150px;

    height: 150px;

    margin:10px auto;

    margin-top: 50px;

    padding-top: 25px;

}

#valores img{

  width: 70%;

}





#contacto{

	margin-top: 120px;

	padding-top: 0;

}



#contacto .titulo{

		background-color: #000;

		height: 120px;

}

#contacto h2{

	color:#FFF;

	padding-top: 30px;

}



#contacto .no-p{

	border:3px solid #000;

}



#contacto .visita{

	text-align:center;

	background-color: #ff000d;

	height: 120px;

}





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

	.nstrs {

		margin-top: 0;

		padding-top: 150px;

	}	

	#contacto {

		margin-top: 0;

	}

}



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

	.nstrs {

		padding-top: 180px;

	}	

}



.modal-header{

	background-color:#ff000b;

	color:#FFF;

}



.modal .close {

	color: #fff;

	opacity: unset;

}

@media (max-width: 767px) {
	.pagi{ display: grid; }
}