*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;
    
    font-size: 1em;
    font-weight: 400;
    
    font-family: 'Merriweather', serif;
    
    line-height: 1.2;
    letter-spacing: 0em;
    vertical-align: baseline;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.fa:before {font-family: FontAwesome !important;} 

body{background-color: #FFF; color: #000;}
h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
h3{font-size: 1.5em; font-weight: 700;}
i{margin-top: -4px;}
p{margin-bottom: 15px;}
p:last-child{margin-bottom: 0;}
ul{list-style: none;}
img{float: left; border: none; width: 100%; max-width: 100%; height: auto;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none;}
a img{border: 0;}

.container{float: left; width: 100%;}
.content{width: 70%; min-height: 800px; margin: 0 15%; padding: 40px 0; position: relative; z-index: 999;}

.bg-vela{background-repeat: no-repeat; background-position: 35% top; background-size: 100% auto; background-size: cover; position: absolute; left: 0; bottom: 0; top: 0; right: 0; z-index: 1;}
.bg-home, .bg-acesas{background-image: url(../img/bg3.png); color: #FFF;}
.bg-acender{background-image: url(../img/bg2.png); color: #FFF;}
.bg-velas{background-image: url(../img/bg1.png); color: #FFF;}

.bg_video{position: fixed; display: block;
 right: 0; 
 bottom: 0;
 min-width: 100%; 
 min-height: 100%;
 width: auto; 
 height: auto; 
 z-index: -1000;
 background-color: #000; background-repeat: no-repeat;
 background-size: 30% auto;
 background-size: cover;}

.font300{font-weight: 300;}
.font400{font-weight: 400;}
.font700{font-weight: 700;}

.fontsize1{font-size: 1em;}
.fontsize1b{font-size: 1.5em;}
.fontsize2{font-size: 2em;}
.fontsize2b{font-size: 2.5em;}
.fontsize3{font-size: 3em;}
.fontsize3b{font-size: 3.5em;}

.talign_center{text-align: center;}
.talign_left{text-align: left;}
.talign_right{text-align: right;}

.t_transform_u{text-transform: uppercase;}

.clear{clear: both;}
.fontzero{font-size: 0em !important;}
.paddingzero{padding: 0;}
.radius {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.fl-left{float: left;}
.fl-right{float: right;}
.fl-none{float: none;}

input, select, textarea{width: 100%; padding: 10px 15px;}

.btn{width: 48%; padding: 15px 0; color: #FFF; border: 1px solid #FFF; background: none; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.btn:hover{background: #FFF; color: #000;}

.btn_orange {background-color: #ff8f23;}
.btn_orange:hover{background-color: #ff8f23; opacity: 0.8;}

.ratio{position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0;}

.r_media{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

object, embed, video, frame, iframe["style"]{max-width: 100% !important; height: auto !important;}

.dialog{position:fixed; display: none; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:104; color: #FFF;}
.dialog .msg{background:#fff; display: none; position:absolute; left:50%; top:40%; width: 100%; max-width:400px; z-index:106; border-radius: 5px;}
.dialog .msg{padding:20px; margin-left:-200px; margin-top:-92px;}
.msg .tt{ display:block; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #FFF; font-size: 1.875em; font-weight: 700;}
.dialog .msg p{ margin:10px 0 0 0; line-height: 1.5;}
.msg strong{font-weight: 700;}

.dialog .msg .closemodal{position:absolute; right:15px; top:10px; color:#000; opacity: 0.4; font-size: 1.5em; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.dialog .msg .closemodal:hover{ color:#fff; opacity: 1;}

.msg.accept{background:#00B494;}
.msg.alert{background:#FAAD50;}
.msg.error{background:#C54550;}
.msg.infor{background: #0E96E5;}

.bg-black { width: 100%; height: 100%; float: left; z-index: 9999; position: absolute; top: 0; left: 0; background: #000; }