@import url("base.css");
@import url("skeleton.css");
@import url("fancybox.css");
body { background: url(../images/noise1.png); font-family: 'Roboto Slab', serif; font-size:14px; color: #666; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
#wrapper { background: #fff; width: 100%; padding:0 0 30px; margin: 0 auto; }
/*  */
#top-bar{background-color:#2c87a9; color:#ffffff; width:100%; padding:7px 0;}
#header {width: 100%; background:#ffffff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 99; }
/* */
#logo { margin:7px 0; height: auto; float: left; }
/* */
#info-top { float: right; margin:0px; display: block; color: #ffffff; font-weight: 400; font-size: 14px; text-align: right; }
    #info-top li { display: inline; float: left; margin-left: 25px; line-height: 25px; }
    #info-top li:first-child { border: none; margin-left: 0; padding: 0; }
    #info-top img{margin-right:4px;}
	#info-top i { margin-right: 8px; margin-top: 4px; }
    #info-top a { color: #ffffff }
    #info-top a:hover { color: #888 }
/* */
.content-title {text-align:center;}
.localizacao {margin-bottom:48px; margin-top:5px; margin-left:30px; margin-right:30px;}
.header-banner {width: 100%;margin: 0 auto;background: #fff;}
.search-lista{padding-bottom:20px;}
.search-lista form{ margin:20px;}
.search-lista select{ height:30px; width:100%; padding:2px; border:solid 1px #b5b5b5; background-color:#FFFFFF; margin-bottom:10px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; font-family: 'Roboto Slab', serif; font-size:14px;}
.search-lista .icone{width:30px; float:left; padding-top:6px; margin:0px 7px; text-align:center;}
.search-lista .select-small{width:37% !important;}
.search-lista input[type="text"]{height:30px; border:solid 1px #b5b5b5; background-color:#FFFFFF; margin:0px 0px 15px; text-indent:5px; width:100% !important; float:left; padding:0px;font-family: 'Roboto Slab', serif;font-size:14px;}
input[type="text"]{height:30px; border:solid 1px #b5b5b5; background-color:#FFFFFF; margin:0px 0px 15px; text-indent:5px; width:100%; float:left; padding:0px;font-family: 'Roboto Slab', serif;font-size:14px;}
input[type="email"]{height:30px; border:solid 1px #b5b5b5; background-color:#FFFFFF; margin:0px 0px 15px; text-indent:5px; width:100%; float:left; padding:0px;font-family: 'Roboto Slab', serif;font-size:14px;}
input[type="tel"]{height:30px; border:solid 1px #b5b5b5; background-color:#FFFFFF; margin:0px 0px 15px; text-indent:5px; width:100%; float:left; padding:0px;font-family: 'Roboto Slab', serif;font-size:14px;}
textarea{height:200px; border:solid 1px #b5b5b5; background-color:#FFFFFF; margin:0px 0px 15px; text-indent:5px; width:100%; float:left; padding:0px;font-family: 'Roboto Slab', serif;font-size:14px;}
.bt-search{background:#7d8188 url(../images/icons/icon-lupa.png) no-repeat 10px 50% !important; padding-right:20px !important; float:right; text-indent:20px;}
/*  */
.icon-box-container { margin:0 0 30px 0; background-color:#efefef; width:100%; padding:45px 0; }
.icon-boxes-container { margin: 10px 0 -5px 0; float: left; }
.icon-box{text-align:center;}
.icon-box p, .icon-box h3 { }
.icon-box h3 { line-height: 22px; font-size:22px;margin-bottom: 10px; }
.icon-box img{margin-bottom:15px;}
/* */
.bg-menu { background-color: #d30b30; width: 100%; }
.selectnav { display: none; cursor: pointer; width: 100%; padding: 8px; height: 37px; float: left; font-size: 14px; margin: 15px 0; }
#navigation { display: block; margin: 0 auto; min-height: 46px; margin-top:25px; }
    #navigation ul, #navigation li { list-style: none; padding: 0; margin: 0; display: inline; }
		#navigation ul{float:right;}
        #navigation ul li { float: left; position: relative; }
		#navigation ul li a { display: inline-block; color: #616161;font-weight: 400; text-decoration: none; text-transform:uppercase; font-size: 14px; padding:15px 15px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
        #navigation ul li a:hover { border:solid 1px #2c87a9 ;color: #2c87a9; padding:14px 14px;}
        #navigation ul ul { position: absolute; display: none; top: 100%; left: 0; background: #bd0c2d; z-index: 999; }
            #navigation ul ul li{border:0px;}
			#navigation ul ul li a { color: #fff }
            #navigation ul ul li a:hover { color: #ffffff; border:solid 1px #2c87a9 }
            #navigation ul ul li a { display: block; width: 150px; margin: 0; padding: 9px 18px;  font-weight: normal; border-bottom: 1px solid #b40929; background: none; }
            #navigation ul ul ul { position: absolute; top: 0px; left: 100%; z-index: 999; }
            	#navigation ul ul ul li a { border-bottom: 1px solid #b40929; border-top: 1px solid transparent; background: none; }
            #navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover { border-bottom: 1px solid transparent }
            #navigation ul ul ul li:last-child a { border-bottom: 1px solid transparent !important }
        #navigation ul li:hover>ul { opacity: 1; position: absolute; top: 99%; left: 0; }
        #navigation ul ul li:hover>ul { position: absolute; top: 0; left: 100%; opacity: 1; z-index: 497; }
.selected {color: #2c87a9 !important; border:solid 1px #2c87a9 !important; padding:14px 14px !important;}
/* */
.box-lista {margin: 20px 0px 0px; position: relative; border:solid 1px #e0e0e0; padding:20px;}
    /*.box-lista img { border: solid 3px #e0e0e0 }*/
    .box-lista h5{margin:0px; padding:0px; border:0px;}
	.box-lista h5 a { color: #2c87a9 }
.tag-lancamento { background: url(../images/tag-lancamento.png) no-repeat; width: 101px; height: 101px; position: absolute; margin: -10px 0 0 -12px; z-index: 99; }
.tag-pronto { background: url(../images/tag-pronto.png) no-repeat; width: 101px; height: 101px; position: absolute; margin: -10px 0 0 -12px; z-index: 99; }
/* */
.picture { position: relative }
    .picture img { width: 100%; height: auto; }
.image-overlay-link, .image-overlay-zoom { height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 40; display: none; background-color: #222; background: rgba(0, 0, 0, 0.7); background-repeat: no-repeat; background-position: 50%; cursor: pointer; }
.image-overlay-link { background-image: url(../images/overlay-icon-01.png) }
.image-overlay-zoom { background-image: url(../images/overlay-icon-02.png) }
/* */
.headline { display: block; margin:30px 0 8px 0; background-color:#2c87a9; padding:8px 15px; }
.no-margin { margin-top: 0 }
.low-margin { margin-top: 15px }
.headline h3, .headline h4 {color: #fff; display: inline; padding:0; margin:0px; }
.box p { margin-top: 15px }
/* */
.list-item { margin: 5px 0 25px 0 }
.item-description { margin-bottom: 0px }
.item-description.alt { margin-bottom: 0 }
.item-description.related { margin-bottom: 0 }
.item-description h5 { font-size: 14px; font-weight: bold; line-height: 16px; padding: 12px 0 8px 0; margin: 0 0 0 0; letter-spacing: 0; height:50px; overflow:hidden; }
.item-description a { color: #404040 }
.item-description a:hover { color: #666 }
.item-description p { color: #666; margin-bottom: 0; }
    .item-description p strong { color: #2c87a9 }
/*  */
.span2{float:left; width:50%; text-align:left; line-height:30px;}
#footer { background: #2c87a9; width:100%; padding: 15px 0px 0px; margin: 0 auto; color: #e3e3e3; }
    #footer .phone { font-size: 30px; font-family: 'Roboto Slab', serif; }
    #footer, #footer p, #footer a { color: #FFF }
	#footer strong{color:#ffffff;}
        #footer a:hover { color: #fff }
.footer-headline {display: block; margin: 15px 0 15px 0; border-bottom:solid 1px #3c3c3c; padding:10px 0; }
.no-margin { margin-top: 0 }
.footer-headline h4 {display: inline; padding: 0 10px 0 0; color: #fff; font-size: 18px; }
#footer-bottom { border-top: 1px solid #3c3c3c; margin-top: 15px; padding:15px 0; line-height:32px; }
    #footer-bottom a { color: #fff }
    #footer-bottom a:hover { color: #d4d4d4 }
/* 
====================================*/
.links-list-alt { margin-top: 20px }
.links-list li a { color: #a4a4a4; display: block; padding: 3px 0; padding-left: 12px; background: url(../images/links-list-arrow-01.png) no-repeat left 47%; }
.links-list-alt li a { color: #666; display: block; padding: 3px 0; padding-left: 12px; background: url(../images/links-list-arrow-02.png) no-repeat left 47%; }
.links-list li a:hover { color: #fff }
.links-list-alt li a:hover { color: #888 }
.links-list li:first-child a, .links-list-alt li:first-child a { margin: -3px 0 0 0 }

/* */
.button, input[type="button"] { padding: 9px 12px; display: inline-block; border: 0px; text-transform:uppercase; font-weight: bold; cursor: pointer; width: auto; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
input[type="button"] { float: left }
.button.medium { padding: 11px 17px; font-size: 14px; }
.button.big { padding: 11px 0px; font-size: 14px; text-align: center; width:100%; margin:0; position: relative; z-index:10;}
.button.gray { color: #fff; background: #444; }
.button.gray:hover { background: #2c87a9 }
.button.light { color: #fff; background: #aaa; }
.button.light:hover { background: #2c87a9 }
.button.color { color: #fff; background: #2c87a9; }
.button.color:hover { background: #aaa }
/*  */
input[type="button"] { color: #fff; background: #2c87a9; }
input[type="button"]:hover { background: #aaa }

/* */
.social-icons { margin:0; float: right; }
.social-icons.about { float: left; margin: 0 0 0 -5px; }
.social-icons li { display: inline; list-style: none; text-indent: -9999px; margin-left: 5px; float: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	.social-icons li.cadastrar{text-indent:20px; width:auto;}
	.social-icons li.cadastrar a{background:#2c87a9 url(../images/icons/house.png) no-repeat 10px 50%; text-indent:34px; width:auto; padding-right:20px; color:#ffffff;line-height:28px;}
	.social-icons li a { background-repeat: no-repeat; background-position: 0 0; display: block; height: 28px; width: 28px; padding-right:0; }
.social-icons li:hover { background-position: 0 -38px }
/*  */
#social a { width: 28px; height: 28px; margin: 0 6px 6px 0; display: block; float: left; text-indent: -9999px; background-position: 0 -38px; }
    #social a img { border: none }
/*  */
.amazon { background: url(../images/icons/social/amazon.png) no-repeat }
.behance { background: url(../images/icons/social/behance.png) no-repeat }
.blogger { background: url(../images/icons/social/blogger.png) no-repeat }
.deviantart { background: url(../images/icons/social/deviantart.png) no-repeat }
.dribbble { background: url(../images/icons/social/dribbble.png) no-repeat }
.dropbox { background: url(../images/icons/social/dropbox.png) no-repeat }
.evernote { background: url(../images/icons/social/evernote.png) no-repeat }
.facebook { background: url(../images/icons/social/facebook.png) no-repeat }
.forrst { background: url(../images/icons/social/forrst.png) no-repeat }
.github { background: url(../images/icons/social/github.png) no-repeat }
.googleplus { background: url(../images/icons/social/googleplus.png) no-repeat }
.jolicloud { background: url(../images/icons/social/jolicloud.png) no-repeat }
.last-fm { background: url(../images/icons/social/last-fm.png) no-repeat }
.linkedin { background: url(../images/icons/social/linkedin.png) no-repeat }
.picasa { background: url(../images/icons/social/picasa.png) no-repeat }
.pintrest { background: url(../images/icons/social/pintrest.png) no-repeat }
.rss { background: url(../images/icons/social/rss.png) no-repeat }
.skype { background: url(../images/icons/social/skype.png) no-repeat }
.spotify { background: url(../images/icons/social/spotify.png) no-repeat }
.stumbleupon { background: url(../images/icons/social/stumbleupon.png) no-repeat }
.tumblr { background: url(../images/icons/social/tumblr.png) no-repeat }
.twitter { background: url(../images/icons/social/twitter.png) no-repeat }
.vimeo { background: url(../images/icons/social/vimeo.png) no-repeat }
.wordpress { background: url(../images/icons/social/wordpress.png) no-repeat }
.xing { background: url(../images/icons/social/xing.png) no-repeat }
.yahoo { background: url(../images/icons/social/yahoo.png) no-repeat }
.youtube { background: url(../images/icons/social/youtube.png) no-repeat }

.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

.field {
	float:left;
	width:48%;
}
.field2 {
	float:right;
	width:48%;
}

.field3 {
	float:right;
	width:30%;
}

.field4 {
	float:right;
	width:24%;
}

::-webkit-input-placeholder {
   color: #2c87a9;
}

:-moz-placeholder { /* Firefox 18- */
   color: #2c87a9;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #2c87a9;  
}

:-ms-input-placeholder {  
   color: #2c87a9;  
}


@media only screen and (max-width: 1100px) {
	#navigation ul li a{padding: 15px 6px; font-size:13px;}
	#navigation ul li a:hover { padding:14px 5px;}
	.selected{padding: 14px 6px !important;}
}

@media only screen and (max-width: 940px) {
	.box-list{margin:0px;}
	#logo {text-align: center; padding:10px 0 5px; margin:0px; float:none; width:100%;}
	.container{width:95% !important;}
	.selectnav{margin:0px;}
	#navigation {float: none; width:100%; margin-top:5px;}	
	.js .selectnav {display: block;}
	.js #nav,
	#navigation ul li a {
		display: none;
	}
	.search-lista .select-small{width: 33% !important;}
	.search-lista input[type="text"]{width: 100% !important;}
	input[type="tel"]{width: 100% !important;}
	input[type="text"]{width: 100% !important;}
	input[type="email"]{width: 100% !important;}
	textarea{width: 100% !important;}
	textarea{width: 100% !important;}
	#info-top{width:100%; float:none; text-align:center;}
	#info-top li{width:100%; text-align:center; float:none; display:block; margin-left:0px;}
	.box{margin-bottom:30px !important;}
	.item-description{margin-bottom:30px !important;}
	.container .sixteen.columns{width:100%; text-align:center; float:none;}
	.container .five.columns{width:100%; text-align:center; float:none;}
	.container .eleven.columns{width:100%; text-align:center; float:none;}
	.box-search{float:none; margin:0 20px 20px;}
	.box-search ul{float:none; margin:15px 0; text-align:center; width:100%;}
	#contact-details{float:none;}	
	.container .eight.columns{width:100%; float:none; text-align:center;margin:0px auto; display:block;}
	.container .twelve.columns{width:100%; margin:0px auto; float:none;}
	.container .four.columns {width: 45% !important;float: left;margin: 0 15px 10px;}
	.nav-top{float:none; text-align:center;margin:10px auto 0px; width:400px;}
	.container .one-third.column{width:100%; float:none; margin:0 auto 20px !important;}
	.container .two-thirds.column{width:100%; float:none;  margin:0 auto 20px !important;}
	.span2{width:100%; float:none;}
	.footer-link{text-align:center !important; display:block !important;}
	.social-icons {margin: 5px 0 10px;float: none;}
}


@media only screen and (max-width: 540px) {
	.container .four.columns{width:97% !important; float:none; margin:0 auto 10px;}
	.field { width:97% !important; float:none;}
	.field2 {width:97% !important; float:none;}
}
/* =================================================================== */
/* Flexslider
====================================================================== */
.slider{width:100%;}
/* Browser Resets
====================================*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/* Necessary Styles
====================================*/
.flexslider {margin: 0; padding: 0;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {position: relative;  zoom: 1; display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider {position: relative;  zoom: 1; z-index: 50;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* Default Styles
====================================*/
.flexslider {
	background: #fff;
	zoom: 1;
}

.ie7 .flexslider {margin-bottom: -30px;}

.flex-viewport {max-height: 2000px;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


/* Direction Nav
====================================*/

.flex-direction-nav a {
	width: 35px;
	height: 35px;
	display: block;
	background-color: #000;
	bottom: 20px;
	right: 20px;
	float: none;
	position: absolute;
	cursor: pointer;
	text-indent: -9999px;
	background-color: #222;
	background: rgba(0, 0, 0, 0.65);
	*bottom: 50px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.flex-direction-nav .flex-next {
	background-image: url(../images/slider-control-right.png);
	background-repeat: no-repeat;
	background-position: 52% 50%;
}

.flex-direction-nav .flex-prev {
	margin-right: 36px;
	background-image: url(../images/slider-control-left.png);
	background-repeat: no-repeat;
	background-position: 48% 50%;
}

.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	background-color:#0b2641;
	opacity: 1;
}

.subpage .flex-direction-nav a {bottom: 0px; right: 0px; *bottom: 30px;}


/* Control Nav
====================================*/
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}
	
.flex-control-nav li {
	margin: 0 3px 0 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
	
.flex-control-paging li a {
	width: 14px;
	height: 14px;
	display: block;
	background: #c8c8c8;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
	
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
	background: #505050;
}
	
.flex-control-paging li a.flex-active {
	cursor: default;
}


/* Caption
====================================*/
.slide-caption {
	width: 30%;
	padding: 22px;
	margin: 0 0 20px 20px;
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	background-color: #222;
	background: rgba(0, 0, 0, 0.7);
}
	
.slide-caption h3 {
	color: #fff;
	font-size: 16px;
	padding-bottom: 10px;
	margin:0;
	line-height: 22px;
}
	
.slide-caption p {
	margin:0;
	line-height: 19px;
	color: #bbb;
}