@charset "utf-8";
/* CSS Document */
@font-face
{
 font-family:"Gravity Book";
 src:url(../pictures/font/Gravity-Book.ttf);
}
@font-face
{
 font-family:"Gravity Light";
 src:url(../pictures/font/Gravity-Light.ttf);
}

dl{ width: 60px; float:left;}
		dt, dd{ padding:5px 0px;  color:#fff;}
		dt{ background: #1B1B20; color:#fff; cursor: pointer; }
		dd{ background: #1B1B20; display: none; line-height: 1.6em;  }
		dt.activo, dt:hover{ background: #1B1B20;  }

		dt:before{ content: ""; margin-right: 10px;}
		dt.activo:before{ content: ""; font-family:"Neutra Text Alt"; }
		.li{ width:100%; height:50px; background:#1B1B20;}
		.la{ font-size:16px; color:#FFF; margin-top:17px; text-align:center;} 
.le{ font-size:16px; color:#FFF; text-align:center; margin-top:17px; text-decoration:none;} 
.mundo{ float:left; margin-top:5px; margin-left:20px;}
.cinta{ margin-left:210px; margin-top:-50px; color:#fff;}
.mundo1{ width:230px; margin-left:205px; margin-top:-37px; background:#1B1B20;}
.cinta1{ width:70px; background:#1B1B20; margin-left:152px; padding:5px 5px; text-decoration:none;}


.lc{margin-left:25px;}
.spanish{text-decoration:none; color:#FFF;}
.logo{width:200px; height:70px; max-width:100%;}
.ima{width:1350px; height:575px;}
.back{ background:#343F45;}
.icono{width:20px; height:20px; color:#FFF;}
.inicio{color:#FFF;}
.txt{ text-align:justify; color:#000;}
.pictures{width:570px; height:360px; padding:15px 15px; max-width:100%; max-height:100%;}
.vision{font-size:22px;}
.products{padding:20px 130px; color:#8C8C8D; font-size:25px;}
.viñeta{width:7px; height:7px;}
.tab{margin-left:45px;}
.contact{padding:20px 120px; color:#8C8C8D; font-size:25px;}
.servicios{padding:20px 130px; color:#8C8C8D; font-size:25px;}
.reloj{width:15px; height:15px;}

body
{
 font-family:"Gravity Book";
}
*{
	margin: 0;
	padding: 0;
}


* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



a {
	color: #000;
	text-decoration: none;
}

ul {
	list-style-type: none;
}

/*
Encabezado del Slider
 ----------------------------------------*/
.slider-title {
	text-align: center;
	margin: 80px 0 40px;
	font-size: 3.2em;
	color: #FFF;
}

/**
 * Contendor del Slider
 ----------------------------------------*/
.slider-container {
	margin: 0 auto;
	width: 100%;
}

.slider-wrapper {
	position: relative;
	z-index: 90;
	height: 400px;
	width: 100%;
	overflow: hidden;
}

.slider-wrapper li {
	display: none;
}

li.slide-current {
	display: block;
}

.slider-wrapper li img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 400px;
}

/**
 * Caption
 ----------------------------------------*/
.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	padding: 12px;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.caption-title {
	color: #FFF;
	font-size:32px;	
	font-family:"Gravity Light";
	text-align:center;
}

.caption p {
	color: #FFF;
}

.slider-wrapper li:hover .caption {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

b{font-size:52px; padding:5px 5px;}
section{
	width:100%;
	height:400px;
	background:#000;
	overflow:hidden;
}

#contacto{width:100%; height:auto; padding:20px 20px;}
.contact1{width:50%; height:auto;}
.contact2{width:50%; height:500px; float:right;}

.titulocontc{padding:20px 60px; font-size:40px; font-family:"Gravity Book";}

.hr{width:500px; height:1px; background-color:#343F45;border-style:solid;border-width:0.5px;border-color:#343F45;}
.colorh1{ color:#999; font-size:30px}
.table{color:#000;}
.table1{color:#999; font-size:20px;}
.lado1{
	width:25%;
	height:auto;
	float:left;
	position:static;


	}
.lado2{
	width:40%;
	height:auto;
	
	
	}
.lado3{
	width:35%;
	height:auto;
	float:right;
	position:static;


	}
#cuerpoprincipal{
	width:100%;
	height:auto;
	background:#1D1D1D;
}
.largo1{
	width:100%;
	background-color:#343F45;
	height:1px;
	border-style:solid;
	border-width:0.5px;
	border-color:#343F45;
}

.lec{color:#FFF;}
.atras{ width:auto; height:30px; float:right; background:#F00; margin-top:10px;} 
.in{font-size:22px; font-family:"Gravity Book"; color:#000; height:auto; }
#nombre{ width:100%; height:auto;}
.wrapperbanner {
	width:100%;
	max-width:1000px;
	margin:auto;
	overflow:hidden;
	margin-right:80px;
}
.mensaje123{
	width:90%;
	font-size:20px;
	color:#FFF;
	background:#0B3453;
	font-family:"Opificio";
	padding:5px 5px;
	text-align:center;
	border-radius: 10px 10px 10px 10px;
}
.footer1{
	width:auto; height:40px;}
.footer2{
	width:200px; height:auto; float:right; padding:5px 5px; margin-right:42px;}
.footer3{width:250px; height:40px; float:right;
}

.foo{ width:100px; height:30px; background:url(../pictures/ovalos-02.png); margin-top:5px; margin-left:40px;}
.foo1{ width:100px; height:30px; background:url(../pictures/ovalos-01.png); float:right;margin-top:5px;}

.foo:hover{  background:url(../pictures/iconos/fa.png);}
.foo1:hover{ background:url(../pictures/iconos/you.png);}
.lec{color:#FFF; text-decoration:none; font-size:13px;}
.lec1{color:#FFF; font-size:12px; margin-right:10px;}
.lec3{color:#FFF; font-size:12px; margin-right:10px; }
.lec2{color:#FFF; font-size:12px; margin-right:10px; float:left; padding:5px 5px;margin-top:18px;}
.desing{
	width:auto;
	height:auto;
	float:left;
	margin-left:40px;
	color:#FFF;
	padding:10px 5px;
	font-size:12px;
	
}
.letrafooter{
	color:#FFF;
	font-size:12px;
	padding:15px 10px;}