/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");

@font-face { font-family: 'Berlin Sans FB'; src: url('font/path/berlin_sans_fb.eot'); src: url('font/path/berlin_sans_fb.eot?#iefix') format('embedded-opentype'), url('font/path/berlin_sans_fb.svg#Berlin Sans FB') format('svg'), url('font/path/berlin_sans_fb.woff') format('woff'), url('font/path/berlin_sans_fb.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'Segoe Script'; src: url('font/path/segoe_script.eot'); src: url('font/path/segoe_script.eot?#iefix') format('embedded-opentype'), url('font/path/segoe_script.svg#Segoe Script') format('svg'), url('font/path/segoe_script.woff') format('woff'), url('font/path/segoe_script.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'Bebas'; src: url('font/path/bebas.eot'); src: url('font/path/bebas.eot?#iefix') format('embedded-opentype'), url('font/path/bebas.svg#Bebas') format('svg'), url('font/path/bebas.woff') format('woff'), url('font/path/bebas.ttf') format('truetype'); font-weight: normal; font-style: normal;}

/*	EXAMPLE STYLES */
body {
	font-family: sans-serif;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	
}
p{ margin:10px 0;}

.header-bg-a{background:url(../images/bg-topo3.png) repeat-x;}
.header-bg-b{background:#00a9a8 url(../images/bg-topo-main.png) repeat-x top;}
.header-bg-c{background:#faac1d url(../images/bg-topo-yellow.png) repeat-x top;}
.header-bg-d{background:#00a9a8 url(../images/bg-topo-main2.png) repeat-x top;}

img{inline-block; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; border: 0;}
a{color: #ffd40e; text-decoration:none;-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;-ms-transition-duration: 0.4s;transition-duration: 0.4s;}
a:hover{color: #faac1d;}


header {
	text-align: center;
}

article {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}


footer {
	text-align: center;
}

.header-zn-a{position:relative; }
.header-zn-b{position:relative;}

h2{ font-family: 'Fjalla One', sans-serif; text-transform:uppercase; color:#fff; font-size:19px; padding:10px 0 20px 0;}
h2 span{color:#ffd40e;    margin: 0 5px;}

h2 a{ font-family: 'Fjalla One', sans-serif; text-transform:uppercase; color:#fff; font-size:16px; padding:10px 0 20px 0;}
h2 a span{color:#ffd40e;}
h2 a:hover{color:#ffd40e; }
h2 a:hover span{color:#fff;}

.header-zn-a .img-logo{ float:left; text-align:center; padding:0 50px; }

.header-zn-b .img-photo{margin: 25px 0 15px 0;}

.header-zn-b .header-txt{ margin: 75px 0 5px 20px; font-family: 'Fjalla One', sans-serif; position: absolute;}
.header-zn-b .header-txt h1{ color:#909090; font-size:34px; text-transform:uppercase; line-height: 110%;font-weight: bold;}
.header-zn-b .header-txt h1 span{ color:#aeaeae; font-size:30x;font-weight: 300;}

.topmain{ padding: 1.5em 0 2.5em 1.0em;}
.middlemain{ padding: 1.5em 0 1.5em 1.0em;}

.main-zn-a{position:relative;}
.main-zn-b{position:relative; padding: 0 0 0 50px;}
.main-zn-c{position:relative;}
.main-zn-d{position:relative; padding: 0 0 0 50px;}
.main-zn-e{position:relative;}
.main-zn-f{position:relative;}

.main-zn-b ul{ margin-top:-10px;}
.main-zn-b ul li {display: table; text-align: center; float:left; /*margin:10px 25px 0 0;*/ width: 33%;}
.main-zn-b ul li:hover img{-webkit-box-shadow: 0px 16px 18px 0px rgba(50, 50, 50, 0);-moz-box-shadow:0px 16px 18px 0px rgba(50, 50, 50, 0);box-shadow: 0px 16px 18px 0px rgba(50, 50, 50, 0);}
.main-zn-b ul li:hover span{ color:#ffd40e;}
.main-zn-b ul span {font-family: 'Fjalla One', sans-serif; color:#fff; text-transform:uppercase; padding: 10px 0; display: block;text-align: center;}
.main-zn-b ul li img{
-webkit-box-shadow: 0px 16px 18px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 16px 18px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 16px 18px 0px rgba(50, 50, 50, 0.35);
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-khtml-border-radius: 200px;
border-radius: 200px;
behavior: url(PIE.htc);
-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;-ms-transition-duration: 0.4s;transition-duration: 0.4s;
}

.main-zn-a .conc-img{ float:left; margin: -20px 0 40px -30px;}
.main-zn-a p{ font-family:Helvetica,Arial,sans-serif; text-align:justify; margin: 20px 10px; font-size:14px;display: table;}

.main-zn-c .area-img{ margin-top: -25px;}

.main-zn-d .zn-a{padding: 0 0 0 1.5em;margin: -2.2em 0 0 0;}

.main-zn-d .form-img{ margin-top:-25px;}
.main-zn-d .form-area #wrap{ position:absolute; padding-top: 60px;}
.main-zn-d table, .main-zn-d table td{ border:0; width: 0%;}
.main-zn-d input{background:#006d6c; border:0; color:#fff; width:100%; padding: 8px 15px; margin: 0.2em 0;}
.main-zn-d textarea{background:#006d6c; border:0; color:#fff;  resize: none; margin: 0.3em 0; padding: 8px 15px; height: 6.1em; width:100%}
.main-zn-d .buttonform {cursor: pointer; float:right; background:none; width:66px; height:auto; padding: 0px; margin:0 5px 0 0;}
#response{ font-size: 14px;text-align: center;margin: 20% auto;display: table !important;position: relative;}
#contactform{ padding: 0 35px;}
.success{margin-left: 140px;display: table;text-align: center;margin-top: 25px;}

.main-zn-e .cao-img{margin: -73px 0 0 -55px;}

.main-zn-f ul.photopoint li{ float:left; width: 38%; display:block; margin:0 4px 0 0;}
.main-zn-f ul.photopoint li img{
border:4px solid #fff;
-webkit-box-shadow: -2px 5px 10px 0px rgba(0, 0, 5, 0.33);
-moz-box-shadow:    -2px 5px 10px 0px rgba(0, 0, 5, 0.33);
box-shadow:         -2px 5px 10px 0px rgba(0, 0, 5, 0.33);
behavior: url(PIE.htc);
-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;-ms-transition-duration: 0.4s;transition-duration: 0.4s;
}
.main-zn-f ul.photopoint li:hover img{
border:4px solid #744b00;
-webkit-box-shadow: -2px 5px 10px 0px rgba(0, 0, 5, 0);
-moz-box-shadow:    -2px 5px 10px 0px rgba(0, 0, 5, 0);
box-shadow:         -2px 5px 10px 0px rgba(0, 0, 5, 0);
behavior: url(PIE.htc);
}

.roundborder{-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc);}
.roundborder-textarea{-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;behavior: url(PIE.htc);}
.tdarea{ padding:0.2em 0.5em;}

.phone-area{position: absolute;right: 1.0em;top: -2.2em; font-family: 'Fjalla One', sans-serif; letter-spacing: normal;font-weight: normal; text-transform:uppercase; color:#fff; font-size:145%;}
.phone-area span{ color:#3c3c3b;}
.icn-phone{ margin:-0.2em 0.5em;}

.emailto a{ color:#fff; font-size:75%; float:right; padding:0 2.9em 0.5em 0;}


.rodape{width:100%; position:relative;}
.rodape-content{width:100%; background:#fff;}
.rodape p{ color:#999; font-size: 72%; margin: 0.4em 0 1.0em 4.0em; float:left; position:relative;}
.lyt-footer-top{background:url(../images/rodape-top.png) repeat-x; width:100%; height:0.875em;}
.lyt-footer-bottom{background:url(../images/rodape-bottom.png) repeat-x; width:100%; height:0.375em;}
.img-rp-logo{ float:right; margin:0 0; position:relative;display: block;}
.scroolto{position: absolute;bottom: -0.2em; right:21em;}

.posdot{text-align: center;/*margin:30px auto 5px;*/display: table; margin-left: 1%; margin-top:30px;}

.photopoint{  transition: all 2s linear;  display: block;}
.main-zn-f ul.active-nav{display:table;}
ul.photopoint {-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;-ms-transition-duration: 0.4s;transition-duration: 0.4s;}

.hidden {display: none;}
.visuallyhidden {opacity: 0;}
.dotstyle {-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;-ms-transition-duration: 0.4s;transition-duration: 0.4s;}

.scolldown{opacity:.4; float:none; position:absolute; right:0; top:0;}
.img-tlf{margin-top: 0px; padding: 0 50px;}

.mainnav{}
.mainnav ul{ float:right; margin: 10px 10px 0 0;}
.mainnav ul li{float:left; font-family: 'Fjalla One', sans-serif; text-transform:uppercase; margin-right:20px; font-size:13px;}

.mainnav ul li a{color:#cacaca;}
.mainnav ul li a:hover{ color:#666;}

.socnav{ padding: 0 12%; margin-left: 3%;margin-top: 12%;}
.socnav img{width:22%; padding:0 1%; opacity:1;-moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s;-ms-transition-duration: 0.4s;transition-duration: 0.4s;}
.socnav:hover img{opacity:.5;}
.socnav a:hover img{opacity:1;}



/*THUMBS HOVER*/

.justanim {
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;
}

.justanim:hover {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
-ms-transition: all 200ms ease;
transition: all 200ms ease;
}

#info-mini h2, #info-midi h2, #info-junior h2, #info-maxi h2, #info-big h2{font-weight:bold; font-size:120%; text-transform:uppercase;}
#info-mini, #info-midi, #info-junior, #info-maxi, #info-big{ width:560px; font-family: "Times New Roman", Times, serif; font-size: 12px;}
#info-mini p, #info-midi p, #info-junior p, #info-maxi p, #info-big p{ text-align:justify}
#info-mini span, #info-midi span, #info-junior span, #info-maxi span, #info-big span{ color:#ee1c29;}

#info-mini a, #info-midi a, #info-junior a, #info-maxi a, #info-big a{color: #353535;text-decoration: none;border: none;}
#info-mini a span, #info-midi a span, #info-junior a span, #info-maxi a span, #info-big a span{margin: -2.5em 0.5em;position: relative;display: inline-table; font-weight:bold; font-size:125%;}

.animhover {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-o-transition: all 500ms ease;
-ms-transition: all 500ms ease;
transition: all 500ms ease;
}

.error[generated=true] {
color: #ff0000;
font-size: 16px;
position: absolute;
font-size: 12px;
margin: 10px 0 0 -150px;
}

.txtbold{ font-weight:bold;}
.mylight{ padding:25px;}
.mylight p{ font-size:14px;font-family: Helvetica,Arial,sans-serif;}
.mylight h3{font-family: 'Fjalla One', sans-serif;text-transform: uppercase;color: #00a9a8;font-size: 19px;}
.mylight h3 span {color: #333;}
.mylight li{ font-size:14px;font-family: Helvetica,Arial,sans-serif;}
.mylight li{padding-left: 22px;line-height: 18px;margin-bottom: 10px;}
.mybullet{background: url('../images/check-list.png') 0px 2px no-repeat;}

a.linkbfp{color: #986300;}
a.linkbfp:hover{color: #000;}

.txt-conct{ display:table;}

body .form-area img { text-align: center !important;margin-top: 10px;}

@media only screen and (min-width: 0px) and (max-width: 479px) { 
.header-zn-a{ background:none;}
.header-zn-a .img-logo {display:none;}
.header-zn-a .topo-mobile{ display:block;}
.main-zn-a{position:relative;}
.main-zn-b{position:relative; }
.main-zn-c{position:relative;}
.main-zn-d{position:relative; }
.topmain{ padding:2.0em 0;}
.topmain .zn-a{ padding:0 0 1.0em 0;}
table{!important; margin: 0 auto;}
.main-zn-c .zn-a {padding: 0;}
.rodape p{ text-align:center; margin:0.4em auto;}
.img-rp-logo{ float:none; margin:0 auto; text-align:center;padding: 0 0 0.3em 0; }
.img-baby{ display:none;}
.header-zn-b .thumb-area{ margin:0;}
.header-zn-b .thumb-area img {display: block;margin: 0 auto;}
.main-zn-a .txt-destaq p{padding:0.5em 1.3em 2.0em 1.3em;text-align: center; font-size:90%;}
.main-zn-b .img-fraldas {padding: 0em 0;}
.red-td {line-height: 1.5em !important;}
.main-zn-c .zn-a td{padding: 0 0.2em 0 0.2em;}
.scroolto{ position: relative;margin: 0 auto;text-align: center;display: block; right: 0;}
.thb1, .thb3{ float:left;}
.phone-area{top: -2.3em;}
#info-mini, #info-midi, #info-junior, #info-maxi, #info-big{ width:340px;}
.form-img-w{width: 20%;}
body .form-area img {
    text-align: center !important;
    margin-top: -10px;
}


}

@media only screen and (max-device-width: 1023px) {    
.form-img-w{width: 20%;}
}

@media only screen and (max-device-width: 479px) {    
.txt-conct-container{ overflow:hidden; max-height:300px;}

}

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

.form-img-w{width: 20%;}
.widht {margin-top: 0px !important;}
	}