body{
	margin:0;
	width:100%;
	height:100%;
	color:#12284A;
}

strong {
	font-family: Roboto-Black;
}

.bg_nosotros{
	width:100%;
	height:100%;
	background-size: cover;
	text-align: center;
	display:table;
}

.header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	display:table;
	background:#10181F;/*#107e9f;*/
	z-index:10;
}

.ir-arriba{
  display:none;
  background-repeat:no-repeat;
  font-size:20px;
  color:orange;
  cursor:pointer;
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:2;
}

.logo{
	position:absolute;
	width:250px;
	height:100%;
	display:table;
	vertical-align: middle;
	text-align: center;
	background:#10181F;/*#107e9f;#FFF;*/
}

.logotipo{
	width:150px;
	animation-duration: 3.5s;
  	animation-name: bounceInLeft;
  	margin-top:7px;
}

.menu{
	position:absolute;
	height:100%;
	display:table;
	vertical-align: middle;
	top:0;
	right:100px;
	font-family:Roboto-Regular;
	font-size:18px;
	color:#FFF;
	animation-duration: 2.5s;
  	animation-name: bounceInRight;
  	font-weight: 300;
  	margin-top:5px;
}

.listaIzq{
	animation-duration: 6s;
  	animation-name: bounceInLeft;
}

.listaDer{
	animation-duration: 6s;
  	animation-name: bounceInRight;
  }

.idioma{
	position:absolute;
	right:60px;
	top:0;
	text-align: center;
	width:14px;
	font-family:Roboto-Regular;
	font-size:14px;
	color:#FFF;
	line-height: 14px;
	height:100%;
	display:table;
	font-weight: 300;
}

.lineaidioma{
	background-color:#FFF;
	height:1px;
	padding:0;
	margin-top:3px;
	margin-bottom:1px;
}

.linea-idioma p{
	margin:0;
}

.menu a:link, .menu a:hover, .menu a:visited, .menu a:active{
	font-family:Roboto-Regular;
	font-size:18px;
	color:#FFF;
	text-decoration: none;
	padding-left:30px;
	padding-right: 30px;
	font-weight: 300;
}

.menu a:hover{
	font-family:Roboto-Regular;
	font-size:18px;
	color:#FFF;
	text-decoration: underline;
	padding-left:30px;
	padding-right: 30px;
	font-weight: 300;
}

.centra{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width:100%;
	height:100%;
	border:0 auto;
	margin:0 auto;
}

.centra-contacto{
	width:600px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}

.greca2{
	width:50%;
	/*margin-top:50%;*/
}

.footer{
	width:100%;
	height:30px;
	background:#cdcdcd;
	position:fixed;
	width:100%;
	bottom:0;
	display:table;
	color:#575756;
	font-size:10px;
	text-align: center;
	font-family: Roboto-Light;
}

.separa-footer{
	padding-left:20px;
	padding-right: 20px;
}

.tituloContacto {
	font-family: Roboto-Black;
	color:#FFF;
	font-size:37px;
	letter-spacing: 2px;
	line-height: 34px;
	padding-bottom:25px;
}

/*[class*="fp-viewing-"] [class*="titulo-"]{
	animation-duration: 5s;
  	animation-name: fadeInUp;
}*/

#subtitulo-seccion{
	animation-duration: 3s;
  	animation-name: fadeInDown;
}

.txt-contacto{
	font-family: Roboto-Light;
	color:#FFF;
	letter-spacing: 1px;
	line-height: 24px;
	width:100%;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:26px;
	font-weight: 100;
	font-size: 16px;
	text-align: left;
}

.formulario{
	width:100%;
	height:250px;
}

.greca-contacto{
	width:60px;
}

.titulo{
	font-family: Roboto-Black;
	color:#FFF;
	font-size:37px;
	letter-spacing: 2px;
	line-height: 34px;
}

.tel{
	 font-family: "Roboto-Black";
	 color:#FFF;
}

.tel a:link, .tel a:hover, .tel a:visited, .tel a:active {
	 font-family: "Roboto-Black";
	 color:#FFF;
	 text-decoration: none;
	 font-size: 16px;
}

.txt-nosotros{
	font-family: Roboto-Light;
	color:#FFF;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 24px;
	width:600px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:26px;
	font-weight: 100;
}

.txt-productos, .lista-productos{
	font-family: Roboto-Black;
	color:#FFF;
	font-size:20px;
	letter-spacing: 1px;
	line-height: 24px;
	width:600px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:26px;
	font-weight: 100;
	padding:0;
}

