/*

	Theme Name: CVALL MASTER

	Theme URI: 

	Description: 

	Version: 

	Author: CVALL

	Author URI: http://www.turismovillarrica.com

	Tags: 

	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; min-height: 100%; position: relative; }

body { font-size: 1.6rem; background-color: #E0E3E6; color: #000; margin-bottom: 30px; margin-left: 0; margin-top:0; margin-right:0; padding:0; }

html, body { font-family: 'Raleway'; font-style: normal; font-weight: 300;  line-height: 1.42857143; overflow-x: hidden; overflow-y: auto;}



*, ::before, ::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

figure,footer,header,main,menu,nav,section{ display: block;}

section { padding: 0px; }

address { display: block; font-style: normal; font-size: 12px; }

#wrapper { width: 100%; margin: 0 auto; }

#header { left: 0; right: 0; top: 0; }

#nolink { pointer-events: none !important; cursor: default !important;}



.container { position: relative; min-width: 310px; width: 100%; max-width: 1170px; padding: 0 8px; margin-right: auto; margin-left: auto;}

.container:after { clear: both;}



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

	#ancho { padding: 0 !important;} 

}



.map-wrap { position: relative; }

.overlay { position: absolute; left: 0; width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, 0); z-index: 9999; }



.texto-sombra { text-shadow: 2px 2px 4px #000; letter-spacing: 0px;}

.correo{ display: none;}



#imagen-fondo::after { content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:-1; }



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

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

a, a:focus, a:hover, a:active { cursor: pointer;}

#boton {  width: 96%; max-width: 200px; text-align: center; margin: auto; background-color: #000; padding: 6px 2%; border: 1px solid #fff; color: #fff; line-height: 30px; }
#boton a, #boton .fa {  color: #fff; }
#boton:hover > * {  color: #000; }
#boton:hover {  background-color: #fff; padding: 6px 2%; border: 1px solid #000; color: #000; line-height: 30px;}

p { margin: 10px; }

b, strong { font-weight:700; color: #000;}

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

ol { list-style: decimal; margin-bottom: 15px; margin-top: 0; }

ol li { margin: 8px 0; }

dl { margin: 0;}

dd, dt { line-height: 1.42857143;}

dt { font-weight: 700;}

dd { margin-left: 0;}



h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa { margin-right: 10px;}

h1, h2, h3, h4, h5, h6 { margin:7px; font-weight:400; line-height: 1.22857143;} 

h1 { font-size: 2.5em; }

h2 { font-size: 2em; }

h3 { font-size: 1.2em; }

h4, h5, h6 { font-size: 0.8em;}



td { display: table-cell; font-size: 12px; text-align: inherit; padding: 1px; vertical-align: top; }



blockquote { padding: 10px 20px; margin: 5px; }

blockquote p { margin: 0; padding: 5px 0; font-weight:600; color: #000; text-align: center; }

button { border: 1px solid #333333; color: #333333; }



.fa { color: #000; width:30px; text-align:center; }

.fa a:hover { color: #9B9B9B; }

.fa-chevron-left, .fa-chevron-right{ color: #000; }

.fa-tripadvisor { margin-right: 26px;}

.affix{ position: fixed;}

.mostrar, .mostrar600 { display: inline;}

.ocultar { display: none;}

.right { float: right;}

.left { float: left;}

.text-center { text-align: center !important; }

.centrar-texto {  }





figure { margin: 0;}

img { border: 0; max-width: 100%; height: auto;}

.img-responsive { display:inline-block;max-width:100%;height:auto;}

.attachment img { display: inline-block; text-align: center;}



.fondo-a { background-color: #f00 !important; padding: 3px 0; }

.fondo-b { background-color: #FF9900 !important; padding: 3px 0; }



.blanco, .blanco > * { color: #FFF !important; font-weight: 500;}

.negro, .negro > *  { color: #000 !important; font-weight: 500;}

.naranjo, .naranjo > *  { color: #ff9900 !important; font-weight: 500; }



.blanco strong, .blanco b { color:#FFF !important; }

.blanco blockquote p { color:#FFF !important; }

.blanco ul.iconos li, .blanco ul.iconos li:before { color:#FFF !important; }



.negro ul.iconos li, .negro ul.iconos li:before { color:#000 !important; }

.naranjo ul.iconos li, .naranjo ul.iconos li:before { color:#FF9900 !important; } 



#iconos { margin: 5px 0; display: block; color: #000; font-size: 12px;}

#iconos ul { list-style: none; padding: 0; margin: 0; display: inline-block;}

#iconos li { padding-left: 1.6em; font-size:14px; text-decoration: inherit;}

#iconos li:before { display: inline-block; height: 27px; line-height:27px; font-size: 14px;}

#iconos li:before { content: "\f05d"; font-family: FontAwesome; margin-left: -1.3em; width: 1.3em; color: #f00;}

#iconos.uno li { width: 48%; float: left; margin: 0 1%;}



@media (max-width: 420px) { 

	#iconos li { font-size:11px; } 

}

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

	#iconos li { font-size: 12px !important; } 

}



.sticky { z-index: 1000; display: scroll; position: fixed; left:0; bottom: 30px !important; padding:5px; background-color: #80BB61; }

.fagrande { width: 55px !important; font-size: 50px !important; }



@media (min-width: 768px){ 

	a[href^="tel:"] { pointer-events: none !important; cursor:default !important;} }

@media (min-width: 768px) and (max-width:800px) { 

	td { font-size: 11px;} }

@media (min-width:380px) and (max-width:767px){ 

	#footer p { font-size: 12px !important;} }

@media (max-width: 539px){ 	

	p { font-size: 12px !important; }

	blockquote { font-size: 13px;} }



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

	.mostrar600 { display: none !important;} }

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

	.centrar-texto { text-align: center !important; float: none !important; }

	.mostrar { display: none !important;} 

	.ocultar { display: inline;}

}



#tres-uno, #tres-dos, #cuatro-uno, #cuatro-dos { display: block; float: left; }

#tres-uno, #tres-dos { width:33.33333333%;}

#cuatro-uno, #cuatro-dos { width:25%;  }



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

	#cuatro-uno, #cuatro-dos { width: 50% !important; margin: 4px !important; }

}



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

	#tres-uno, #cuatro-uno { width: 100% !important; margin: 4px !important; }

	#tres-dos, #cuatro-dos { width: 50% !important; margin: 4px !important; }

}



footer { position: absolute; bottom: 0; width: 100%; height: 40px; font-weight: 200; padding: 15px 0; margin: 0 auto; }

footer .fa { font-size: 16px; width: 19px; text-align: center; color:#fff; }

footer p { font-size:13px; color:#fff; font-weight:500; text-align: center; }



.box { text-align: center; width:100%; background:#2A3C4E; color:#fff; }



.scrollbar { width:100%; max-width:100%; height:400px; background-color:#7bd6fc; overflow-y:scroll; }

#scrollbar-custom::-webkit-scrollbar{ width:14px; background-color:#cccccc; }

#scrollbar-custom::-webkit-scrollbar:horizontal{ height:14px; }

#scrollbar-custom::-webkit-scrollbar-track{ border:1px #787878 solid; border-radius:10px; box-shadow:0 0 6px #c8c8c8 inset; }

#scrollbar-custom::-webkit-scrollbar-thumb{ background-color:#b03c3f; border:1px solid #000000; border-radius:16px; }

#scrollbar-custom::-webkit-scrollbar-thumb:hover{ background-color:#bf4649; border:1px solid #333333; }

#scrollbar-custom::-webkit-scrollbar-thumb:active{ background-color:#a6393d; border:1px solid #333333; }