/*Reset*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{
	background: transparent;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	color: inherit;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

input {
	outline: none;
}

img { border: 0; }

/* SELECCION WEBKIT OPERA IE& */
::selection{
    background: #bd2026;
    color: #FFF;
    text-shadow: none;
}

/* SELECCION FIREFOX */
::-moz-selection{
    background: #bd2026;
    color: #FFF;
    text-shadow: none;
}

h1, h2, h3, h4, h5, h6, th, td, caption, p, a, input, textarea, label, span, div, footer { font-weight:normal; font-family: 'Open Sans', sans-serif; }

/*MENU*/
#cabecera{
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	display: block;
	height: 70px;
	margin-top: -70px;
	overflow: hidden;
	position: fixed;
	width: 100%;
	z-index: 3;
	-webkit-transition: all ease .7s;
	-o-transition: all ease .7s;
	transition: all ease .7s;
}

#cabecera.move{
	margin-top: 0px;
}

#logo{
	background-image: url(../images/sl-logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
    display: block;
    float: left;
    height: 60px;
    margin: 5px 5%;
    margin-right: 10px;
    width: 380px;
}

#principal{
	display: block;
	float: right;
	height: 70px;
	margin-right: 180px;
}

#principal ul{
	display: inline-block;
	float: left;
	padding: 25px 0px 0px;
	width: auto;
}

#principal ul li{
	display: inline-block;
	list-style: none;
	width: auto;
}

#principal ul li a{
	border-bottom: solid 6px #bd2026;
	padding: 5px 10px;
	padding-bottom: 26px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

#principal ul li a#ir-formulario{
	border:none;
	border-radius: 3px;
	color: #ffffff;
	background-color: #bd2026;
	padding: 5px 10px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

#principal ul li:hover a, #principal ul li.activo a{
	padding-bottom: 20px;
}

#principal ul li:hover a#ir-formulario{
	background-color: #141414;
}

#dolar{
	background-color: #75b856;
	color: #ffffff;
	display: block;
	height: 70px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 80px;
}

#dolar span{
	color: #ffffff;
	display: block;
	font-size: .9em;
	padding: 10px 5px 0px;
	text-align: center;
}

#euro{
	background-color: #7cc25b;
	color: #ffffff;
	display: block;
	height: 70px;
	position: absolute;
	right: 79px;
	top: 0px;
	width: 80px;
}

#euro span{
	color: #ffffff;
	display: block;
	font-size: .9em;
	padding: 10px 5px 0px;
	text-align: center;
}

.precio{
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	position: relative;
	width: 100%;
}

.divisa{
	color: #ffffff;
	font-size: .8em;
	font-weight: 600;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 90%;
	width: 100%;
}

.titulo-seccion{
	font-size: 2em;
	font-weight: 800;
}

.padding_20_20{
	display: inline-block;
	padding: 20px 20%;
}

/*BLOQUES*/
#paquete{
	display: block;
	height: auto;
	position: absolute;
	width: 100%;
}

.contenedor{
	display: block;
	float: left;
	padding: 40px 0px;
	width: 100%;
}

.contenedor-foto{
	display: block;
	float: left;
	padding: 20px 0px;
	width: 100%;
}

.contenedor-pantalla{
	display: block;
	float: left;
	width: 100%;
}

.medida{
	display: block;
	margin: 0px auto;
	width: 85%;
	max-width: 1260px;
}

.columna33{
	display: block;
	float: left;
	width: 33.333%;
}

.columnaservicio{
	display: block;
	float: left;
	margin: 0px 5%;
	width: 40%;
}

.columna50{
	display: block;
	float: left;
	width: 50%;
}

.columna80{
	display: block;
	float: left;
	width: 80%;
}

.columna-center{
	float: none;
	margin: 0px auto;
}

.wrap{
	background-position: center;
	background-size: cover;
	display: block;
	float: left;
	height: 520px;
	margin-left: -20px;
	width: 50%;
}

.padding{
	padding: 47px;
}

.descanso{
	background-attachment: fixed;
	background-size: cover;
}

.descansos{
	min-height: 480px;
	background-attachment: fixed;
	background-size: cover;
}

/*ALINEACION*/
.t-center{
	text-align: center;
}

.t-left{
	text-align: left;
}

.t-right{
	text-align: right;
}

/*COLORES*/
.blanco{
	background-color: #fff;
}

.dark{
	background-color: #141414;
}

.deep-blue{
	background-color: #0e202f;
}

.soft{
	background-color: #cccccc;
}

.t-orange{
	color: #d49262;
}

.t-dark{
	color: #141414;
}

.t-light{
	color: #5d5d5d;
}

.t-soft{
	color: #cccccc;
}

.t-white{
	color: #ffffff;
}