#txt-nosotros{
	font-family: Roboto-Light;
	color:#FFF;
	font-size:20px;
	letter-spacing: 1px;
	margin-top:20px;
	width:550px;
	position:relative;
	margin-left:auto;
	margin-right: auto;
}

.txt-preguntas, .lista-preguntas{
	font-family: Roboto-Black;
	color:#FFF;
	font-size:20px;
	letter-spacing: 1px;
	line-height: 24px;
	width:460px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:26px;
	font-weight: 100;
	padding:0;
}

.box{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	transform: translate(85%,3%);
	width:500px;
	height:30px;
	border:0 auto;
	margin:0 auto;
}

.popup-footer{
	position:fixed;
	right:0px;
	bottom:30px;
	width:264px;
	text-align: right;
	z-index:10;
	font-size:0px;
}

.correo, .telefono, .ubicacion, .instagram, .twitter, .facebook{
	border:0;
	padding:0;
	/*margin-right:-2.5px;
	margin-left:-2.5px;*/
	height:26px;
	width: 26px;
	display: inline-block;
	margin:0;
	font-size: 0px;
	line-height: 0;
}

.bg_popup{
	margin-right:-5px;
	position:relative;
}

.contiene-popup{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.cerrar{
	width:14px;
	cursor:pointer;
	position:absolute;
	top:10px;
	right: 10px;
}

.txt-popup{
	position:absolute;
	left:24px;
	top:20px;
	text-align: left;
}

.txtdireccion{
	font-family:HelveticaNeueLTStd-Bd;
	font-size:12px;
	line-height: 14px;
	color:#4c4c4c;
}

.txttelefono{
	font-family:HelveticaNeueLTStd-Hv;
	font-size:12px;
	line-height: 14px;
	color:#808080;
	margin-top:14px;
}

.txttelefono a:link, .txttelefono a:hover, .txttelefono a:visited, .txttelefono a:active{
	font-family:HelveticaNeueLTStd-Hv;
	font-size:12px;
	line-height: 14px;
	color:#808080;
	margin-top:14px;
	text-decoration: none;
}

.contactanos{
	font-family:HelveticaNeueLTStd-MdCn;
	font-size:14px;
	color:#000000;
	margin-top:14px;
	border:solid 1px #000;
	padding:5px;
	width:70px;
}

.seccion-nosotros{
	position:absolute;
	background:#02a1a5;
	width:100%;
	height:0%;
	bottom:0%;
	display:table;
}

.container{
	top:200px;
	position:relative;
	padding-bottom:400px;
}
/* PREGUNTAS */

.preguntas-frecuentes{
	position:absolute;
	background:#065b5b;
	width:100%;
	height:0%;
	bottom:0%;
	display:table;
}

.tituloPreguntas{
	font-family: Roboto-Black;
	color:#FFF;
	font-size:38px;
	letter-spacing: 1px;
	line-height: 38px;
}

.tituloContainer{
	margin-top:1.5em;
	padding-bottom:3em;
}

#titulo-seccion{
	font-family: Roboto-Black;
	color:#FFF;
	font-size:38px;
	letter-spacing: 1px;
	line-height: 38px;
}

.contenido-seccion-nosotros, .contenido-seccion-preguntas{
	text-align: center;
	width:80%;
	position:relative;
	margin-left:auto;
	margin-right: auto;
	display:none;
	height:auto;
	overflow: hidden;
	overflow-y: auto;
	padding-bottom:80px;
	height:80%;
	margin-top:150px;
}

.subtitulo, .subtituloFecha{
	font-family: Roboto-Black;
	color:#FFF;
	font-size:22px;
	letter-spacing: 1px;
	line-height: 22px;
}

#subtitulo{
	font-family: Roboto-Black;
	color:#FFF;
	font-size:22px;
	letter-spacing: 1px;
	line-height: 22px;
}

.subtituloFecha{
	margin-top:30px;
}

.txt-seccion{
	font-family: Roboto-Light;
	color:#FFF;
	font-size:20px;
	letter-spacing: 1px;
	font-weight: 100;
	margin-top:20px;
	width:429px;
	position:relative;
	margin-left:auto;
	margin-right: auto;
	text-align: justify;
}

.txt-seccion-u{
	font-family: Roboto-Light;
	color:#FFF;
	font-size:20px;
	letter-spacing: 1px;
	font-weight: 100;
	margin-top:20px;
	width:436px;
	position:relative;
	margin-left:auto;
	margin-right: auto;
}

