/*

Theme Name: DEV Transsen

Theme URL: http:www.transsen.com.br

Description: DEV Theme

Version: 

Author: 

Author URL: 

Tags:

*/





#promocao{

 position: absolute;

 width:100%;

 height:100%;

 z-index:10000;

 background-color:#FFFFFF;

 opacity:0.5;

 filter:alpha(opacity=50);

 -moz-opacity: 0.5;		

}



#promocaoInterna{

 width:550px;

 height:480px;

 position: absolute;

 left:30%;

 top:20%;

 z-index:10001;

}



/************************************************************************

	CSS 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, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}





/************************************************************************

	COMMON

************************************************************************/

a{ text-decoration: none;}

.clearme:after{	content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0;}



	#wrapper-header-top{ width: 100%; height: 25px;}

	#wrapper-header{ width: 100%;}

	/************************************************************************

		COLOR THEME GREEN

	************************************************************************/

	#wrapper-header-top{ background: url(images/bkg-gray-wp-header-top.jpg) top center no-repeat;}

	#wrapper-header{/*  background: url(images/bkg-green-wp-header.jpg) center center no-repeat; */ position: relative;overflow: hidden;}

	#wrapper-content{ background: url(images/bkg-content-blue.jpg) top center no-repeat;}

	

	ul#nav li{ border-right: 1px solid #81a348;}

	#banner-13 ul#nav li,#banner-6 ul#nav li{ border-right: 1px solid #8c9f81;}

	

	/************************************************************************

	SEARCH

	************************************************************************/

	ul#nav li#last{ float: right; border: 0; margin: 0 7px 0 0;}

	#searchform label{ display: none;}

	#searchform #s{ width: 100px; height: 20px; border: 0; float: left; margin: 0 5px 0 0; background: #fff; color: #000;}

	#searchform #searchsubmit{ width: 28px; height: 22px; background: #fee5a3; border: 0; cursor: pointer; color: #464541; font: 12px/22px Futura, Helvetica, Verdana, Arial, sans-serif;}

	

	/************************************************************************

		COLOR THEME ORANGE

	************************************************************************/

	#banner-3 #wrapper-header-top,

	#banner-18 #wrapper-header-top,

	#banner-20 #wrapper-header-top,

	#banner-23 #wrapper-header-top,

	#banner-search #wrapper-header-top,

	#banner-11 #wrapper-header-top,

	#banner-69 #wrapper-header-top,

	#banner-72 #wrapper-header-top,

	#banner-233 #wrapper-header-top,

	#banner-4 #wrapper-header-top,

	#banner-5 #wrapper-header-top,

	#banner-118 #wrapper-header-top,

	#banner-138 #wrapper-header-top,

	#banner-120 #wrapper-header-top,

	#banner-152 #wrapper-header-top,

	#banner-155 #wrapper-header-top,

	#banner-157 #wrapper-header-top,

	#banner-159 #wrapper-header-top,

	#banner-122 #wrapper-header-top,

	#banner-124 #wrapper-header-top,

	#banner-164 #wrapper-header-top,

	#banner-166 #wrapper-header-top,

	#banner-127 #wrapper-header-top,

	#banner-190 #wrapper-header-top,

	#banner-192 #wrapper-header-top,

	#banner-126 #wrapper-header-top,

	#banner-169 #wrapper-header-top,

	#banner-171 #wrapper-header-top,

	#banner-173 #wrapper-header-top,

	#banner-176 #wrapper-header-top,

	#banner-178 #wrapper-header-top,

	#banner-181 #wrapper-header-top,

	#banner-183 #wrapper-header-top,

	#banner-9 #wrapper-header-top,

	#banner-8 #wrapper-header-top,

	#banner-133 #wrapper-header-top,

	#banner-326 #wrapper-header-top,

	#banner-7 #wrapper-header-top,

	#news #wrapper-header-top{ background: url(images/bkg-orange-wp-header-top.jpg) top center no-repeat;}

	

	#banner-3 #wrapper-content,

	#banner-18 #wrapper-content,

	#banner-20 #wrapper-content,

	#banner-23 #wrapper-content,

	#banner-search #wrapper-content,

	#banner-11 #wrapper-content,

	#banner-69 #wrapper-content,

	#banner-72 #wrapper-content,

	#banner-233 #wrapper-content,

	#banner-4 #wrapper-content,

	#banner-5 #wrapper-content,

	#banner-118 #wrapper-content,

	#banner-138 #wrapper-content,

	#banner-120 #wrapper-content,

	#banner-152 #wrapper-content,

	#banner-155 #wrapper-content,

	#banner-157 #wrapper-content,

	#banner-159 #wrapper-content,

	#banner-122 #wrapper-content,

	#banner-124 #wrapper-content,

	#banner-164 #wrapper-content,

	#banner-166 #wrapper-content,

	#banner-127 #wrapper-content,

	#banner-190 #wrapper-content,

	#banner-192 #wrapper-content,

	#banner-126 #wrapper-content,

	#banner-169 #wrapper-content,

	#banner-171 #wrapper-content,

	#banner-173 #wrapper-content,

	#banner-176 #wrapper-content,

	#banner-178 #wrapper-content,

	#banner-181 #wrapper-content,

	#banner-183 #wrapper-content,

	#news #wrapper-content,

	#banner-8 #wrapper-content,

	#banner-133 #wrapper-content,

	#banner-326 #wrapper-content,

	#banner-7 #wrapper-content{ background: url(images/bkg-content-orange.jpg) top center no-repeat;}

	

	#banner-3 ul#nav li,

	#banner-18 ul#nav li,

	#banner-20 ul#nav li,

	#banner-23 ul#nav li,

	#banner-11 ul#nav li,

	#banner-69 ul#nav li,

	#banner-72 ul#nav li,

	#banner-233 ul#nav li,

	#banner-4 ul#nav li,

	#banner-5 ul#nav li,

	#banner-118 ul#nav li,

	#banner-138 ul#nav li,

	#banner-120 ul#nav li,

	#banner-152 ul#nav li,

	#banner-155 ul#nav li,

	#banner-157 ul#nav li,

	#banner-159 ul#nav li,

	#banner-122 ul#nav li,

	#banner-124 ul#nav li,

	#banner-164 ul#nav li,

	#banner-166 ul#nav li,

	#banner-127 ul#nav li,

	#banner-190 ul#nav li,

	#banner-192 ul#nav li,

	#banner-126 ul#nav li,

	#banner-169 ul#nav li,

	#banner-171 ul#nav li,

	#banner-173 ul#nav li,

	#banner-176 ul#nav li,

	#banner-178 ul#nav li,

	#banner-181 ul#nav li,

	#banner-183 ul#nav li,

	#news ul#nav li,

	#banner-8 ul#nav li,

	#banner-133 ul#nav li,

	#banner-7 ul#nav li{ border-right: 1px solid #da853c;}

	

	

	/************************************************************************

		COLOR THEME BLUE

	************************************************************************/

	#banner-115 #wrapper-header-top,

	#banner-30 #wrapper-header-top,

	#banner-28 #wrapper-header-top,

	#banner-38 #wrapper-header-top,

	#banner-26 #wrapper-header-top,

	#banner-32 #wrapper-header-top,

	#banner-40 #wrapper-header-top,

	#banner-34 #wrapper-header-top,

	#banner-36 #wrapper-header-top,

	#banner-264 #wrapper-header-top,

	#banner-186 #wrapper-header-top{ background: url(images/bkg-blue-wp-header-top.jpg) top center no-repeat;}

	

	#banner-115 #wrapper-content,

	#banner-30 #wrapper-content,

	#banner-28 #wrapper-content,

	#banner-38 #wrapper-content,

	#banner-26 #wrapper-content,

	#banner-32 #wrapper-content,

	#banner-40 #wrapper-content,

	#banner-34 #wrapper-content,

	#banner-36 #wrapper-content,

	#banner-264 #wrapper-content,

	#banner-186 #wrapper-content{ background: url(images/bkg-content-blue.jpg) top center no-repeat;}

	

	#banner-115 ul#nav li,

	#banner-30 ul#nav li,

	#banner-28 ul#nav li,

	#banner-38 ul#nav li,

	#banner-26 ul#nav li,

	#banner-32 ul#nav li,

	#banner-40 ul#nav li,

	#banner-34 ul#nav li,

	#banner-36 ul#nav li,

	#banner-264 ul#nav li,

	#banner-186 ul#nav li{ border-right: 1px solid #79a0ba;}

	

	

	

	/************************************************************************

		SECTION BANNERS DEF

	************************************************************************/

	

	/*news section*/

	#news #wrapper-header{ background-color:#FFFFFF; }

	

	/*consortio section*/

	#banner-8 #wrapper-header,

	#banner-133 #wrapper-header,

	#banner-326 #wrapper-header{ background: url(images/banner-wph-consorcio.jpg) top center no-repeat;}

	

	#banner-23 #wrapper-header{ background: url(images/banner-wph-premios.jpg) top center no-repeat;}

	#banner-11 #wrapper-header,#banner-search #wrapper-header{ background: url(images/banner-wph-encontrar.jpg) top center no-repeat;}

	#banner-72 #wrapper-header{ background: url(images/banner-wph-respsoc.jpg) top center no-repeat;}

	

	/*porque transsen section*/

	#banner-4 #wrapper-header{ background: url(images/banner-wph-porque.jpg) top center no-repeat;}

	#banner-115 #wrapper-header,

	#banner-30 #wrapper-header,

	#banner-28 #wrapper-header,

	#banner-38 #wrapper-header,

	#banner-26 #wrapper-header,

	#banner-32 #wrapper-header,

	#banner-40 #wrapper-header,

	#banner-34 #wrapper-header,

	#banner-36 #wrapper-header{ background: url(images/banner-wph-porque-subs.jpg) top center no-repeat;}

	

	/*produtos section*/

	#banner-118 #wrapper-header,

	#banner-138 #wrapper-header{ background: url(images/banner-wph-produtos-acoplados.jpg) top center no-repeat;}

	#banner-120 #wrapper-header,

	#banner-152 #wrapper-header,

	#banner-155 #wrapper-header,

	#banner-157 #wrapper-header,

	#banner-159 #wrapper-header{ background: url(images/banner-wph-produtos-colban.jpg) top center no-repeat;}

	#banner-122 #wrapper-header{ background: url(images/banner-wph-produtos-reserv.jpg) top center no-repeat;}

	#banner-124 #wrapper-header,

	#banner-164 #wrapper-header,

	#banner-166 #wrapper-header{ background: url(images/banner-wph-produtos-colpis.jpg) top center no-repeat;}

	#banner-127 #wrapper-header,

	#banner-190 #wrapper-header,

	#banner-192 #wrapper-header{ background: url(images/banner-wph-produtos-bombas.jpg) top center no-repeat;}

	#banner-126 #wrapper-header,

	#banner-169 #wrapper-header,

	#banner-171 #wrapper-header,

	#banner-173 #wrapper-header,

	#banner-176 #wrapper-header,

	#banner-178 #wrapper-header,

	#banner-181 #wrapper-header,

	#banner-183 #wrapper-header{ background: url(images/banner-wph-produtos-elec.jpg) top center no-repeat;}

	#banner-186 #wrapper-header{ background: url(images/banner-wph-produtos-lab.jpg) top center no-repeat;}

	#banner-264 #wrapper-header{ background: url(images/banner-wph-porque-subs.jpg) top center no-repeat;}

	

	#banner-6 #wrapper-header{ background: url(images/banner-wph-sustentabilidade.jpg) top center no-repeat;}

	

	#banner-7 #wrapper-header{ background: url(images/banner-wph-seuprojeto.jpg) top center no-repeat;}

	

	

	#wrapper-header-mapa{ width: 100%; background: url(images/bkg-header-mapa.jpg) top center repeat-y;}



	/************************************************************************

		TOP HEADER

	************************************************************************/

	#header-top{ position: relative; width: 974px; height: 25px; margin: auto;}



		/************************************************************************

			TOP HEADER NAV

		************************************************************************/

		ul#top-nav-left{ float: left;}

		

		ul#top-nav-left li{ float: left; margin: 0 20px 0 0;}

		

		ul#top-nav-left li#lang{ width: 50px;}

		

		

		

		ul#top-nav-right{ float: right; padding: 0 10px 0 0;}

		ul#top-nav-right li{ float: right; margin: 0 0 0 20px;}

		ul#top-nav-left,ul#top-nav-right{ width: 450px; height: 25px;}

		ul#top-nav-left li a,ul#top-nav-right li a{ display: block; line-height: 25px; color: #fff; font: 11px/25px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.04em;}

		ul#top-nav-left li a:hover,ul#top-nav-right li a:hover{ color: #999;}

		

		#qtranslate-3{ padding: 0 0 0 10px; width: 80px;}

		ul#top-nav-left li#qtranslate-3 li{ margin: 0;}

		a.qtrans_flag_pt{ background: url(http://www.transsen.com.br/wp-content/plugins/qtranslate/flags/br.png) center left no-repeat; text-indent: -9999px; overflow: hidden; width: 18px; margin: 0 10px 0 0; }

		a.qtrans_flag_es{ background: url(http://www.transsen.com.br/wp-content/plugins/qtranslate/flags/es.png) center left no-repeat; text-indent: -9999px; overflow: hidden; width: 18px; margin: 0 10px 0 0; }

		a.qtrans_flag_en{ background: url(http://www.transsen.com.br/wp-content/plugins/qtranslate/flags/us.png) center left no-repeat; text-indent: -9999px; overflow: hidden; width: 18px;}

		

	/************************************************************************

		HEADER MAPA			

	************************************************************************/		

	#header-mapa{ position: relative; width: 894px; height: 435px; margin: auto; padding: 55px 0 0;}

	

	#mapa{ float: left; width: 660px;}

	#mapa-right-links{ float: right; margin: 19px 0 0; border-left: 1px solid #000; padding: 0 0 0 16px;}

	

	#mapa-right-links li{ width: 199px; height: 44px;}

	#mapa-right-links li a{ display: block; width: 199px; height: 44px;}

	

	ul#mapa .page-item-13 a{ display: block; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;}

	ul#mapa .page-item-3,ul#mapa .page-item-4{ width: 190px; background: #474747; border: 1px solid #363636; padding: 5px;}

	ul#mapa .page-item-3 a,ul#mapa .page-item-4 a{ color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;}

	ul#mapa .page-item-3{ margin: 0 0 20px;}

	ul#mapa .page-item-3 ul,ul#mapa .page-item-4 ul{ padding: 0 0 0 10px;}

	ul#mapa .page-item-3 li a,ul#mapa .page-item-4 li a{ color: #fff; font: 10px/11px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;}

	ul#mapa .page-item-3{ height: 140px;}

	ul#mapa .page-item-4{ height: 206px;}

	

	ul#mapa .page-item-5{ position: absolute; top: 74px; left: 220px; width: 430px; height: 380px; padding: 5px; background: url(images/bkg-mapa-prod.jpg) 0 0 no-repeat;}

	ul#mapa .page-item-5 a{ color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;}

	ul#mapa .page-item-5 ul{ padding: 0 0 0 10px;}

	ul#mapa .page-item-5 ul li.page-item-118,ul#mapa .page-item-5 ul li.page-item-120,ul#mapa .page-item-5 ul li.page-item-122,ul#mapa .page-item-5 ul li.page-item-124,ul#mapa .page-item-5 ul li.page-item-126{ width: 160px;}

	ul#mapa .page-item-5 ul li.page-item-127{ position: absolute; top: 19px; left: 230px; width: 170px;}

	ul#mapa .page-item-5 ul li.page-item-264{ position: absolute; top: 70px; left: 230px; width: 170px;}

	ul#mapa .page-item-5 ul li.page-item-264 ul{ display: none;}

	ul#mapa .page-item-5 li a{ color: #fff; font: 10px/11px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;}

	

	

	ul#mapa .page-item-6,ul#mapa .page-item-8{ width: 200px; background: #474747; border: 1px solid #363636; padding: 5px; margin: 0 0 10px;}

	ul#mapa .page-item-6 a,ul#mapa .page-item-8 a{color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; margin: 0 0 5px;}

	ul#mapa .page-item-6{ position: absolute; top: 270px; left: 448px;}

	ul#mapa .page-item-8{ position: absolute; top: 313px; left: 448px;}

	

	#closemap{ padding: 20px 5px 0; text-align: center;}

	a#closemap,a#closecontact{ display: block; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;}

	

	

	ul#mapa  .page-item-115{ height: 14px; overflow: hidden; text-indent: -33px;}

	

	/************************************************************************

		HEADER LINKS

	************************************************************************/

	#wrapper-header-links{ width: 100%; height: 255px; background: #6c6c6c ; padding: 130px 0 0;}

	#header-links{ width: 960px; margin: auto;}

	#header-links h2{ margin: 0 0 10px;}

	#header-links h3{ color: #fff; font: bold 12px/15px Futura, Helvetica, Verdana, Arial, sans-serif;}

	#header-links ul{ list-style: none; margin: 5px 0 0;}

	#header-links ul li a{ color: #fff; font: 11px/14px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase;}

	#header-links ul li a:hover{ color: #999;}

	#header-links h4 a{ display: block; text-align: right; padding: 0 40px 0 0; color: #fff; font: 12px/15px Futura, Helvetica, Verdana, Arial, sans-serif;}	

	

	/************************************************************************

		HEADER CONTATO

	************************************************************************/

	#wrapper-header-contato{ width: 100%; height: 255px; background: #6c6c6c ; padding: 130px 0 0;}

	#header-contato{ width: 990px; margin: auto; background-color:#FF0000; }

	#header-contato ul li{ float: left; }

	.marginright{ margin: 0 10px 0 0;}

	#header-contato h2{ margin: 0 0 20px;}

	#header-contato p{ color: #fff; font: 12px/15px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 0 5px;}

	#header-contato p a{ color: #999;}

	ul#contato-form{ float: left; height: 140px;}

	ul#contato-form2{ float: left;}

	ul#contato-form li{ clear: both; margin: 0 0 5px; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;}

	ul#contato-form li.xl{}

	ul#contato-form label{ display: block; float: left; text-align: right; color: #fff; width: 70px; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 5px 0 0; padding: 2px;}

	ul#contato-form label.labelxs{ width: 30px;}

	input{ width: 290px; height: 20px; border: 1px solid #647888; background: #474848; color: #fff; font: 12px/14px Futura, Helvetica, Verdana, Arial, sans-serif;}

	input#bairro{ width: 90px;}

	input#cidade{ width: 290px;}

	input#uf{ width: 25px;}

	input#pais{ width: 60px;}

	input#receber{ width: 12px; height: 12px; margin: 0 5px 0 25px;}

        input#opcional_0{ width: 12px; height: 12px; margin: 0 5px 0 0px;}

        input#opcional_1{ width: 12px; height: 12px; margin: 0 5px 0 0px;}

        input#opcional_2{ width: 12px; height: 12px; margin: 0 5px 0 0px;}

	#textarea{ float: left;} #textarea2{ float: left;}

	textarea{ width: 270px; height: 80px; border: 1px solid #647888; background: #474848; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif;}
	
	.textarea{ width: 270px; height: 60px; border: 1px solid #647888; background: #474848; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif;}

	label#mensagem{ clear: both; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 2px;}
	
	label#frase{ clear: both; color: #fff; font: 12px/20px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 2px; }

	

	input#send{ width: 115px; height: 28px; color: #fff; font: 12px/28px Futura, Helvetica, Verdana, Arial, sans-serif; background: #5f7b99;border: 1px solid #32455a; margin: 5px 0 0; cursor: pointer;}

	.paddingtop{ padding: 32px 0 0; }

	a#closecontact{ display: block; margin: 15px 0 0; width: 250px; padding: 20px; text-align: right; color: #fff;}

	

	/************************************************************************

		HEADER MAIN

	************************************************************************/

	#header{ position: relative; width: 974px; height: 270px; margin: auto; padding: 75px 0 0;}

	#banner-13 #header{ height: 365px;}

	

		/************************************************************************

			HEADER NAV

		************************************************************************/

		ul#nav{ position: relative; *width: 1000px; width: 940px; height: 28px; margin: auto; padding: 6px 0 0; background: url(images/bkg-header-nav-blk.png) 0 0 repeat-x; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

		

		ul#nav li{ float: left;}

		ul#nav li a{ display: block; height: 19px; margin: 0 5px; padding: 3px 6px 0; color: #fff; font: 13px/19px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em;}

		ul#nav li a:hover{ color: #f0f0f0;}

		

		#navhome{ position: absolute; top: 75px; left: 50%; margin: auto; *width: 1000px; width: 940px; height: 34px; z-index: 50; }

		#navhome ul{ left: -50%;}

		

		



	/************************************************************************

		HEADER LOGO

	************************************************************************/

	h1{ display: block; position: absolute; top:0; left: 326px; width: 363px; height: 110px; z-index: 300;}

	h1 a{ display: block; width: 363px; height: 110px;  text-indent: -9999px;}





/************************************************************************

	CONTENT

************************************************************************/

#content{ position: relative; width: 974px; margin: auto; min-height: 300px; height:auto !important; height: 300px; padding: 14px 0 0;z-index:20;}

#content.home{ padding: 0;}



	/************************************************************************

		CONTENT NAV

	************************************************************************/

	ul#home-nav{ position: absolute; top:-32px; left: 55px; width: 864px; margin: auto; overflow: hidden;}

	ul#home-nav li{ float: left; position: relative; width: 278px; height: 148px; margin: 0 0 18px; padding: 1px; background: url(images/bkg-content-home-nav.png) top center no-repeat;}

	ul#home-nav li.middle{ margin: 0 12px;}

	ul#home-nav li p{ height: 27px; color: #fff; font: 13px/27px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em; padding: 3px 0 0 12px;}

	ul#home-nav li a{ display: block; position: relative; width: 203px; height: 88px; padding: 30px 50px 0 25px; color: #fff; font: 12px/18px Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em; overflow: hidden;}

	ul.homelinks li img{ position: absolute; top: 0; left: 0; border: 0; border-top: 1px solid #9fc0f5;}

	

	

	/************************************************************************

		CONTENT PAGE

	************************************************************************/

	#breadcrumb{ width: 868px; height: 40px; margin: auto; background: url(images/bkg-breadcrumb.png) 0 0 repeat-x; color: #fff; font: 11px/40px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; padding: 0 45px;}

	#breadcrumb a{ color: #fff;}

	#breadcrumb a:hover{ color: #9ebfdb;}

	#breadcrumb ul{ height: 40px;}

	#breadcrumb ul li#whereto{ float: left;}

	#breadcrumb ul li#innernav{ float: right;}

	

	#content-main{ width: 958px; margin: auto; background: #fff; padding: 15px 0; border: 1px solid #d6e3ed; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;}

	

	

	h2{ margin: 0 0 12px 40px; color: #f8a02d; font: bold 20px/20px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em;}

	#content-main-nav{ position: relative; margin: 0 0 20px 40px; clear: both;}

	#content-main-nav li{ float: left; display: block; margin: 0 15px 0 0; height: 18px; color: #5f7b99; font: 13px/18px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;}

	

	#content-main-nav li a{ color: #5f7b99; padding: 0 0 0 5px; border-left: 1px solid #5f7b99;}

	#content-main-nav li a:hover{ color: #9ebfdb;}

	#content-main-nav li.current_page_item a{ color: #f8a02d; border-left: 1px solid #f8a02d;}

	

	#content-txt,#content-txt-prod{ position: relative;}

	#content-txt-subttl{ clear: both; padding: 15px 40px; margin: 0 0 15px; background: #fcb040; color: #fff; font: 18px/22px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;}

	#content-txt p{ padding: 0 40px;  color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 0 5px;}

	#content-txt p strong,#content-txt a{ color: #5f7b99;}

	

	

	

	#content-txt h3{ color: #5f7b99; font: 16px/20px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 10px 0 0 40px;}

	#content-txt h4{ color: #5f7b99; font: bold 20px/24px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 15px 0 10px 40px;}

	#content-txt ul{ list-style: disc; margin: 0 0 0 70px; padding: 0;}

	#content-txt ol{ list-style: decimal; margin: 0 0 0 70px; padding: 0;}

	#content-txt li{ color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif;}

	

	#content-txt-prod h2{ font: bold 16px/28px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 10px 0 0 10px;}

	#content-txt-prod h3{ color: #5f7b99; font: 16px/20px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 10px 0 0 10px;}

	#content-txt-prod h4{ color: #5f7b99; font: bold 20px/24px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 15px 0 10px 10px;}

	#content-txt-prod ul{list-style: disc; margin: 0 0 0 20px; padding: 0;}

	#content-txt-prod ol{ list-style: decimal; margin: 0 0 0 20px; padding: 0;}

	#content-txt-prod li{ color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif;}

	

	#content-txt-prod p{ padding: 0;  color: #4c4c4c; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 0 0 5px 10px;}

	#content-txt-prod p strong,#content-txt-prod a{ color: #5f7b99;}

	#content-txt-prod p a{ display: block; color: #5f7b99; width: 180px; height: 64px; background: url(images/bkg-pdt-pdf.jpg) 0 0 no-repeat; text-indent: -9999px;}

	

	/************************************************************************

		CONTENT PRODUTOS

	************************************************************************/

	#content-txt ul#prod-home-nav{ list-style: none; margin: 0; padding: 0; margin: 40px 0 0 40px;}

	#content-txt ul#prod-home-nav li{ float: left; width: 278px; height: 148px; margin: 0 20px 30px 0; background: url(images/bkg-content-home-nav.png) top center no-repeat;}

	#content-txt ul#prod-home-nav li p{height: 27px; color: #fff; font: 13px/27px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em; padding: 3px 0 0 12px;}

	

	#content-txt ul#prod-home-nav li a{display: block; position: relative; width: 216px; height: 98px; padding: 20px 35px 0 25px; color: #fff; font: 12px/19px Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.04em; overflow: hidden; border: 1px solid #9fc0f5;}

	

	#content-txt ul#prod-home-nav li#page-item-118 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 0 no-repeat; }

	#content-txt ul#prod-home-nav li#page-item-120 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -118px no-repeat; }

	#content-txt ul#prod-home-nav li#page-item-122 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -236px no-repeat; }

	#content-txt ul#prod-home-nav li#page-item-127 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -354px no-repeat; }

	#content-txt ul#prod-home-nav li#page-item-124 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -472px no-repeat; }

	#content-txt ul#prod-home-nav li#page-item-126 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -590px no-repeat; }

	#content-txt ul#prod-home-nav li#page-item-186 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -826px no-repeat; }

	#content-txt ul#prod-home-nav li#page-item-264 a{ background: url(images/bkg-produtos-home-sprite.jpg) 0 -708px no-repeat; }

	

	#banner-5 li#page-item-186{ display: none;}

	

	

	/************************************************************************

		PRODUTOS CHILDS BOX DETAILS

	************************************************************************/

	

	#content-main-nav-prod{ position: relative; margin: 0 0 20px 40px; clear: both;}

	#content-main-nav-prod li{ float: left; display: block; margin: 0 15px 0 0; height: 18px; color: #5f7b99; font: 13px/18px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em;}

	#content-main-nav-prod li a{ color: #5f7b99; padding: 0 0 0 5px; border-left: 1px solid #5f7b99;}

	#content-main-nav-prod li a:hover{ color: #9ebfdb;}

	#content-main-nav-prod li.current_page_item a{ color: #f8a02d; border-left: 1px solid #f8a02d;}

	

	

	

	#produtos-childs-box{ position: relative; width: 868px; margin: 20px auto;}

	.produtos-detalhes{ width: 868px; height: 295px; margin: 0 auto 30px;}

	.produtos-detalhes-img{ position: relative; float: left; width: 540px; height: 305px; padding: 10px; background: #fffaeb; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

	.mono{ width: 350px; height: 260px;}

	

	.legend{ position: relative; clear: both; text-align: right; color: #333; margin: 0 10px 0 0;}

	

	#produtos-childs-box div.produtos-detalhes-img-xs{ position: relative; float: left; width: 190px;}

	#produtos-childs-box div.produtos-detalhes-img ul{ width: 190px; height: 250px; padding: 0; margin: 5px 0 0; list-style: none;}

	#produtos-childs-box div.produtos-detalhes-img ul li{ float: left; width: 83px; height: 78px; margin: 0 10px 5px 0; border: 1px solid #e4e3e3;}

		

	#produtos-childs-box .produtos-detalhes-img-xl{ position: relative; float: right; width: 350px; height: 300px; margin: 5px 0 5px;}

	.pdt-dtl-img-xl-01,.pdt-dtl-img-xl-02,.pdt-dtl-img-xl-03{ position: absolute; top: 0; left: 0; width: 348px; height: 248px; border: 1px solid #e4e3e3;}

	

	

	

	

	#produtos-childs-box .produtos-detalhes-txt{ float: right; width: 285px; height: 200px; margin: 0 0 0 20px;}

	#produtos-childs-box .produtos-detalhes-txt-mono{ float: left;}

	#produtos-childs-box .produtos-detalhes-txt h2{ clear: both; margin: 5px 0 10px; padding: 0; font-weight: normal;}

	#produtos-childs-box .produtos-detalhes-txt p{ font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 0;}

	

	a#down-spec-tech{ font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 0; display: block; width: 180px; height: 64px; text-indent: -9999px;}

	

	#produtos-childs-box .produtos-detalhes-txt h3{ width: 285px; padding: 0; margin: 0;}

	

	

	.pdt-dtl-txt-01,

	.pdt-dtl-txt-02,

	.pdt-dtl-txt-03,

	.pdt-dtl-txt-04,

	.pdt-dtl-txt-05,

	.pdt-dtl-txt-06{ color: #999; font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif; margin: 40px 0 0;}

	

	#hover-img-tip{

		position: absolute;

		display: none;

		top: 110px;

		left: 80px;

		width: 180px;

		height: 30px;

		background: #000;

		font: 12px/30px Futura, Helvetica, Verdana, Arial, sans-serif;

		text-align: center; color: #fff;

		filter:alpha(opacity=70);

		-moz-opacity:0.7;

		-khtml-opacity: 0.7;

		opacity: 0.7;



	}

	

#hover-img-marca{

		position: absolute;

		top: 230px;

		left: 220px;

		width: 180px;

		height: 30px;

                z-index:100;

	}	



	h5{ font-size: 10px; color: #333; padding: 20px 0 0 60px;}





	/************************************************************************

		PORTFOLIO

	************************************************************************/

	ul#portfolio-box{ width: 880px; margin: auto; padding: 0;}

	ul#portfolio-box li{ float: left; position: relative; width: 420px; height: 200px; background: #5f7b99; margin: 0 10px 60px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

	.portfolio-box-ttl{ color: #fff; font: bold 14px/30px Futura, Helvetica, Verdana, Arial, sans-serif; letter-spacing: 0.02em; padding: 0 0 0 10px;}

	.portfolio-box-txt{ position: absolute; top: 140px; left:80px; width: 210px; height: 80px; padding: 10px; background: #f9f9f9; border: 1px solid #9fc0f5; font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

	.portfolio-box-img{ height: 160px;}

	.portfolio-box-img-left{ float: left; width: 190px; height: 150px; background: #fff; margin: 5px 5px 0 10px; border: 1px solid #9fc0f5;}

	.portfolio-box-img-right a,.portfolio-box-img-left a{ display: block; width: 190px; height: 150px; text-indent: -9999px;}

	.portfolio-box-img-right{ float: left; width: 190px; height: 150px; background: #fff; margin: 5px 0 0 10px;border: 1px solid #9fc0f5;}

	

	

	/************************************************************************

		RESP SOCIAL

	************************************************************************/

	#content-txt ul.respsoc{ float: right; list-style: none; margin: 15px 40px 0 20px; width: 330px; height: 160px;}

	#content-txt ul.respsoc li{ float:left; width:70px; height: 70px; background: gray; margin: 0 5px 10px;}

	#content-txt p.respsocpara{}





/************************************************************************

	FOOTER

************************************************************************/

#footer{ position: relative; width: 896px; margin: 15px auto 0; padding: 0 0 15px;}

ul#footer-nav{ width: 896px; height: 27px; margin: 0 0 12px; background: url(images/bkg-footer.jpg) 0 0 repeat;}

ul#footer-nav li{ float: right;}

ul#footer-nav li a{ display: block; height: 25px; margin: 2px 10px; color: #fff; font: 11px/25px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02em;}

#footer p{ width: 100%; color: #808074; font: 11px/18px Futura, Helvetica, Verdana, Arial, sans-serif; text-align: center;}

#footer p a{ color: #333;}



.erro{ padding: 20px; text-align: center;}





/************************************************************************

	SEU PROJETO

************************************************************************/

#wrapper-seuprojeto{ }

ul#nav-seuprojeto{ height: 45px; list-style: none; border-bottom: 1px solid #c6c6c6; margin: 0 40px 30px;}

ul#nav-seuprojeto li{ float: left; width: 120px; height: 45px; margin: 0 20px 0 0; background: #c6c6c6; color: #fff; font: bold 14px/45px Futura, Helvetica, Verdana, Arial, sans-serif; text-align: center; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;}



#wrapper-seuprojeto label{ font: 14px/30px Futura, Helvetica, Verdana, Arial, sans-serif;}

.seuprojeto-left{ float: left; width: 350px;}

.seuprojeto-right{ float: left; width: 500px;}



#seuporjeto-piscina{ display: none;}



	/************************************************************************

		SEU PROJETO BANHO

	************************************************************************/

	#seuporjeto-banho{}

	#seuporjeto-banho-pessoas{ float: left; width: 240px; height: 65px; padding: 0 0 0 40px; background: url(images/seuprojeto-icn-pessoas.jpg) 0 0 no-repeat;}

	#seuporjeto-banho-clima{ float: left; width: 240px; height: 65px; padding: 0 0 0 40px; background: url(images/seuprojeto-icn-clima.jpg) 0 0 no-repeat;}

	#seuporjeto-banho-pontos{ float: left; margin: 0 0 0 40px; width: 240px; height: 65px;   padding: 0 0 0 40px; background: url(images/seuprojeto-icn-pontos.jpg) 0 0 no-repeat;}

	#seuporjeto-area-piscina{ margin: 0 0 20px 40px;}

	#seuporjeto-area-piscina label{ float: left;}

	#seuporjeto-area-piscina input{ float: left; width: 60px; margin: 3px 0 0 5px;}

	select{ width: 210px;}

	.checkbox{ width: 12px; height: 12px;}

	

	.seuprojeto-send{ clear: both; padding: 0 0 0 20px;}

	.seuprojeto-td{ padding: 0 15px 10px 0;}

	.seuprojeto-td2{ padding: 0 15px 10px 0;}

	.seuprojet-sendbt{ border: 0; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

	

	#show-block-piscina,#show-block-banho{ display: block; color: #fff;}



	#answers,#answersPiscina{ clear: both; font: 14px/22px Futura, Helvetica, Verdana, Arial, sans-serif; padding: 10px 0;}

	

	#answers strong,#answersPiscina strong{ color: #da853c;}

	

	#complement,#complement2,#complement3,#complement-temps{ font: 12px/18px Futura, Helvetica, Verdana, Arial, sans-serif; color: #666;}

	

	#complement-temps{ margin: 0 0 0 40px; background: none;}

	

	#complement strong,#complement2 strong,#complement-temps strong{ margin: 0 0 0 10px; color: #da853c;}

	

	

	#answer{ border: 1px solid gray;}

	#final-answer{background: url(images/seuprojeto-bkg.jpg) bottom left no-repeat; min-height: 180px; height:auto !important; height: 180px; padding: 50px 40px 0 450px;}

	#final-answer a,.box3 a{ color: #da853c;}

	

	.box3{ background: url(images/seuprojeto-bkg.jpg) bottom left no-repeat; min-height: 180px; height:auto !important; height: 180px; padding: 50px 40px 0 450px;}

	

	#complement,#complement2,#complement3{ background: #e0dfdd url(images/seuprojeto-bt-bkg.jpg) top left no-repeat; min-height: 150px; height:auto !important; height: 150px; padding: 40px 0 20px 40px;}

	

	#msgSurface,#msgSurfaceES,#msgSurfaceEN{ display: block; color: red; font: 12px/16px Futura, Helvetica, Verdana, Arial, sans-serif;}

	

	

	span#again{ display: block; margin: 10px 0 0; text-align: right; color: #da853c; font: 11px/14px Futura, Helvetica, Verdana, Arial, sans-serif; cursor: pointer;}



	/************************************************************************

		ONDE ENCONTRAR

	************************************************************************/

	#wrapper-encontrar,#wrapper-mapa{ padding: 0 40px;}

	

	#encontrar-block-01,#encontrar-block-02,#encontrar-block-03{ float: left; padding: 10px 30px 20px 0;}

	

	#wrapper-encontrar label{ font: 14px/20px Futura, Helvetica, Verdana, Arial, sans-serif;}

	#nav-encontrar-estados{ margin: 0 0 20px;}

	.encontrar-table{ width: 880px;}

	.encontrar-table-ttl{ background: #f8a02d; font: bold 12px/40px Futura, Helvetica, Verdana, Arial, sans-serif;}

	.encontrar-table tr{ font: 12px/40px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: lowercase; height: 40px; text-align: center; border-bottom: 1px solid #b8cce1;}

	.encontrar-table tr:hover{ background: #b8cce1;}

	.encontrar-table-ttl-loja{ color:  #f8a02d; font: 12px/30px Futura, Helvetica, Verdana, Arial, sans-serif; text-transform: capitalize; text-align: left; padding: 0 0 0 10px;}

	

	#pais01,#pais02,#pais03,#tb01,#tb02,#tb03,#tb04,#tb05,#tb06,#tb07,#tb08,#tb09,#tb10,#tb11,#tb12,#tb13,#tb14,#tb15,#tb16{ display: none;}

	#pais02,#pais03{ clear: both;}	





#page-dtl-sub-links{ width: 596px; margin: auto; padding: 40px 0 0;}

#page-dtl-sub-links01{ width: 283px;}

#page-dtl-sub-links02{ float: right; width: 283px;}



#news #content-txt h6{ font: 14px/14px Futura, Helvetica, Verdana, Arial, sans-serif; padding:0 40px 10px;}

.navigation{}

.navigation-prec,.navigation-suiv{ margin: 10px 0 20px 30px; }



.ilustra{

 width:540px;

 font-size:9px; 

 font-family:Futura, Helvetica, Verdana, Arial, sans-serif; 

 color: #666666;

 text-align:right;

}



.ilustra2{

 width:340px;

 font-size:9px; 

 font-family:Futura, Helvetica, Verdana, Arial, sans-serif; 

 color: #666666;

 text-align:right;

}



#pdt-183{ display: none; }

#pdt-176{ display: none; }

#pdt-181{ display: none; }

.tam10{
 font-size:10px;
}