@charset "UTF-8";
/* 
Sitio desarrollado por:
Marcelo Reyes
mreyes@effort.cl
 */


@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url('../fonts/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/BrandonGrotesque-Medium.otf')  format('opentype'),
	     url('../fonts/BrandonGrotesque-Medium.woff') format('woff'), url('../fonts/BrandonGrotesque-Medium.ttf')  format('truetype'), url('../fonts/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


.desktop {
	display:block;
	}

.movil {
	display:none;}
	
	#abrir-mobile{
	display:none;
	}

/* PRELOADER */

#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(http://www.comprasentado.cl/images/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
 
a {
	border:none;
	text-decoration:none!important;
	}

h1{
	text-transform:uppercase;
	text-align:center;
	display:block;
	margin:55px auto 50px;
	font-family: 'BrandonGrotesque-Medium';
	letter-spacing: 15px;
	}

ul,li {
	list-style-type:none;
	padding:0;
	margin:0;
	}

p{
	margin:0;
	padding:0;
	}

body,html{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family: 'Lato', sans-serif;
	color:#666;
	font-size:14px;
	}

/* Menu */

.contenedor-menu {
	width:100%;
	background:#fff;
	position:fixed;
	z-index:10;
	top:30px;
	padding: 10px 0;
	/*border-top:1px solid #e3e3e3;*/
	border-bottom:1px solid #e3e3e3;
	font-family: 'BrandonGrotesque-Medium';
	}

.centrado{
	
	width:80%;
	min-width:1000px;
	max-width:1300px;
	height:auto;
	margin:0 auto;
	overflow:auto;
}

.max-alto{
	max-height:270px;
	overflow:hidden;
	}

img#logo-locations {
	display:block;
	float:left;
	}

ul.menu {
	float:right;
	position:relative;
	overflow:hidden;
	margin-top:10px;
	}
	
	ul.menu li{
		float:right;
		height:40px;
		line-height:40px;
		width:auto;
		padding:0 0 0 40px;
		text-align:center;
		text-transform:uppercase;
		font-size:13px;
		}
	
	ul.menu li a{
		display:block;
		width:100%;
		height:100%;
		-o-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-webkit-transition: all .2s linear;
		color:#000;
		text-decoration:none;
		}
	
	ul.menu li a:hover{
		color:#21b8f1;
		}
	

li#idioma {
	color:#21b8f1;
	background:url(../images/flecha.gif) no-repeat right;
	cursor:pointer;
	padding-right:15px;
	}

li#idioma a{
	color:#21b8f1;
	}

.azul {
	color:#21b8f1;
	}

.submenu {
	position:absolute;
	z-index:10;
	overflow:hidden;
	}

.submenu li{
	width:100%!important;
	height:40px!important;
	line-height:40px!important;
	text-align:center!important;
	}

.submenu a {
	color:#000!important;
	}

ul.social {
	float:right;
	height:25px;
	overflow:hidden;
	margin-top:25px;
	min-width:40%;
	font-size:17px;
	}

ul.social li{
	float:right;
	margin-left:15px;
	text-align:center;
	width:25px; height:25px;
	}

ul.social li a i{
	color:#999;
	-o-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	}

ul.social li a i#facebook:hover{
	color:#3b5a9d;
	}

ul.social li a i#vimeo:hover{
	color:#1ab7ea;
	}

/* Slide */

.slide {
	width:100%;
	height:485px;
	overflow:hidden;
	margin-top:188px;
	}

.slide img{
	width:120%;
	height:auto;
	}

/* Registra Locación */

section {
	width:100%;
	overflow:auto;
	margin:30px 0;
	}

#registra-locacion {
	min-height:260px;
	margin:40px auto;
	background:url(../images/bg_registra.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	}

ul#lista-registra {
	width:100%;
	overflow:hidden;
	height:100%;
	}

ul#lista-registra li{
	float:left;
	height:100%;
	}

li#lista-boton,li#lista-marker{
	width:25%;
	}

li#lista-marker,ul#lista-registra li#lista-texto{
	float:right!important;
	}

ul#lista-registra li#lista-texto{
	width:50%;
	text-align:right;
	}

ul#lista-registra li#lista-texto p{
	font-size: 17px;
    margin-top: 63px;
	}

ul#lista-registra li#lista-texto a{
	 color:#21b8f1;
	 text-decoration:none;
	}

a#boton-registra {
	color:#1799ad;
	text-align:center;
	padding:0 25px;
	height:30px; line-height:30px;
	text-transform:uppercase;
	border-radius:5px;
	border:2px solid #1799ad;
	float:left;
	top:50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position:absolute;
	text-decoration:none;
	display:block;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	}

a#boton-registra:hover{
	background:#1799ad;
	color:#fff;
	}

#marker {
	top:50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position:absolute;
	display:block;
	width:10%;
	}

/* Informacion */

.izq-cuarenta {
	float:left;
	width:40%;
	overflow:hidden;
}

.izq-cuarenta p{
	text-align:justify;
	}

.der-sesenta {
	float:right;
	width:56%;
	overflow:hidden;
	}

.der-sesenta img{
	width:110%;
	height:auto;
	}

/* Videos */

ul#listado-videos,ul#listado-tips{
	overflow:hidden;
	margin:0 auto;
}

ul#listado-videos li,ul#listado-tips li {
	float:left;
	width:24%;
	margin:10px 0.5%;
	height:auto;
	position:relative;
	}

ul#listado-videos iframe {
	width:100%;
	height:180px;
	}

ul#listado-videos li h2 {
	margin:10px 0 0 0;
	text-transform:uppercase;
	color:#21b8f1;
	}

ul#listado-videos li h3 {
	margin:0 0 10px;
	text-transform:uppercase;
	}
	
