/*RESET*/
*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;

    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #888;
    text-align: left;
    text-justify: inter-word;

    line-height: 1.2;
    letter-spacing: 0em;
    vertical-align: middle;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body{background: #fbfbfb;}
h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
h1{font-size: 1.5em; font-weight: 500;}
p{margin-bottom: 15px;}
p:last-child{margin-bottom: 0;}
mark{padding: 0px 5px; background-color: #eee;}
/*ul{list-style: none;}*/
img{float: left; border: none; width: 100%; max-width: 100%;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none;}
a img{border: 0;}
strong{ font-weight:bold;}

object,
embed,
video,
iframe,
iframe['style']{
    max-width: 100%;
    height: auto;
}

.videoratio{
    position: relative;
    padding-bottom: 56.25%;
    float: left;
    width: 100.05% !important;
    height: 0;
    background: #000;
}

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

.bt_top{position: fixed; display: none; cursor: pointer; bottom: 10px; right: 15px; text-transform: uppercase; color: #FFF; font-size: 0.8em; padding: 10px; background: rgba(0,0,0,0.5);}
.bt_top:hover{background: #be53a2;}

.redonda{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

input, textarea, select { border: none; background: #FFF; border: 1px solid #DDD; -moz-border-radius:5px !important; /* Firefox */; -webkit-border-radius: 5px !important; /* Safari, Chrome */; -khtml-border-radius: 5px !important; /* KHTML */; padding: 10px; font-family: 'Arial', sans-serif; }
input:required, textarea:required, select:required  { border: none; background: #FFF; border: 1px solid #DDD; -moz-border-radius:5px !important; /* Firefox */; -webkit-border-radius: 5px !important; /* Safari, Chrome */; -khtml-border-radius: 5px !important; /* KHTML */; padding: 10px; font-family: 'Arial', sans-serif; }
input[type=radio]{ width: none;}

input:invalid + .aviso:after, select:invalid + .aviso:after, textarea:invalid + .aviso:after{
    display: inline-block;
    content: "*";
    color: #f00;
    font: bold normal 1.3em sans-serif;
}

input:valid + .aviso:after, select:valid + .aviso:after, textarea:valid + .aviso:after{
    display: inline-block;
    content: "✓";
    color: #199a31;
    font: bold normal 1em sans-serif;
}

/*PALETA*/
/*BACKGROUND*/
.bg-body{background-color: #fbfbfb; color: #333;}
.bg-white{background-color: #ffffff; color: #333;}
.bg-gray{background-color: #dddddd; color: #888;}
.bg-graylight{background-color: #efefef; color: #888;}
.bg-light{background-color: #efefef; color: #444;}
.bg-blue{background-color: #1c48b8; color: #fff;}
.bg-bluelight{background-color: #2b95d1; color: #444;}
.bg-green{background-color: #41b649; color: #fff;}
.bg-greenlight{background-color: #f5fdde; color: #666;}
.bg-red{background-color: red; color: #fff;}
.bg-purple{background-color: #61308f; color: #fff;}
.bg-purplelight{background-color: #b63f97; color: #fff;}

/*FONT WEIGHT*/
.font-thin{font-weight: 100 !important;}
.font-light{font-weight: 300 !important;}
.font-normal{font-weight: 400 !important;}
.font-bold{font-weight: 700 !important;}

/*FONT SIZE*/
.fontzero{font-size: 0em !important;}
.fontsize-2{font-size: 0.75em;}
.fontsize-1{font-size: 0.875em;}
.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;}

.txt-color-purple{color:#61308f;}
.txt-color-gray{color:#888;}
.txt-color-blue{color:#3853a4;}
.txt-color-black{color:#000;}
.txt-color-white{color:#fff;}
.txt-color-red{color:#c11b2d;}

.white{color:#fff;}
.white:hover{color:#f5f5f5;}
.blue{color:#2d67a7;}
.blue:hover{color:#ccc;}
.gray{color:#888;}
.gray:hover{color:#000;}
.black{color:#000;}
.black:hover{color:#888;}
.orange{color:#FF9800;}
.orange:hover{color:#ff7000;}
.red{color:#c11b2d;}
.red:hover{color:#d12a3c;}
.purple{color:#61308f;}
.purple:hover{color:#61308f;}


/*BOOT*/
/*CONTAINER*/
.container{float: left; width: 100%; }
.content{width: 90%; height: 100%; margin: 0 5%;}
.content-page{padding: 60px 0;}
.content-dobra{padding: 40px 0;}
.conteudo{padding-bottom: 40px; min-height: 300px;}

.sectiontitle{float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: center; text-transform: uppercase;}
.sectiontitle h1{font-size: 2.0em; font-weight: 300; margin-bottom: 10px;}
.sectiontitle h2{font-size: 1.4em; font-weight: 300; margin-top: 10px; margin-bottom: 10px;}
.sectiontitle-nomargin{margin: 0;}

/*HELPERS*/
.textshadow{text-shadow: 1px 1px 0 #ccc;}
.boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);}
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.last{margin-right: 0 !important;}
.clear{clear: both;}

/*text align*/
.al-left{text-align: left;}
.al-right{text-align: right;}
.al-center{text-align: center;}

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

/*display*/
.ds-block{display: block;}
.ds-inblock{display: inline-block;}
.ds-inline{display: inline;}
.ds-none{display: none;}

/*BOX*/
.box{width: auto; float: left;}
.box-line{float: left; width: 100%; height: 100%}

.box-mini{width: 15%; margin-right: 2.5%;}
.box-mini2{width: 12%; margin-right: 2.5%;}
.box-small{width: 22.75%; margin-right: 3%;}
.box-medium{width: 30%; margin-right: 5%;}
.box-medium2{width: 65%; margin-right: 5%;}
.box-large{width: 46.5%; margin-right: 7%;}
.box-full{width: 100%; margin: 0;}

/*VIDEO*/
.video{width: 100%; margin: 0;}
.video-small{width: 40%; margin: 0 30%;}
.video-medium{width: 60%; margin: 0 20%;}
.video-large{width: 80%; margin: 0 10%;}

/*BOTÕES*/
.btn{display: inline-block; padding: 10px 20px; margin: 10px 0; background: #333; border: 1px solid #222; cursor: pointer; font-size: 1em; font-weight: 400; text-transform: uppercase; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn:hover{text-decoration: none !important;}
.btn-big{font-size: 1.8em; padding: 15px 25px;}

.btn-home{display: inline-block; width:100%; padding: 1.2em; margin: 0; border: 0px solid #222; cursor: pointer; font-size: 1em; font-weight: 400; text-transform: uppercase; color: #fff;}

.btn-blue{background-color: #3853a4; border-color: #3853a4;}
.btn-blue:hover{background-color: #346eb7; border-color: #346eb7}
.btn-bluelight{background-color: #2b95d1; border-color: #2b95d1;}
.btn-bluelight:hover{background-color: #35ade7; border-color: #35ade7}
.btn-gray{background-color: #888; border-color: #888;}
.btn-gray:hover{background-color: #999; border-color: #999}
.btn-graylight{background-color: #efefef; border-color: #efefef;}
.btn-graylight:hover{background-color: #efefef; border-color: #efefef}
.btn-orange{background-color: #ff7000; border-color: #ff811f;}
.btn-orange:hover{background-color: #FF9800; border-color: #ff7000;}
.btn-purple{background-color: #61308f; border-color: #61308f;}
.btn-purple:hover{background-color: #b63f97; border-color: #b63f97;}
.btn-purplelight{background-color: #b63f97; border-color: #b63f97;}
.btn-purplelight:hover{background-color: #be53a2; border-color: #be53a2;}
.btn-green{background-color: #0b5449; border-color: #0b5449;}
.btn-green:hover{background-color: #069c77; border-color: #069c77;}
.btn-yellow{background-color: #88AB1D; border-color: #88AB1D;}
.btn-yellow:hover{background-color: #A6CA39; border-color: #A6CA39;}


/*TRIGGER*/
.trigger{float: left; width: 100%; padding: 25px; font-size: 1.2em; margin-bottom: 30px;}
.trigger-bottom{margin: 30px 0 0 0;}

.trigger-accept{background-color: #accc9a; color: #6b7f60;}
.trigger-infor{background-color: #9ab7cc; color: #60727f;}
.trigger-alert{background-color: #c6b247; color: #776b2b;}
.trigger-error{background-color: #e69f9f; color: #996a6a;}

/*SHORT ICONS*/
.shoticon{padding-left: 8%; background-position: center left; background-repeat: no-repeat; background-size: auto 96%;}
.shoticon-sectiontitle{padding-left: 60px;}

.shoticon-facebook{background-image: url(boot/social/facebook.png);}
.shoticon-google{background-image: url(boot/social/google.png);}
.shoticon-twitter{background-image: url(boot/social/twitter.png);}

.shoticon-config{background-image: url(boot/icons/config.png);}
.shoticon-mail{background-image: url(boot/icons/mail.png);}
.shoticon-section{background-image: url(boot/icons/section.png);}


.assinatura{
    padding: 20px 10px 5px 0;   
}



/*QUEBRA 544px*/
@media(max-width: 34em){

    .box-mini, 
    .box-small, 
    .box-medium,
    .box-medium2,
    .box-large,
    .box-full{width: 100%; margin: 0;}

    .sectiontitle{float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
    .sectiontitle h1{font-size: 1.5em; font-weight: 300; margin-bottom: 5px;}
    .sectiontitle h2{font-size: .875em; font-weight: 300; margin-top: 10px; margin-bottom: 5px;}
    .sectiontitle-nomargin{margin: 0;}

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

    .btn{display: inline-block; padding: 5px 10px; margin: 5px 0; background: #333; border: 1px solid #222; cursor: pointer; font-size: .75em; font-weight: 400; text-transform: uppercase; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
    .btn-yellow{background-color: #88AB1D; border-color: #88AB1D;}
    .btn-yellow:hover{background-color: #A6CA39; border-color: #A6CA39;}
    .btn-purple{background-color: #61308f; border-color: #61308f;}
    .btn-purple:hover{background-color: #b63f97; border-color: #b63f97;}
    .btn-purplelight{background-color: #b63f97; border-color: #b63f97;}
    .btn-purplelight:hover{background-color: #be53a2; border-color: #be53a2;}



}    


/*QUEBRA 1024px*/
@media(max-width: 64em){

    .box-mini, 
    .box-small, 
    .box-medium,
    .box-medium2,
    .box-large,
    .box-full{width: 100%; margin: 0;}

    .sectiontitle{float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
    .sectiontitle h1{font-size: 1.5em; font-weight: 300; margin-bottom: 5px;}
    .sectiontitle h2{font-size: .875em; font-weight: 300; margin-top: 10px; margin-bottom: 5px;}
    .sectiontitle-nomargin{margin: 0;}

    .fontsize-2{font-size: 0.75em;}
    .fontsize-1{font-size: 0.825em;}
    .fontsize1{font-size: 0.875em;}
    .fontsize1b{font-size: 1em;}
    .fontsize2{font-size: 1.1em;}
    .fontsize2b{font-size: 2.5em;}
    .fontsize3{font-size: 3em;}
    .fontsize3b{font-size: 3.5em;}

    .btn{display: inline-block; padding: 5px 10px; margin: 5px 0; background: #333; border: 1px solid #222; cursor: pointer; font-size: .75em; font-weight: 400; text-transform: uppercase; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
    .btn-yellow{background-color: #88AB1D; border-color: #88AB1D;}
    .btn-yellow:hover{background-color: #A6CA39; border-color: #A6CA39;}
    .btn-purple{background-color: #61308f; border-color: #61308f;}
    .btn-purple:hover{background-color: #b63f97; border-color: #b63f97;}
    .btn-purplelight{background-color: #b63f97; border-color: #b63f97;}
    .btn-purplelight:hover{background-color: #be53a2; border-color: #be53a2;}


}