/*BOTONES & LINKS*/
.boton{
	border-radius: 3px;
	display: inline-block;
	font-weight: 500;
	margin: 10px 0px;
	padding: 8px 16px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

.orange{
	color: #d4572b;
}

.orange:hover{
	background-color: #d4572b;
	color: #ffffff;
}

.red{
	background-color: #bd2026;
	color: #ffffff;
}

.red:hover{
	background-color: #ffffff;
	color: #bd2026;
}

.red-dark{
	background-color: #bd2026;
	color: #ffffff;
}

.red-dark:hover{
	background-color: #141414;
	color: #ffffff;
}

/*ESPECIFICOS*/
#superior, .full-screen{
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.pantalla{
	background-color: rgba(190,32,38,.8);
	display: block;
	height: auto;
	position: absolute;
	width: 100%;
}

.frase{
	color: #fff;
	display: block;
	margin-top: -30px;
	padding: 5px 5%;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 90%;
}


.frase h1{
	font-size: 1.4em;
	font-weight: 300;
	letter-spacing: 5px;
}

.frase hr{
	background-color: #fff;
	display: block;
	height: 1px;
	margin: 16px auto;
	width: 80px;
}

#bgvid{
	background-size: cover;
	display: block;
	min-height: 100%;
	min-width: 100%;
}

#contenedor-servicios .medida{
	display: table;
}

#contenedor-servicios .columna33{
	display: inline-block;
	float: none;
	vertical-align: top;
}

.titulo-servicio{
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 10px;
}

.texto-corrido{
	font-weight: 300;
}

.entrada{
	display: block;
	max-width: 620px;
	padding: 80px 15%;
	padding-left: 10%;
}

.linea{
	display: block;
	height: 4px;
	margin: 16px 0px;
	margin-left: -40px;
	width: 100px;
}

.titulo-resumen{
	font-size: 2.4em;
	font-weight: 300;
}

.titulo-resumen b{
	font-weight: 600;
}

.flecha{
	display: block;
	height: 30px;
	margin-left: -15px;
	margin-top: 110px;
	position: absolute;
	width: 30px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 2;
}

.padding-left{
	display: block;
	font-weight: 300;
	padding-left: 10px;
}

#mapa{
	height: 520px;
}

footer#pie{
	background-color: #bd2026;
	color: #ffffff;
	display: block;
	height: auto;
	overflow: auto;
	padding: 10px 0px;
	width: 100%;
}

#logo-b{
	background-image: url(../images/sl-logo-blanco.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	float: left;
	height: 20px;
	margin: 0px 5%;
	margin-right: 0px;
	width: 240px;
}

#derechos{
	border-left: solid thin #ffffff;
	display: block;
	float: left;
	font-weight: 300;
	line-height: 20px;
	margin-left: 20px;
	padding-left: 20px;
}

#scrolld{
	bottom: 50px;
	display: block;
	height: auto;
	left: 50%;
	margin: 0px auto;
	margin-left: -15px;
	position: absolute;
	width: 30px;
	z-index: 2;
}

#scrolld img{
	display: block;
	height: auto;
	width: 100%;
	-webkit-animation: animation 1800ms infinite both;
	animation: animation 1800ms infinite both;
}

@keyframes animation { 
  0% {
  	-webkit-transform: translateY(0px);
  	-o-transform: translateY(0px);
  	transform: translateY(0px);
  }
  50% {
  	-webkit-transform: translateY(-20px);
  	-o-transform: translateY(-20px);
  	transform: translateY(-20px);
  }
  100% {
  	-webkit-transform: translateY(0px);
  	-o-transform: translateY(0px);
  	transform: translateY(0px);
  }
}

@-webkit-keyframes animation { 
  0% {
  	-webkit-transform: translateY(0px);
  	-o-transform: translateY(0px);
  	transform: translateY(0px);
  }
  50% {
  	-webkit-transform: translateY(-20px);
  	-o-transform: translateY(-20px);
  	transform: translateY(-20px);
  }
  100% {
  	-webkit-transform: translateY(0px);
  	-o-transform: translateY(0px);
  	transform: translateY(0px);
  }
}

/*Nosotros*/
.lista-servicios{
	color: #242424;
	list-style: circle;
	padding: 10px 0px;
	padding-left: 20px;
}
.lista-servicios ul{
	color: #858585;
	list-style: decimal;
	padding-left: 5%;
}

.lista-servicios li{
	margin: 20px 0px;
}

.lista-servicios ul li{
	margin: 10px 0px;
}

/*Servicios*/
.infinite-slider{
	margin: 80px auto;
	position: relative !important;
	width: 90% !important;
}

.info-cliente{
	display: block;
	margin: 0px auto;
	text-align: center;
	width: 50%;
}