.contenedor-info{
	z-index:11;
	position:absolute;
	width:100%;
	background:#fff;
	display:none;
	margin-top:-15px;
	}
	
/* Formulario Registra */


.der-sesenta-registra {
	float:right;
	width:56%;
	overflow:hidden;
	background:url(../images/bg_form1.gif) no-repeat;
	background-size:contain;
	}

.contenedor-formulario {
	width: 65%;
    margin: 38px 0 0 168px;
    overflow: hidden;
	}

.contenedor-formulario input{
	width:93%;
	height:20px;
	line-height:20px;
	}

.contenedor-formulario textarea{
	width:99%;
	resize:none;
	border:1px solid #e3e3e3;
	}
	
.izquierda {
	float:left;
	width:45%;
	}

.derecha {
	float:left;
	width:45%;
	margin-left:10px;
	}

#listado-profesionales {
	width:100%;
	height:auto;
	}

#listado-profesionales a{
	color:#333;
	text-decoration:none;
	}

#listado-profesionales a:hover{
	text-decoration:underline;
	}
	
#listado-profesionales li{
	width:100%;
	overflow:hidden;
	margin:0 0 50px 0;
	}

#listado-profesionales li img{
	float:left;
	display:block;
	width:35%
	}

#listado-profesionales li h2,#listado-profesionales li p{
	float:right;
	width:60%;
	}

#listado-profesionales li h2 {
	color:#21b8f1;
	text-align:left;
	}

/* Footer */

#footer {
	background:url(../images/olas.jpg) repeat-x;
	min-height:170px;
	margin-bottom:0;
}

#footer .centrado p{
	color:#000;
	text-align:center;
	margin-top:150px;
	}

/* Tips */

ul#listado-tips li img{
	display:block;
	margin:0 auto 30px;
	}

ul#listado-tips li p {
	text-align:center;
	font-size:14px;
	padding:0 10px;
	}

ul#listado-tips li {
	min-height:280px;
}

/* Oculta elementos movile */

#imagen_slide,#enviar-mobile,#menu-mobile{
	display:none;
	top:70px;
	}

#enviar-desktop {
	display:block;
	}


/* Responsive */

@media (max-width: 810px) {
	
	
	body,html{
	margin:0;
	padding:0;
	height:auto;
	width:100%;
	font-family: 'Lato', sans-serif;
	color:#666;
	font-size:14px;
	}
	
	.desktop {
	display:none!important;
	}

.movil {
	display:block!important;
	}
	
	.slide video,#lista-marker,.der-sesenta,#enviar-desktop,.menu,.social{
		display:none;
	}
	
	#enviar-mobile{
		display:block;
		}
	
	.slide {
		height:200px;
		margin-top:0px;
		}
	
	#imagen_slide{
		display:block;
		width:100%;
		margin: 0 auto;
		}
	
	section {
		width:100%;
		}
	
	.centrado {
		width:90%;
		margin:30px auto;
		min-width:1;
		max-width:90%;
	}
	
	ul#lista-registra li#lista-texto,ul#lista-registra li,.izq-cuarenta,.izquierda,.derecha {
		width:100%!important;
		float:none!important;
		height:auto!important;
		overflow:hidden!important;
		}
	
	ul#lista-registra {
		height:auto;
		}
	
	a#boton-registra {
		position:relative;
		margin:20px auto;
		top:0;
		-webkit-transform: translate(0, 0);
 	   -ms-transform: translate(0, 0);
	    transform: translate(0, 0);
		float:none;
		}
	
	#menu-mobile {
		display:block;
		float:right;
		position:absolute;
		top:50%;
		right:10px;
		-webkit-transform: translate(0, -50%);
 	   -ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
		height:50px; width:50px;
		background:url(../images/menu-mobile.png) no-repeat top left;
		}
	
	ul#lista-registra li#lista-texto p {
		margin:0 auto;
		height:auto!important;
		text-align:center;
		}
	
	ul#listado-videos li {
		width: 49%;
		}
	
	ul#listado-tips li{
		width:90%;
		float:none;
		margin:0 auto;
		text-align:justify;
		margin:30px auto;
		min-height: 1;
		}
	
	.der-sesenta-registra {
		float:none!important;
		width:100%!important;
		}
	
	.contenedor-formulario,.der-sesenta-registra{
		width:90%;
		float:none;
		margin:10px auto;
		background:none!important;
		}
	
	.contenedor-menu {
		position: relative;
		height:auto;
		overflow:hidden;
		top:0;
		padding: 0;
		}
	
	img#logo-locations {
		display:block;
		max-width:70%;
		}
		
		#abrir-mobile {
	width: 100%;
	height: 100%;
	margin-top: 140px;
	background: #639ACD;
	position: fixed;
	z-index: 999999;
	left: -100%;
}
#abrir-mobile ul li {
	width: 100%;
	height: 12%
}
#abrir-mobile ul li a {
	border-bottom: 2px solid #fff;
	color: #fff;
	padding-left: 10%;
	width: 90%;
	height: 100%;
	display: block;
	height: 70px;
	line-height: 70px;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration:none;
}

#abrir-mobile{
	display:block;
	}
	
	ul.social-footer {
	height:50px;
	overflow:hidden;
	font-size:25px;
	margin:111px auto 0;
	width:35%;
	}
	
	ul.social-footer li{
	text-align:center;
	width:50px; height:50px;
	float:left;
	}

ul.social-footer li a i{
	color:#999;
	-o-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	}

ul.social-footer li a i#facebook:hover{
	color:#3b5a9d;
	}

ul.social-footer li a i#vimeo:hover{
	color:#1ab7ea;
	}
	
	#footer .centrado p {
    color: #000;
    text-align: center;
    margin-top: 9px;

	
	}