.txt-seccion-preguntas{
	font-family: Roboto-Light;
	color:#FFF;
	text-align: justify;
	font-size:20px;
	letter-spacing: 1px;
	font-weight: 100;
	margin-top:20px;
	position:relative;
	margin-left:auto;
	margin-right: auto;
}

#centro{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

#izquierda{
	border-left:1px solid #FFF;
}

.col-md-4{
	padding-top:25px;
	padding-bottom:25px;
}

.col-md-2{
	text-align: center;
}

.flechader{
	width:11px;
	float:right;
	margin-top:20%;
	margin-bottom:70%;
	margin-left:7px;
	margin-right:10px;
}

li{
	list-style:none;
	display: inline;
}

.flechaSeccion, #flecha-seccion-inicio{
	width:60px;
	margin-top:40px;
	margin-bottom:50px;
	animation-duration: 1.5s;
}

.flechaSeccionRotate {
	width:60px;
	margin-top:40px;
	margin-bottom:50px;
	animation-duration: 1.5s;
	transform: rotate(180deg);
}

.flechaSeccion: hover{
	background: #FFF;
	filter: invert(1);
}

#flecha-seccion-inicio{
	animation-duration: 1.5s;
  	animation-name: flipInX;
}

#lupa{
	width:85%;
	margin-top:150px;
}

#icono{
	width:85%;
	margin-top:80px;
}

.lista{
	margin-top:14px;
	font-family: Roboto-Light;
	color:#FFF;
	font-size:20px;
	letter-spacing: 1px;
	padding-left:0;
}

.lista-productos li, .lista-preguntas li{
	list-style: none;
	display: list-item;
	color:#FFF;
	background: url(../img/greca2.svg) left top no-repeat;
	background-size: 28px;
	padding-left: 33px;
	margin-top: 26px;
	/*
	list-style: outside;
	list-style-type: disc;
	display:list-item;
	color:#FFF;
	margin-top:12px;
	background-size: 22px;
	padding:0;
	*/
}

.lista li{
	list-style: none;
	text-align: left;
	display:list-item;
	color:#FFF;
	background-size: 30px;
	margin-top:18px;
}

.preguntas-lista li{
	list-style-type: lower-alpha;
	display:list-item;
	color:#FFF;
	margin-top:18px;
}

.lista-dos{
	margin-top:26px;
	font-family: Roboto-Light;
	color:#FFF;
	font-size:20px;
	letter-spacing: 1px;
	padding-left:0;
}

.lista-dos li, .lista li{
	list-style: none;
	display:list-item;
	color:#FFF;
	background: url(../img/greca2.svg) left top no-repeat;
	background-size: 32px;
	padding-left: 42px;
	margin-top:26px;
}

.uno{
	background:#12284A;/*084c66;*/
	/*padding: 3em 0 6em 3em;*/
	padding: 0 0 2.5em 0;
	margin: 0 auto;
	width:100%;
	height:100%;
}

.vertical-center {
	margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dos{
	background:#10181F;/*#3B9951;067293;*/
	margin: 0 auto;
	padding: 0 0 2.5em 0;
	width:100%;
	height:100%;
}

.dos-m{
	background:#10181F;/*037B8E;*/
	width:100%;
}

.contenidos{
	padding-top:120px;
}

.dentro{
	position:relative;
	width:95%;
	margin-left: auto;
	margin-right: auto;
}

#cambio{
	margin-top:80px;
	padding-bottom:80px;
}

#cambio-1{
		margin-top:80px;
		padding-bottom:100px;
}

.cont-preguntas{
	margin-top:1.5em;
	padding-bottom:1.5em;
}

.col-md-4{
	padding-top:50px;
	padding-bottom:50px;
}

#centro{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

.container-preguntas{
	position:relative;
	width:90%;
	margin-right: auto;
	margin-left: auto;
	top:80px;
	padding-bottom:200px;
}

.btn-movil, .menuMovil{
	display:none;
}

@media (max-width: 1200px){
	.menu a:link, .menu a:hover, .menu a:visited, .menu a:active{
		padding-left:12px;
		padding-right: 12px;
		font-size:14px;
	}
}

