/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;font-family: 'caviar_dreamsregular';}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
@font-face {
font-family: 'caviar_dreamsregular';
src: url(../fonts/CaviarDreams-webfont.ttf) format('truetype');
}
@font-face {
font-family: 'bebas_neueregular';
src:url(../fonts/BebasNeue-webfont.ttf) format('truetype');
}
body{
margin:0 auto;
font-family:'caviar_dreamsregular';
background:#fff;
width:100%;
}
.topo{
float:left;
width:100%;
height:120px;
position:relative;
}
.wrap{
width:80%;
margin:0 auto;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
}
.header{
width:100%;
background:#FAA685;
position:fixed;
z-index:9;
box-shadow:2px 2px 4px #333333;
}
.logo {
float:left;
width:23.60%;
}
.logo a img{
margin-top:-5px;
margin-bottom:-5px;
width:100%;
padding: 0;
}
/* redes sociais */
.socialmedia img{
border-radius:4px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.socialmedia img:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.socialmedia{float:left;padding:7px 10px;text-align:center;width:35%;margin-top:30px;}
.socialmedia a{padding:0 3px;}
.zoom {
padding: 20px;
transition: transform .2s; /* Animation */
width: 80px;
height: 80px;
margin: 0 auto;
}
.zoom:hover {
transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
@media screen and (max-width:767px){.js .selectnav{background:#444444;border:none;border-radius:2px;color:#F3F3F3;display:inline-block;width:96%;margin-bottom:10px;}
.socialmedia{display:none;}
}
@media print{body{background:none !important;color:#000;font-size:10pt;}
.socialmedia img{display:none;}
}
/* redes sociais */
/* pagina em contrução */
.main{
width:100%;
}
.header1{
margin-top:50px;
width:100%;
background:#FAA685;
box-shadow:2px 2px 20px #000000, -2px -2px 20px #000000;
}
/* fim */
/*--menu--*/
.menu {
float: right;
width: 74%;
}
.atalho {
display:none;
}
.cssmenu{
text-align: center;
}
.cssmenu ul li a{
margin-left:-4px;
}
.cssmenu > ul > li {
display: inline-block;
position: relative;
}
.cssmenu > ul > li.active a, .cssmenu > ul > li a:hover {
/* text-shadow:1px 1px 3px #000; */
color: #000;
background:#fff;
border-top:5px solid #000;
}
.cssmenu > ul > li > a {
text-transform: uppercase;
font-family: 'caviar_dreamsregular';
color: #000;
/* text-shadow:1px 1px 3px #000; */
display: block;
line-height:305%;
padding:17px 13px;
letter-spacing: 1px;
font-size: 22px;
font-weight:900;
}
/*--------------------------------*/
.cssmenu ul li ul {
z-index:999;
width:150px;
position: absolute;
margin-top:0;
display:none;
tex-decoration:none;
color: #000;
text-align:left;
}
.cssmenu ul li:hover ul, .top-nav ul li ul li:hover ul{
display:block;
}
.cssmenu ul li ul li a{
line-height: 80%;
padding:10px 15px;
width:150px;
font-size: 22px;
font-weight:900;
tex-decoration:none;
font-family:'caviar_dreamsregular';
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #000;
/*text-shadow:1px 1px 3px #000;*/
background:#FAA685;
}
.cssmenu ul li ul li a:hover{
line-height:90%;
text-shadow:1px 1px 3px #000;
color: #000;
background:#fff;
}
/*--------------------------------*/
.imgf{
margin:0 auto;
width:90%;
padding:0.1%;
}
/*--content--*/
.content-top{
position:static;
background:#252425;
padding:8% 0 10px 0;
}
.caption{
width:100%;
margin:0 auto;
padding:0.1%;
border:1px solid #252425;
}
.caption p{
font-size:105%;
color:#999;
line-height:1.5em;
padding-top: 2%;
}
/* GRID OF THREE ============================================================================= */
.col_1_of_3{
display: block;
float:left;
margin:0 0 1% 3%;
border:1px solid #252425;
}
.col_1_of_3:first-child {
margin-left: 0;
}
.span_1_of_3 {
width:31%;
}
.span_1_of_3 h3{
color:#C94848;
margin-bottom:0.5em;
font-size:1.5em;
line-height: 1.2;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
}
.thumbnail figure img{
margin:0 auto;
width:100%;
padding:0.1%;
}
.thumbnail figure img:hover{
/* box-shadow:-1px -1px 7px #ccc, 1px 1px 7px #ccc;*/
}
.thumbnail h4{
color: #FFF;
font-family: 'caviar_dreamsregular';
font-size: x-large;
margin-top:-70px;
margin-bottom: 4%;
text-transform: uppercase;
}
.btn1 {
box-shadow: none;
position: relative;
text-decoration: none;
padding:10px 20px;
font-family: 'caviar_dreamsregular';
margin:0 0 1% 1%;
text-shadow: none;
color: #FFF;
border: none;
background: none;
display: inline-block;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
font-size:0.8125em;
margin-top: 5%;
text-transform: uppercase;
border: 1px solid #CCC;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.thumb-pad2 .thumbnail .caption {
color: #989A96;
}
.thumb-pad2:hover{
color:#FAA685;
box-shadow:-1px -1px 1px #FAA685, 1px 1px 1px #FAA685;
padding:0 3px 7px 3px;
background: #2C2D2B !important;
}
.btn1:hover {
color:#FAA685;
text-decoration: none;
background: #2C2D2B !important;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
border: 1px solid #FAA685;
padding:10px 20px;
}
/* ------------------------------- */
.col_1_of_4{
padding:1%;
display: block;
float:left;
margin:1% 0% 0% 3%;
border: solid 1px #ffffff;
}
.col_1_of_4:hover{
box-shadow:0px 0px 10px 2px #999999;
text-decoration: none;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.col_1_of_4:first-child { margin-left: 0; }
.span_1_of_4 {
width: 48%;
}
.span_1_of_4 img{
margin:0 auto;
width: 25%;
padding:0.1%;
text-decoration: none;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.span_1_of_4 h4{
text-align:center;
color:#C94848;
margin-bottom:0.5em;
font-size:2em;
line-height: 2;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
border-bottom:1px solid rgba(204,204,204,1);
}
.col_1_of_4 {
display: block;
float: left;
margin: 1% 0 ;
}
.span_1_of_4 {
width: 23.8%;
}
/* ------------------------------- */
/* GRID OF TWO ============================================================================= */
.col_1_of_2{
padding:1%;
display: block;
float:left;
margin:1% 0% 0% 3%;
border: solid 1px #CCCCCC;
}
.col_1_of_2:hover{
box-shadow:0px 0px 10px 2px #999999;
text-decoration: none;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.col_1_of_2:first-child { margin-left: 0; }
.span_1_of_2 {
width: 48%;
}
.span_1_of_2 img{
margin:0 auto;
width: 100%;
padding:0.1%;
box-shadow:0px 0px 10px 2px #999999;
text-decoration: none;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.span_1_of_2 h4{
color:#C94848;
margin-bottom:0.5em;
font-size:2em;
line-height: 2;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
}
.content-middle{
padding:1% 0;
background:#FAA685;
}
.btn {
box-shadow: none;
position: relative;
text-decoration: none !important;
padding: 10px 20px 10px 20px;
font-family: 'caviar_dreamsregular';
margin: 0;
text-shadow: none;
color: #FFF;
border: none;
text-transform: none;
background: #FAA685;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
font-size: 1.1em;
}
.btn:hover {
color: #FFF;
text-decoration: none;
background: #2C2D2B !important;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
/* ------------------------------- */
.page_bar {
float: right;
text-align: left;
width: 100%;
min-height: 30px;
font-weight: normal;
font-size: 16px;
color: #000;
padding:1px 10px 1px 3px;
margin-left:50%;
}
/* page title */
.page_title {
float:right;
text-align:right;
background:rgba(204,204,204,0.5);
width: 100%;
min-height: 30px;
font-weight: normal;
font-size: 20px;
color: #000;
padding:1px 10px 1px 3px;
margin-left:50%;
}
.page_title span a{
color: #FAA685;
font-style:italic;
}
.page_title span i {
color: #FAA685;
font-style:italic;
}
.page_title span a:hover {
color: #000000;
text-shadow:1px 1px 5px rgba(0,0,0,1);
}
.page_title span i:hover {
color: #000000;
text-shadow:1px 1px 5px rgba(0,0,0,1);
}
.noticias:first-child {
margin-left: 0;
}
/* GRID OF Content and sidebar ============================================================================= */
.cont{
display: block;
float:left;
}
.lsidebar{
display: block;
float:left;
margin:0% 3.6% 0% 0;
}
.span_2_of_bottom {
width: 67.1%;
}
.span_1_of_bottom {
width: 29.2%;
}
.span_2_of_bottom h2,
.span_1_of_bottom h2 {
color:#C94848;
margin-bottom:0.5em;
font-size:1.5em;
line-height: 1.2;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
}
.span_2_of_bottom p,
.span_1_of_bottom p {
font-size:0.8125em;
padding:0.5em 0;
color: #fff;
line-height: 1.5em;
}
.content-bottom{
background:#fff;
}
.listview_1_of_2{
width:100%;
padding:10px 0 20px 0;
margin:2px;
background: rgba(0,0,0,0.50);
}
.listview_1_of_2_r{
width:100%;
padding:5px 0;
margin:2px;
background: rgba(0,0,0,0.50);
}
.listview_1_of_2:first-child {
margin-left: 0;
}
.images_1_of_2 {
width:24.5%;
}
.images_1_of_2:hover {
background:#2C2D2B;
border: 1px solid #fff;
}
.grid2{
padding-bottom:0.5%;
}
.listview_1_of_2 {
width:30%;
padding:0.5%;
display: block;
float: left;
margin-top:0.1%;
margin-bottom:0.1%;
margin-left:0;
margin-right:1%;
border: 1px solid #CCCCCC;
}
.listview_1_of_2_r {
width:49%;
padding:0.5%;
display: block;
float: right;
margin-top:0.1%;
margin-bottom:0.1%;
margin-left:1%;
margin-right:0;
border: 1px solid #CCCCCC;
}
.listimg_2_of_1 {
width: 15%;
text-shadow:1px 1px 5px #000000;
}
.listimg {
display: block;
float: left;
}
.list_2_of_1 {
width: 85%;
padding:1%;
}
/* */
.col_1of3{
padding:1%;
display: block;
float:left;
margin:0 1%;
border: solid 1px #ffffff;
}
/* */
.text {
display: block;
float: left;
margin: 0;
}
.list_2_of_1 h3 {
font-family: 'caviar_dreamsregular';
color: #fff;
text-align: left;
text-transform: none;
font-size: 1.5em;
text-transform: uppercase;
font-weight: bold;
}
.list_2_of_1 h3 span {
color:#fff;
}
.list_2_of_1 h4 {
line-height: 0.5em;
color: #fff;
padding: 15px 0px 5px;
font-size: 1em;
text-transform: uppercase;
}
.list_2_of_1 h4 a{
line-height: 0.5em;
font-family:400 16px/1.2px 'caviar_dreamsregular';
color:#fff;
padding:8px 0px;
background:none;
text-decoration: none;
text-shadow: none;
}
.text.list_2_of_1 h4 a img{
-webkit-filter:grayscale(100%);
}
.text.list_2_of_1 h4 a img:hover{
box-shadow:0px 0px 10px 2px #999999;
-webkit-filter:grayscale(0%);
-webkit-transition-duration:0.7s;
}
.list_2_of_1 p a {
color: #fff;
margin: 0px 0px 16px 0px;
font-size: 0.9em;
padding:5px;
line-height: 25px;
}
.list_2_of_1 p a:hover {
padding:5px;
background-color:#000;
-webkit-transition-duration:0.5s;
}
.list_2_of_1 .button a {
font-family:400 16px/1.2em 'caviar_dreamsregular';
color:#fff;
padding:8px 10px;
background:none;
text-decoration: none;
text-shadow: none;
border: 1px solid #fff;
}
.list_2_of_1 .button a:hover{
background:#252425;
text-decoration: underline;
}
/*--footer--*/
/*--footer--*/
.col_1_of_4_f {
display: block;
float: left;
margin: 1% 0 ;
}
.span_1_of_4_f {
width: 23.8%;
}
.col_1_of_4_f:first-child {
margin-left: 0;
}
.first li h1{
color: #A0A0A0;
font-size: 16px;
line-height: 20px;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
}
.first li h1:hover{
color:#FAA685;
font-size: 1em;
line-height: 20px;
-moz-transition: background 0.7s ease;
-o-transition: background 0.7s ease;
-webkit-transition: background 0.7s ease;
cursor: pointer;
}
.first li {
background:url(../images/marker.png) no-repeat 0 3px;
line-height: 0.8em;
padding: 0 0 15px 13px;
}
.first li a {
color: #A0A0A0;
font-size: 1em;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
padding-left:5px;
}
.span_1_of_4_f ul li a:hover {
color:#fff;
padding-left:10px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.span_1_of_4_f h3 {
margin-bottom: 20px;
font-weight: 600;
font-family: 'caviar_dreamsregular';
font-size: 1.3em;
line-height: 1.2;
margin-top: 0px;
letter-spacing: -1px;
color:#fff;
}
ul.last li span {
font-size: 1em;
color:#A0A0A0;
cursor: pointer;
margin: 10px 0;
display: block;
background:url(../images/marker.png) no-repeat 0 3px;
line-height: 10px;
padding: 0 0 10px 10px;
}
ul.last li span:hover {
color:#fff;
padding-left:15px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
ul.last li a{
font-size: 1em;
color:#A0A0A0;
cursor: pointer;
margin: 10px 0;
display: block;
background:url(../images/marker.png) no-repeat 0 3px;
line-height: 10px;
padding: 0 0 10px 10px;
}
ul.last li a:hover{
color:#fff;
padding-left:15px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.copy {
text-align: center;
font-size: 14px;
padding:1% 0;
}
.copy p{
color:#fff;
font-size: 0.69em;
}
.copy p a {
color:#FAA685;
}
.copy p a:hover {
color:#fff;
}
.footer-top {
padding-top: 3%;
border-bottom: 1px solid #363636;
}
.footer{
margin-bottom:-20px;
background:#252425;
}
/*Begin accordion*/
.accordion-minus:before {
content:'';
background: url(../img/accordion-minus.png) 0 center no-repeat;
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
top: 7px;
left: -20px;
}
.accordion-plus:before {
content:'';
background: url(../img/accordion-plus.png) 0 center no-repeat;
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
top: 7px;
left: -20px;
}
a.accordion-toggle.accordion-plus {
font-size: 12px;
font-weight:700;
color: #212c43;
padding: 2px 15px;
}
a.accordion-toggle.accordion-minus {
font-size: 12px;
font-weight:700;
color: #7ccbfc;
padding: 2px 15px;
}
.accordion-group {
border: none;
border-radius: 0;
margin-bottom: 1px;
}
.accordion-heading {
border: 3px solid #f3f5f7;
border-left: 30px solid #f3f5f7;
position: relative;
}
.accordion-inner {
font-size: 12px;
color: #212c43;
border: none;
padding: 9px 15px 9px 45px;
}
/*End accordion*/
/*--about--*/
.col:first-child {
margin-left: 0;
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
}
.span_1_of_about {
width: 73.2%;
margin-right: 3%;
}
.span_1_of_about h3 {
color: #333;
font-size:2em;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
}
.about-img {
width: 29%;
float: left;
margin-right: 3%;
}
.about-desc {
width: 68%;
float: left;
margin-right: 0;
}
.about-desc p {
color:#999;
font-size: 13px;
line-height: 1.8em;
}
.span_1_of_about1 {
width: 23.2%;
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
}
.span_1_of_about1 h3 {
color: #333;
font-size:2em;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
}
.comments-custom li {
overflow: hidden;
margin: 0;
padding: 0px 0 25px 0;
border-bottom: none;
background: none;
}
.comments-custom.unstyled .icon {
background: url(../images/comment.png) no-repeat 0 50%;
width: 37px;
height: 70px;
float: left;
border-right: 1px solid #EBEBEB;
padding: 0 8px 0 0;
margin: 0 10px 0 0;
}
.right-text {
width: 82%;
float: left;
}
.comments-custom.unstyled .comments-custom_h {
color: #888;
font-size: 0.8125em;
text-transform: uppercase;
}
.comments-custom.unstyled .comments-custom_txt {
padding: 2px 0 0 0;
font-size: 13px;
line-height: 1.5em;
}
.comments-custom.unstyled .comments-custom_txt a {
color:#999;
}
.about-top{
margin-bottom:1%;
}
.about-bottom{
margin-bottom:2%;
}
.comments-custom.unstyled .comments-custom_txt a:hover{
color:#FAA685;
}
.comments-custom time {
font-size: 11px;
color:#888;
}
.about-topgrid1 {
width: 29%;
float: left;
margin-right: 5%;
}
.about-topgrid1 h3 {
color: #333;
font-size:2em;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
}
.about-topgrid1 img {
margin-bottom:10px;
}
.about-topgrid1 h5 {
color: #888;
font-size: 13px;
line-height: 1.5em;
padding-bottom: 15px;
}
.about-topgrid1 p {
font-size: 0.8125em;
color:#999;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
}
.about-histore {
float: left;
width: 30%;
}
.about-histore h3 {
color: #333;
font-size:2em;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
}
.about-histore ul li span {
color: #333;
font-size: 14px;
padding: 15px 0px 15px 0px;
margin-bottom: 13px;
float: left;
width: 15%;
}
.about-histore ul li p {
font-size: 0.8125em;
color:#999;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
float: right;
width: 83%;
}
.about-services {
width: 34%;
float: left;
margin-left: 0.1%;
margin-bottom:50px;
padding:10px;
border-left:solid 1px #ccc;
}
.about-services:hover {
padding:10px;
border-left:solid 1px #666666;
box-shadow:1px 1px 5px #000000;
}
.about-servicesse {
width: 32%;
float: right;
margin-top:0;
margin-bottom:50px;
margin-left: 0.5%;
padding:10px;
border-left:solid 1px #ccc;
}
.about-servicess {
width: 32%;
float: right;
margin-top:22px;
margin-bottom:50px;
margin-left: 0.5%;
padding:10px;
border-left:solid 1px #ccc;
}
.about-servicesse:hover {
padding:10px;
border-left:solid 1px #666666;
box-shadow:1px 1px 5px #000000;
}
.about-servicess:hover {
padding:10px;
border-left:solid 1px #666666;
box-shadow:1px 1px 5px #000000;
}
.about-servicesse h3 {
color: #333;
font-size:2em;
margin-top:-5px;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
}
.about-servicess h3 {
color: #333;
font-size:2em;
margin-top:-5px;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
}
.about-servicesss {
width: 32%;
float: right;
padding-top:30px;
margin-top:0;
margin-bottom:50px;
margin-left: 0.5%;
margin-right:0.5%;
padding:10px;
border-left:solid 1px #ccc;
}
.about-servicesss:hover {
padding:10px;
border-left:solid 1px #666666;
box-shadow:1px 1px 5px #000000;
}
.about-servicesss h3 {
color: #333;
font-size:2em;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
z-index:999;
}
.about-servicess h3 {
color: #333;
font-size:2em;
padding-top:20px;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
z-index:999;
}
.about-services h3 {
color: #333;
font-size:2em;
margin-top:0px;
margin-bottom:20px;
font-family: 'caviar_dreamsregular';
}
.questions {
margin: 10px 0 3px 0;
}
.questions h4 {
color: #888;
font-size: 15px;
margin-bottom: 5px;
font-weight: normal;
}
.questions h4 a{
color: #FAA685;
font-size: 18px;
margin: 5px;
font-weight: normal;
}
.questions h4 a:hover{
color: #000000;
cursor: pointer;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
text-shadow:1px 1px 5px #000000;
}
.questions p {
font-size: 0.8125em;
color: #999;
line-height: 1.5em;
padding: 4px 0px 8px 0px;
}
.about{
padding:3% 0 1%;
}
/* FIM ABOUT */
/*--gallery 3--**/
.grid_1_of_3:first-child {
margin-left: 0;
}
.images_1_of_3 {
margin:0 auto;
width: 32.2%;
position: relative;
}
.images_1_of_3 a h1{
margin:0 auto;
width: 32.2%;
position: relative;
}
.grid_1_of_3 {
display: block;
float: left;
margin: 2% 0 0.1% 1.6%;
border:1px solid rgba(204,204,204,0.5);
text-align:center;
padding:1% 0;
}
.grid_1_of_3:hover {
background: rgba(250,166,133,0.3);
border:1px solid #FAA685;
box-shadow:1px 1px 5px #CCC;
}
.images_1_of_3 img {
margin:0 auto;
max-width: 100%;
display: block;
-webkit-filter:grayscale(0%);
}
.images_1_of_3 img:hover {
-webkit-filter:grayscale(100%);
-webkit-animation-fill-mode: grayscale(100%);
}
.zoom-icon {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
background: rgba(64, 72, 109, 0.61);
display: block;
left: 0;
top: -152px;
width: 290px;
height: 219px;
background: url(../images/zoom.png) center center no-repeat;
cursor: pointer;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.images_1_of_3 .zoom-icon {
top: -50px;
width:100%;
height: 182px;
}
.images_1_of_3 a:hover .zoom-icon {
top: 0;
opacity: 1;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.grid_1_of_3 a h1{
width:100%;
font-size:100%;
text-transform: capitalize;
line-height: 22px;
color:#FAA685;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
padding: 13px 0px 2px 0px;
font-family: 'caviar_dreamsregular';
text-shadow:1px 1px 5px #000;
}
.grid_1_of_3 a h1:hover{
color:#000;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
padding: 13px 0px 2px 0px;
font-size:larger;
text-shadow:1px 1px 5px #000;
}
.grid_1_of_3 a h4{
font-size:100%;
text-transform: capitalize;
line-height: 22px;
color:#FAA685;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
padding: 13px 0px 2px 0px;
font-family: 'caviar_dreamsregular';
text-shadow:1px 1px 5px #000;
}
.grid_1_of_3 a h4:hover{
color:#000;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
padding: 13px 0px 2px 0px;
font-size:larger;
text-shadow:1px 1px 5px #000;
}
.grid_1_of_3 p {
font-size: 0.8125em;
padding: 1em 0.5em;
color: #999;
line-height: 1.6em;
}
.heading3 h2{
color: #333;
font-size:2em;
font-family: 'caviar_dreamsregular';
text-shadow:1px 1px 4px #000;
border-bottom:1px solid #666;
}
/*--gallery 4--**/
.grid_1_of_4:first-child {
margin-left: 0;
}
.images_1_of_4 {
margin:0 auto;
width: 23.8%;
position: relative;
}
.grid_1_of_4 {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
border:1px solid rgba(204,204,204,0.5);
text-align:center;
padding:10px 0;
}
.grid_1_of_4:hover {
background: rgba(204,204,204,0.5);
border:1px solid #FAA685;
box-shadow:1px 1px 5px #CCC;
}
.images_1_of_4 img {
margin:0 auto;
width: 50%;
display: block;
-webkit-filter:grayscale(100%);
}
.images_1_of_4 img:hover {
-webkit-filter:grayscale(0%);
-webkit-animation-fill-mode: grayscale(0%);
}
.zoom-icon {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
background: rgba(64, 72, 109, 0.61);
display: block;
left: 0;
top: -152px;
width: 290px;
height: 219px;
background: url(../images/zoom.png) center center no-repeat;
cursor: pointer;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.images_1_of_4 .zoom-icon {
top: -50px;
width:100%;
height: 182px;
}
.images_1_of_4 a:hover .zoom-icon {
top: 0;
opacity: 1;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.grid_1_of_4 h4 {
text-transform: uppercase;
line-height:10px;
color:#333;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
padding: 10px 1px 2px 1px;
font-family: 'caviar_dreamsregular';
text-shadow:1px 1px 5px #333333;
}
.images_1_of_4 h4{
margin-top:10px;
padding: 1px 0;
font-size: 1em;
line-height: 2em;
}
.grid_1_of_4 p {
font-size: 0.8125em;
padding: 5px 0;
color: #999;
line-height: 1.6em;
}
.link {
margin-top:10px;
display: inline-block;
line-height: 19px;
font-size: 14px;
font-style: normal;
text-decoration: none;
color: #666666;
font-family: 'caviar_dreamsregular';
text-transform: uppercase;
padding:5px 0;
}
.link:hover {
color:#000000;
text-decoration:underline;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background-color:#FAA685;
padding:5px 3px;
}
.heading4 h2{
color: #000;
font-size:2em;
font-family: 'caviar_dreamsregular';
text-shadow:1px 1px 4px #000;
border-bottom:1px solid #666;
margin-bottom:5px;
}
/*--contact--*/
/* Contact Form ============================================================================= */
.col1{
display: block;
float:left;
margin:1% 0;
}
.col:first-child{
margin-left:0;
}
.span_2_of_contact {
width: 67.1%;
}
.span_1_of_contact{
width: 29.2%;
margin-right: 3.6%;
}
.span_2_of_contact h3,
.span_1_of_contact h3 {
color: #000;
font-size:2em;
margin-bottom:10px;
font-family: 'caviar_dreamsregular';
}
.contact-form{
position:relative;
}
.contact-form div{
padding:5px 0;
}
.contact-form span{
display:block;
font-size:1em;
color:#000;
padding-bottom:5px;
}
.contact{
padding-top:2%;
}
.contact-form input[type="text"],.contact-form textarea{
padding:8px;
display:block;
background:none;
border: none;
outline:none;
color:#000;
font-size:1em;
font-family:'caviar_dreamsregular';
box-shadow: inset 0px 0px 3px #999;
-webkit-box-shadow: inset 0px 0px 3px #999;
-moz-box-shadow: inset 0px 0px 3px #999;
-o-box-shadow: inset 0px 0px 3px #999;
-webkit-appearance:none;
}
.contact-form textarea{
resize:none;
height:120px;
}
.company_address p{
font-size:0.8125em;
color:#989A96;
line-height: 1.8em;
}
.company_address p span{
text-decoration:underline;
color:#333;
cursor:pointer;
}
.map{
margin-bottom: -4px;
}
.contact-left a p{
font-size:80%;
font-weight:900;
color:#000;
}
.contact-left a p:hover{
color:#FF9966;
font-size:100%;
text-shadow:rgba(255,0,0,1);
}
.contact-left1 h3{
margin-bottom:8px;
}
.contact-left h3 {
color: #000;
font-size:2em;
margin-bottom:8px;
font-family: 'caviar_dreamsregular';
}
.span_2_of_contact h4,
.span_1_of_contact h4 {
font-size:100%;
margin:10px 0;
text-decoration:underline;
}
.contact-left{
margin-bottom:20px;
}
.contact-form select{
padding:8px;
display:block;
width:40%;
background:none;
border: none;
outline:none;
color:#989A96;
font-size:1em;
font-family: 'caviar_dreamsregular';
box-shadow: inset 0px 0px 3px #999;
-webkit-box-shadow: inset 0px 0px 3px #999;
-moz-box-shadow: inset 0px 0px 3px #999;
-o-box-shadow: inset 0px 0px 3px #999;
-webkit-appearance:none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus {
border-color: #e3e8ec;
box-shadow: 1px 1px 7px #FF9966;
}
/*--404--*/
.page-not-found {
padding: 30px 0;
}
.page-not-found h1 {
font-size: 15em;
color: #F0F0F0;
text-align: center;
}
/*--responsive--*/
@media all and (min-width: 1681px) and (max-width: 1920px){
.wrap{
width:75%;
}
}
@media all and (min-width: 1441px) and (max-width: 1680px){
.wrap{
width:80%;
}
}
@media (min-width: 1367px) and (max-width:1440px){
.wrap{
width:90%;
}
.cssmenu > ul > li > a {
padding:20px 10px;
font-size:20px;
line-height:310%;
letter-spacing: 1px;
}
.thumbnail h4 {
margin-top:-50px;
}
.logo {
margin:0.6% 0 0 0;
float:left;
width:26%;
}
.logo a img{
width:90%;
padding: 0;
}
.menu {
float: right;
width: 74%;
}
}
@media (min-width: 1281px) and (max-width:1366px){
.wrap{
width:90%;
}
.cssmenu > ul > li > a {
padding:20px 10px;
font-size:20px;
line-height:310%;
letter-spacing: 1px;
}
.logo {
margin:0.4% 0 0 0;
float:left;
width:28%;
}
.logo a img{
width:90%;
padding: 0;
}
.menu {
float: right;
width: 72%;
}
.thumbnail h4 {
margin-top:-40px;
}
}
@media (max-width:1280px){
.wrap{
width:95%;
}
.cssmenu > ul > li > a {
padding:20px 10px;
font-size:20px;
line-height:310%;
letter-spacing: 1px;
}
.logo {
margin:0.4% 0 0 0;
float:left;
width:28%;
}
.logo a img{
width:90%;
padding: 0;
}
.menu {
float: right;
width: 72%;
}
.thumbnail h4 {
font-size:1.4em;
margin-top:-30px;
}
}
@media (max-width:1152px){
.wrap{
width:95%;
}
.cssmenu > ul > li > a {
padding:20px 3px;
font-size:20px;
line-height:305%;
letter-spacing: 1px;
}
.logo {
margin:0.7% 0 0 0;
float:left;
width:30%;
}
.logo a img{
width:90%;
padding: 0;
}
.menu {
float: right;
width: 70%;
}
.thumbnail h4 {
font-size:1.4em;
}
.col_1of3{
width:30%;
padding:0.7%;
margin:0 1%;
}
}
@media (max-width:1024px){
.wrap{
width:98%;
}
#cssmenu a {
padding: 0 20px;
}
.cssmenu > ul > li > a {
padding:20px 3px;
font-size:20px;
line-height:305%;
letter-spacing: 1px;
}
.logo {
margin:0.7% 0 0 0;
float:left;
width:30%;
}
.logo a img{
width:100%;
padding: 0;
}
.menu {
float: right;
width: 70%;
}
.list_2_of_1 h3 {
font-size: 1.3em;
}
.span_1_of_4 h3 {
font-size: 1.2em;
}
.span_1_of_about h3 {
font-size: 1.5em;
}
.about-topgrid1 h3 {
font-size: 1.5em;
}
.about-histore h3 {
font-size: 1.5em;
}
.about-services h3 {
font-size: 1.5em;
}
.link {
font-size: 13px;
}
.span_2_of_contact h3, .span_1_of_contact h3 {
font-size: 1.5em;
}
.title1 {
font-size: 8em;
}
.thumbnail h4 {
font-size:1.4em;
}
.title2 {
font-size: 3em;
}
.title3 {
font-size: 2em;
}
.span_1_of_about1 h3 {
font-size: 1.5em;
}
.right-text {
width: 77%;
}
.about-bottom{
padding-top:2%;
}
.grid_1_of_4 h4 {
font-size: 13px;
}
.images_1_of_4 .zoom-icon {
height: 135px;
}
.about-desc {
width: 100%;
float: none;
margin-right: 0;
}
.col_1of3{
width:30%;
padding:0.7%;
margin:0 1%;
}
}
@media (max-width:800px){
.wrap{
width:98%;
}
.title1 {
font-size:6em;
}
.title2 {
font-size: 3em;
}
.title3 {
font-size: 2em;
}
.span_1_of_about1 h3 {
font-size: 1.5em;
}
.right-text {
width:69%;
}
.about-bottom{
padding-top:4%;
}
.grid_1_of_4 h4 {
font-size: 11px;
}
.images_1_of_4 .zoom-icon {
height: 135px;
}
.about-desc {
width: 100%;
float: none;
margin-right: 0;
}
#cssmenu {
padding-top: 20px;
}
#cssmenu a {
padding: 0px 5px;
}
.cssmenu > ul > li > a {
padding:19px 3px;
font-size:16px;
line-height:300%;
letter-spacing: 1px;
}
.logo {
margin:0.2% 0 0 0;
float:left;
width:32%;
}
.logo a img{
width:100%;
padding: 0;
}
.menu {
float: right;
width: 68%;
}
.thumbnail h4 {
font-size:100%;
}
.list_2_of_1 h3 {
font-size: 1em;
}
.list_2_of_1 h4 {
padding: 15px 0px 0px;
}
.heading4 h2 {
font-size: 1.7em;
}
}
@media (max-width:800px){
.wrap{
width:95%;
}
.topo{
height:9 0px;
}
.title1 {
font-size:6em;
}
.title2 {
font-size: 3em;
}
.title3 {
font-size: 2em;
}
.span_1_of_about1 h3 {
font-size: 1.5em;
}
.right-text {
width:69%;
}
.about-bottom{
padding-top:4%;
}
.grid_1_of_4 h4 {
font-size: 11px;
}
.images_1_of_4 .zoom-icon {
height: 135px;
}
.about-desc {
width: 100%;
float: none;
margin-right: 0;
}
#cssmenu {
padding-top: 20px;
}
#cssmenu a {
padding: 0px 5px;
}
.cssmenu > ul > li > a {
padding:14px 3px;
font-size:14px;
line-height:300%;
letter-spacing: 1px;
}
.menu {
width:70%;
float:right;
}
.logo {
width:30%;
float: left;
padding: 5px;
}
.logo h1 a {
font-size: 4em;
}
.content-top{
margin-top:1%;
}
.thumbnail h4 {
font-size:100%;
}
.list_2_of_1 h3 {
font-size: 1em;
}
.list_2_of_1 h4 {
padding: 15px 0px 0px;
}
.heading4 h2 {
font-size: 1.7em;
}
}
@media (max-width:640px){
.wrap{
width:98%;
}
.topo{
height:70px;
}
.title1 {
font-size:6em;
}
.title2 {
font-size: 3em;
}
.title3 {
font-size: 2em;
}
.span_1_of_about1 h3 {
font-size: 1.5em;
}
.right-text {
width: 71%;
}
.about-bottom{
padding-top:4%;
}
.grid_1_of_4 h4 {
font-size: 11px;
}
.images_1_of_4 .zoom-icon {
height: 170px;
left: -140px;
}
#cssmenu {
padding-top: 20px;
}
#cssmenu a {
padding: 0px 3px;
}
.cssmenu > ul > li > a {
padding:5px 1px;
font-size:11px;
line-height:300%;
letter-spacing: 1px;
}
.menu {
width:73%;
float:right;
}
.cssmenu > ul > li > ul > li a {
width:70px;
padding:5px 1px;
font-size:11px;
line-height:100%;
letter-spacing: 1px;
}
.cssmenu > ul > li > ul > li a:hover {
width:70px;
padding:5px 1px;
line-height:100%;
}
.logo {
width:27%;
float: left;
padding: 2px;
}
.about-desc {
width: 100%;
float: none;
margin-right: 0;
}
.span_1_of_about {
width:100%;
}
.span_1_of_about1 {
width:100%;
}
.about-topgrid1 {
width:100%;
float:none;
margin-right:0%;
}
.about-histore {
float:none;
width:100%;
}
.about-services {
width:100%;
float: left;
margin-left: 0%;
}
.images_1_of_4 {
width:100%;
position: relative;
}
.content-top{
margin-top:1%;
}
.thumbnail h4 {
font-size:100%;
}
.list_2_of_1 h3 {
font-size: 1em;
}
.list_2_of_1 h4 {
padding: 15px 0px 0px;
}
.heading4 h2 {
font-size: 1.7em;
}
.span_1_of_3 {
margin:0 auto;
width:50%;
}
}
@media (max-width:480px){
.wrap{
width:100%;
}
.topo{
height:20px;
}
.header{
position:relative;
z-index:9999;
box-shadow:2px 2px 4px #000000;
}
.content-top{
margin-top:1%;
}
.caption{
width:100%;
margin:0 auto;
padding:2%;
}
.thumbnail figure img{
width:100%;
padding:2%;
}
.thumbnail h4 {
font-size: 100%;
}
.title2 {
font-size:2em;
}
.title3 {
font-size:1.5em;
}
.span_1_of_3 {
width:30%;
padding:30px 0;
}
.span_1_of_about1 h3 {
font-size: 1.5em;
}
.right-text {
width: 71%;
}
.about-bottom{
padding-top:4%;
}
.grid_1_of_4 h4 {
font-size: 11px;
}
.images_1_of_4 .zoom-icon {
height: 170px;
left: -10px;
}
.logo {
margin:0 auto;
width:100%;
padding:5px;
float:none;
}
.menu {
width:100%;
float:none;
}
.cssmenu > ul > li > ul > li a {
width:70px;
margin:0 auto;
padding:5px 1px;
font-size:11px;
line-height:100%;
letter-spacing: 1px;
}
.cssmenu > ul > li > ul > li a:hover {
width:70px;
padding:5px 1px;
line-height:100%;
}
.atalho {
float:right;
border-top:1px solid #000;
cursor:pointer;
text-shadow:1px 1px 3px #000;
padding:5px 0;
display:block;
width:100%;
float:none;
background:rgba(255,255,255,1);
}
#cssmenu {
padding-top: 10px;
position: relative
}
.cssmenu > ul > li {
display:block;
}
.cssmenu > ul > li.active a, .cssmenu > ul > li a:hover {
display:inline-block;
width:100%;
border-top:1px solid #000;
}
.cssmenu > ul > li > a {
padding:3px;
font-size:14px;
line-height:20px;
letter-spacing: 1px;
}
.about-desc {
width: 100%;
float: none;
margin-right: 0;
}
.span_1_of_about {
width:100%;
}
.span_1_of_about1 {
width:100%;
}
.about-topgrid1 {
width:100%;
float:none;
margin-right:0%;
}
.about-histore {
float:none;
width:100%;
}
.about-services {
width:100%;
float: left;
margin-left: 0%;
}
.images_1_of_4 {
width:100%;
position: relative;
}
.span_1_of_4 {
width:100%;
}
.btn {
padding: 10px 25px 10px 25px;
}
.thumbnail h4 {
font-size:1em;
}
.list_2_of_1 h3 {
font-size: 1em;
}
.list_2_of_1 h4 {
padding: 15px 0px 0px;
}
.heading4 h2 {
font-size: 1.7em;
}
.images_1_of_2 {
width:100%;
}
.listview_1_of_2 {
padding-bottom: 40px;
}
.span_2_of_contact {
width: 100%;
}
.span_1_of_contact{
width: 100%;
margin-right: 3.6%;
}
.span_1_of_3 {
width:100%;
}
}
@media (max-width:320px){
.wrap{
width:100%;
}
.topo{
height:20px;
}
.header{
position:relative;
z-index:9999;
box-shadow:2px 2px 4px #000000;
}
.content-top{
margin-top:1%;
}
.caption{
width:100%;
margin:0 auto;
padding:5%;
}
.thumbnail figure img{
width:100%;
padding:5%;
}
.thumbnail h4 {
font-size: 100%;
}
.title2 {
font-size:2em;
}
.title3 {
font-size:1.5em;
}
.span_1_of_3 {
width:98%;
padding:30px 0;
}
.span_1_of_about1 h3 {
font-size: 1.5em;
}
.right-text {
width: 71%;
}
.about-bottom{
padding-top:4%;
}
.grid_1_of_4 h4 {
font-size: 11px;
}
.images_1_of_4 .zoom-icon {
height: 170px;
left: -10px;
}
.logo {
margin:0 auto;
width:100%;
padding:5px;
float:none;
}
.logo h1 a {
font-size: 3em;
}
.menu {
width:100%;
float:none;
}
.atalho {
float:right;
border-top:1px solid #000;
cursor:pointer;
text-shadow:1px 1px 3px #000;
padding:5px 0;
display:block;
width:100%;
float:none;
background:rgba(255,255,255,1);
}
#cssmenu {
padding-top: 10px;
position: relative
}
.cssmenu > ul > li {
display:block;
}
.cssmenu > ul > li.active a, .cssmenu > ul > li a:hover {
display:inline-block;
width:100%;
border-top:1px solid #000;
}
.cssmenu > ul > li > a {
padding:3px;
font-size:14px;
line-height:20px;
letter-spacing: 1px;
}
.about-desc {
width: 100%;
float: none;
margin-right: 0;
}
.span_1_of_about {
width:100%;
}
.span_1_of_about1 {
width:100%;
}
.about-topgrid1 {
width:100%;
float:none;
margin-right:0%;
}
.about-histore {
float:none;
width:100%;
}
.about-services {
width:100%;
float: left;
margin-left: 0%;
}
.images_1_of_4 {
width:100%;
position: relative;
}
.span_1_of_4 {
width:100%;
}
.btn {
padding: 10px 25px 10px 25px;
}
.thumbnail h4 {
font-size:1em;
}
.list_2_of_1 h3 {
font-size: 1em;
}
.list_2_of_1 h4 {
padding: 15px 0px 0px;
}
.heading4 h2 {
font-size: 1.7em;
}
.images_1_of_2 {
width:100%;
}
.listview_1_of_2 {
padding-bottom: 40px;
}
.span_2_of_contact {
width: 100%;
}
.span_1_of_contact{
width: 100%;
margin-right: 3.6%;
}
.span_1_of_3 {
width:100%;
}
.images_1_of_3 {
margin:0 auto;
width: 100%;
position: relative;
}
}
@media screen (min-width: 240px) and(max-width:500px) {
#boxes #dialog img{
margin:0 auto;
margin-top:5%;
border:2px solid rgba(255,255,0,1);
width:200px;
height:100px;
}
}