/*
	Theme Name: CVALL 2021
	Theme URI: 
	Description: 
	Version: 
	Author: CVALL2021
	Author URI: http://www.turismovillarrica.com
	Tags: 
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
base, basefont, datalist, head, link, meta, noembed, noframes, param, rp, script, style, template, title {
    display: none;}
html { box-sizing: border-box;  font-size: 62.5%; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, body { min-height: 100%; height: auto; line-height: 1.42857143; overflow-x: hidden; overflow-y: auto;}
body { position: relative;  margin: 0; background-color: #fff;}
body { font-size: 1.6rem; font-family: 'Raleway'; font-style: normal; font-weight: 300; color: #000;}
body.custom-background { background-size: cover !important; background-attachment: fixed !important; }

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

* {margin:0; padding:0}


#wrapper { width: 100%; margin: 0 auto; }
#header { left: 0; right: 0; top: 0; }

#topNav { display: block; left: 0; right: 0; top: 0px; background-color: #D4DEFB; padding: 0; height:90px; }

#nolink { pointer-events: none !important; cursor: default !important;}
#arribatop { margin-top:-90px;} 

#breadcrumbs { list-style:none; line-height: 20px; padding: 5px 0px; overflow:hidden; } /*border-bottom: #ff341d 5px solid; */
#breadcrumbs li{ display:inline-block; vertical-align:middle; margin-right:5px; font-size: 13px; }
#breadcrumbs .separator{ font-size:13px; font-weight:100; color:#ccc; }

.container { position: relative; min-width: 320px; width: auto; max-width: 1170px;}
.container { margin-right: auto; margin-left: auto;}
.container:after { clear: both;}

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

.correo{ display: none;}

a { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: none; outline:0;}
a, a:focus, a:hover, a:active { cursor: pointer;}

p { margin: 3px 0; }
b, strong { font-weight:700; }
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:0; font-weight:400;} 
h1 { font-size: 2.2em;}
h2 { font-size: 1.2em;}
h3 { font-size: 1em;}
h4 { font-size: 0.8em;}
h5 { font-size: 0.8em;}
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; outline: none; color: #333333; }

.affix{ position: fixed;}
.mostrar { display: inline;}
.ocultar { display: none;}
.right { float: right;}
.left { float: left;}
.text-center { text-align: center !important; }

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;}

.blanco, .blanco > * { color: #FFF !important; }
.negro, .negro > *  { color: #000 !important; }
.naranjo, .naranjo > *  { color: #ff9900 !important; }


.blanco h1:before { content: "\f061"; font-family: FontAwesome; width: 2em; color: #fff; margin-right: 5px;}
.blanco strong { 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; } 

ul.iconos { list-style: none; padding: 0; margin: 0 0 10px 0; clear: left; display: inline-block; width: 100%;}
ul.iconos li  { color:#000; font-size:14px; text-decoration: inherit;}
ul.iconos li:before { display: inline-block; height: 27px; line-height:27px; font-size: 14px;}
ul.iconos li:before { content: "\f058"; font-family: FontAwesome; width: 18px; color: #000; }

.mensaje { list-style: none; padding: 0; margin: 0 0 10px 0; clear: left; display: inline-block; width: 100%;}
.mensaje li  { color:#000; font-size:14px; text-decoration: inherit;}
.mensaje li:before { display: inline-block; height: 27px; line-height:27px; font-size: 14px;}
.mensaje li:before { content: "\f02c"; font-family: FontAwesome; width: 18px; color: #000;}

.uso { list-style: none; padding: 0; margin: 0 0 10px 0; clear: left; display: inline-block; width: 100%;}
.uso li  { color:#000; font-size:14px; text-decoration: inherit;}
.uso li:before { display: inline-block; height: 27px; line-height:27px; font-size: 14px;}
.uso li:before { content: "\f05a"; font-family: FontAwesome; width: 18px; color: #000;}

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

@media (max-width: 420px) { 
	ul.iconos li{ font-size:11px; } 
}
@media only screen and (max-width: 620px) {
	ul.iconos li { font-size: 12px !important; } 
}

.info { float: left; display: block; position: relative;}
.barra { float: right; display: block; position: relative;}
.info { width:74%; }
.barra { width:25%; background: #454545; border: 1px solid #ddd;}

#barra-link { padding : 6px; float:left; display: block; width : 100%; overflow: auto; }
#barra-link h2 { text-align:center; font-size: 14px; color: #ffffff;}
#barra-link ul { list-style:none; padding:0; margin: 8px 0;}
#barra-link li { padding-left: 1.6em; color:#000; font-size:14px; text-decoration: inherit;}
#barra-link li:before { display: inline-block; height: 27px; line-height:27px; font-size: 14px;}
#barra-link li:before { content: "\f05d"; font-family: FontAwesome; margin-left: -1.3em; width: 1.3em; color: #000;}

#barra-link li { line-height:27px; border: 1px solid #ddd; margin: 3px 0; background-color:#fff; }
#barra-link li a{ color: #000; }
#barra-link li a:hover { color: #000; }
#barra-link li:hover, #barra-link li:nth-child(even):hover { background-color: #ff9900; }
#barra-link li:nth-child(even) { background-color: rgb(215, 215, 215); }
#barra-link li.activo, #barra-link li.activo a { background: #103B65 !important; color: #ffffff !important; }

#barra-link li.activo:before { display: inline-block; height: 27px; line-height:27px; font-size: 14px;}
#barra-link li.activo:before { content: "\f05d"; font-family: FontAwesome; margin-left: -1.3em; width: 1.3em; color: #fff;}

@media only screen and (max-width: 767px)  {
	.info {  width: 100%;}
	.barra { width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 900px)  {
	#barra-link li { font-size: 12px; }
}

@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: 767px) {
	.mostrar { display: none !important;} 
	.ocultar { display: inline;}
}

#footer { display: block; z-index: 1; font-weight: 200; padding: 15px 0; margin: 0 auto; }
#footer p { font-size:13px; color:#000; text-align: center; }