@charset "UTF-8";
/* CSS Document */

@font-face{
	font-family: Roboto-Regular;
	src:url(../fonts/Roboto-Regular.ttf)
}

@font-face{
	font-family: Roboto-Bold;
	src:url(../fonts/Roboto-Bold.ttf)
}
@font-face{
	font-family: heavy1;
	src:url(../fonts/AvenirLTStd-Heavy.otf)
}

.contenedor {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.cabecera {
	margin: 0;
	height: 89px;
	padding: 0;
	list-style: none;
	font-family: Roboto-bold;
	font-size: 17px;
}

.cabecera li{
	float:right;
	height: 100%;
}

.cabecera div{
	float:right;
	height: 100%;
	display:block;
}


.cabecera li a{
	display:block;
	width:180px;
	height: 56px;
	padding-top:33px;
	text-align:center;
	color:#5e1010;
}

.cabecera li b{
	display:block;
	width:180px;
	height: 100%;
	padding-top:33px;
	text-align:center;
	color:#5e1010;
}


#rectangle{
    width:50%;
    margin-top:31px;
	margin-right:25%;
    height:5px;
    background:#ee2323;
}

.langicon{
	height: 30%;
	margin-top: 31px;
	margin-right: 20px;
	margin-left: 20px;
}


.cabecera li a:hover{
	background-color: #dddddd;
}

.cabecera li a:link   
{   
 text-decoration:none;   
}

.whatsapp{
	vertical-align: middle;
	margin-left: 1.5%;
	margin-top: 1%;
}

.logo{
	vertical-align: middle;
	margin-left: 1.5%;
	margin-top: 1.5%;
	height: 60%;
}

.image{
	height: 400px;
	background-color: #dddddd;
	background: url(../imagenes/empresaback.png) 50% 20%;
	background-size: 102%;
    box-shadow: inset 0px 0px 50px 0px #aaaaaa;
}

.empresaback{
	object-fit: contain;
	width: 100%;
}

.contenido{

}

.empresa {
	margin-top: -30px;
	margin-left: 25%;
	width: 50%;
	text-align: justify;
	font-family:Roboto-regular;
	margin-bottom: 50px;
}

.empresa a{
	margin-top: 50px;
	font-size: 16px;
	line-height: 28px;
}

.nuestraempresa{
	color:#ffffff;
	margin-top: -11%;
	text-align:center;
	font-family:Roboto-bold;
	font-size: 27px;
}

.arrow{
	width:100%;
}

.arrowtext{
	text-align: center;
	margin-left: 50%;
}


/*PRODUCTOS*/

.productos{
	padding-left: 10%;
	font-size: 20px;
	background-color: #f0f0f0;
	font-family: Roboto-bold;
	color: #5e1010;
}

.productosrect{
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	display:block;
	width: 80%;
	background-color: #ffffff;
	color: #000000;
}

.productosrect a{
	font-size: 18px;
	color:red;
	font-family: Roboto-bold;
}

.productosrect b{
	font-size: 16px;
	font-family: Roboto-regular;
}

.productostext {
	width:60%;
	margin-top:2%;
	margin-left: 37%;
	margin-right: 2%;
	text-align: justify;
}

.productosimage{
	float:left;
	width:30%;
	margin-left: 3%;
	margin-top: 2%;
}


.galeria{
	padding-right:5%;
}


.galeriaimage{
	padding-right: 2%;
	padding-bottom: 2%;
	width:30%;
vertical-align: middle
}


.contacto{
	font-size: 20px;
	background-color: #f0f0f0;
	font-family: Roboto-bold;
	color: #5e1010;
}

.contactorect{
	margin-top: 20px;
	padding-top: 30px;
	padding-bottom: 20px;
	display:block;
	width: 25%;
	background-color: #ffffff;
	color: #000000;
	padding-left: 20px;
	paddling-right: 0px;
	margin-right: 0px;
}

.contactorect a{
	font-size: 18px;
	color:red;
	font-family: Roboto-bold;
}

.contactorect b{
	font-size: 16px;
	font-family: Roboto-regular;
	color: #5e1010;
}

.contactorect c{
	font-size: 16px;
	font-family: Roboto-regular;
	color: #5e1010;
}

.contactorect d{
	font-size: 16px;
	font-family: Roboto-regular;
	color: #ee2323;
}


.contactotext {
	margin-top:2%;
	text-align: justify;
}

.pie {
	padding-left: 10%;
	list-style: none;
	font-family: Roboto-regular;
	font-size: 13px;
	background-color: #101010;
	color:#ffffff;
	line-height: 20px;
}







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


}




/*Maquetación smarPhone*/
@media only screen and (max-width: 480px) {
	




}






/*BreakPoint*/
@media only screen and (min-width:769px) and (max-width:1000px){


}