.logo-cliente{
	display: block;
	height: auto;
	margin: 0px auto;
	width: 200px;
}

.nombre-cliente{
	color: #242424;
	font-size: 1.2em;
	font-weight: 600;
	margin: 10px 0px;
}

.datos-cliente{
	color: #606060;
	font-size: .9em;
	font-weight: 300;
}

/*Contacto*/
#form-contacto{
	display: block;
	height: auto;
	margin: 80px auto;
	width: 100%;
	max-width: 480px;
}

#form-contacto input{
	border: solid thin #e1e1e1;
	border-radius: 3px;
	margin: 10px 0px;
	font-size: 1em;
	color: #225f7a;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 5%;
	width: 90%;
}

#form-contacto textarea{
	border: solid thin #e1e1e1;
	border-radius: 3px;
	margin: 10px 0px;
	font-size: 1em;
	color: #225f7a;
	display: block;
	height: 120px;
	padding: 10px 5%;
	resize:none;
	width: 90%;
}

#form-contacto #enviar-form{
	display: block;
	background-color: #bd2026;
	color: #ffffff;
	width: 100.5%;
	border: none;
	cursor: pointer;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

#form-contacto #enviar-form:hover{
	background-color: #141414;
}

form input-placeholder { color: #454545; }
::-webkit-input-placeholder { color: #454545; } /* WebKit */
:-moz-placeholder { color: #454545; } /* Firefox 18- */
::-moz-placeholder { color: #454545; } /* Firefox 19+ */
:-ms-input-placeholder { color: #454545; } /* IE 10+ */

/*Cotizador*/
.cotizador{
	overflow: hidden;
}
.contenedor-formulario{
	height: 480px;
	overflow: hidden;
	width: 500%;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

.paso{
	float: left;
	padding: 0px 1% 20px;
	width: 18%;
}

.paso p{
	color: #c2bac0;
	margin-bottom: 40px;
	text-align: center;
}

.progreso{
	display: block;
	width: 100%;
}

.progreso span{
	background-color: #89c54a;
	display: block;
	float: left;
	height: 4px;
	margin: 10px 0px;
	margin-right: .5%;
	width: 0%;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

.progreso span.correcto{
	width: 24.5%;
}

.navegacion{
	display: block;
	overflow: auto;
	width: 100%;
}

.boton-paso{
	border-radius: 3px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	text-align: center;
	width: 140px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

.boton-paso i{
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

#anterior{
	display: none;
	background-color: #242424;
	float: left;
}

#siguiente{
	background-color: #242424;
	float: right;
}

#anterior:hover{
	background-color: #b02c1a;
}

#anterior:hover i{
	margin-right: 5px;
}

#siguiente:hover{
	background-color: #00b02c;
}

#siguiente:hover i{
	margin-left: 5px;
}

.error{
	background-color: #b02c1a;
	border-radius: 3px;
	color: #ffffff;
	display: none;
	font-size: .9em;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.check{
	display: block !important;
	float: left;
	height: 2px !important;
	width: 20px !important;
}

label{
	color: #4a4a4a;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 5px 2.5%;
	width: 90%;
}

/*Blog*/
.articulo{
	padding: 15px 0px;
}

.articulo:nth-child(2n+2), .articulo:nth-child(2n+2) .flecha{
	background-color: #f4f4f4 !important;
}

#login{
	background-color: #0e202f;
	border-radius: 5px;
	display: block;
	left: 50%;
	margin-left: -210px;
	padding: 20px;
	position: absolute;
	top: 50%;
	width: 380px;
	z-index: 4;
}

#login h1{
	color: #419ce5;
	font-size: 2em;
	font-weight: 300;
	letter-spacing: 5px;
	margin-bottom: 20px;
}

#login i{
	background-color: #e2e2e2;
	border-right: solid 1px #d9d9d9;
	border-radius: 3px 0px 0px 3px;
	color: #505050;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	margin: 5px 0px;
	text-align: center;
	width: 49px;
}

#login input{
	-webkit-aparence: none !important;
	aparence: none !important;
	outline: none !important;
	background-color: #fff;
	border-radius: 0px 3px 3px 0px;
	color: #404040;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	margin: 5px 0px;
	padding: 0px 15px;
	width: 300px;
}

#login #ingresar{
	-webkit-aparence: none !important;
	aparence: none !important;
	outline: none !important;
	background-color: #7cc25b;
	border-radius: 3px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	margin: 5px 0px;
	padding: 0px !important;
	text-transform: uppercase;
	width: 380px;
	-webkit-transition: all ease .7s;
	-o-transition: all ease .7s;
	transition: all ease .7s;
}

#login #ingresar:hover{
	background-color: #419ce5;
}