@media (max-width: 880px){ /*768px){*/

	.menu, .idioma{
		display:none;
	}

	.menuMovil a:link, .menuMovil a:hover, .menuMovil a:visited, .menuMovil a:active{
		font-family:Roboto-Regular;
		font-size:18px;
		color:#FFF;
		text-decoration: none;
		font-weight: 300;
	}

	.btn-movil{
		position:absolute;
		right:10px;
		cursor:pointer;
		width:30px;
		display:block;
		top:10px;
		z-index:99;
	}

	.flechaSeccion, #flecha-seccion-inicio{
		width:30px;
	}

	.flechaSeccionRotate {
		width:30px;
	}

	.menuMovil{
		background:#000;
		width: 100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		display:none;
	}

	.dentroMovil{
		margin-top:20%;
		width: 80%;
		height:100%;
		text-align: left;
		color:#FFF;
		line-height: 40px;
		font-family:Raleway;
		font-size:14pt;
		position:relative;
		margin-right: auto;
		margin-left: auto;
	}

	.txt-seccion-preguntas{
		font-size:14px;
		text-align: center;
	}

	.close1{
		width:30px;
		position:absolute;
		top:15px;
		right: 15px;
		cursor:pointer;
	}

	#lupa, #icono{
		width:150px;
		position:relative;
		margin-top:0px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:30px;
		text-align: center;
	}

	.lista, .lista-dos{
		padding-left:20px;
	}

	.dentro{
		width:100%;
		font-size: 14px;
	}

	.greca2{
		margin-top:5%;
	}

	#cambio{
		margin-top:0px;
		padding-bottom:10px;
	}

	#cambio-1{
		padding-top:10px;
		margin-bottom:10px;
	}

	.cont-preguntas{
		padding-bottom:0;
	}

	.col-md-4{
		padding-top:20px;
		padding-bottom:20px;
	}

	#centro{
		border-left:0px solid #FFF;
		border-right:0px solid #FFF;
	}

}

@media (max-width: 767px) {
	#lupa, #icono {
		display: none;
	}
}

@media (max-width: 660px){

	.titulo, #titulo-seccion{
    font-size:24px;
    line-height: 30px;
  }

	#subtitulo{
		font-size:16px;
		line-height: 20px;
	}

	.uno{
		margin-top:30px;
		padding-bottom:30px;
	}

	.dos{
		margin-top:30px;
		padding-bottom:30px;
	}

	.tel a:link, .tel a:hover, .tel a:visited, .tel a:active {
		 font-family: "Roboto-Black";
		 font-size: 10px;
	}

	.greca-contacto{
		display: none;
	}

	.col-md-4{
		padding-top:0px;
		padding-bottom:0px;
	}

	.tituloContacto{
		font-size:24px;
		line-height: 30px;
	}

	.tituloPreguntas{
		font-family: Roboto-Black;
		color:#FFF;
		font-size:24px;
		letter-spacing: 1px;
		line-height: 30px;
	}

	.flecha, .flecha-nosotros, .flecha-reg{
		display:none;
	}

	.centra-contacto{
		width:100%;
		position:relative;
		padding:20px;
	}

	.bg_popup{
		display:none;
	}

	.popup-footer{
		bottom:0px;
	}

	.footer{
		height:20px;
		font-size:7px;
	}

	.separa-footer{
		padding-left: 2px;
		padding-right: 2px;
	}
	/*.footer{
		display:none;
	}*/
}

@media (max-width: 560px){
 #txt-nosotros{
		width:90%;
	}

}

@media (max-width: 450px){
	.txt-seccion, .txt-seccion-u{
		width:90%;
	}

}

@media (max-height: 502px) {
	.dentroMovil{
		margin-top:10%;
	}
}

@font-face {
    font-family: "Roboto-Medium";
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium.woff') format('woff'),
         url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
}

@font-face {
    font-family: "Roboto-Black";
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Black.woff') format('woff'),
         url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
}

@font-face {
    font-family: "Roboto-Regular";
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular.woff') format('woff'),
         url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}

@font-face {
    font-family: "Roboto-Light";
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light.woff') format('woff'),
         url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
}

@font-face {
    font-family: "Roboto-Bold";
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold.woff') format('woff'),
         url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
}

@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url('../fonts/RobotoCondensed-Regular.eot');
    src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
}

@font-face {
    font-family: "HelveticaNeueLTStd-Bd";
    src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
    src: url('../fonts/RoboHelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
}

@font-face {
    font-family: "HelveticaNeueLTStd-Hv";
    src: url('../fonts/HelveticaNeueLTStd-Hv.eot');
    src: url('../fonts/RoboHelveticaNeueLTStd-Hv.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Hv.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Hv.svg#HelveticaNeueLTStd-Hv') format('svg');
}

@font-face {
    font-family: "HelveticaNeueLTStd-MdCn";
    src: url('../fonts/HelveticaNeueLTStd-MdCn.eot');
    src: url('../fonts/RoboHelveticaNeueLTStd-MdCn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-MdCn.svg#HelveticaNeueLTStd-MdCn') format('svg');
}