

/*

	@charset "iso-8859-1";

	Documento de estilo de Streakwave

	Criado por Diego Maeoka - 21/03/2012

	www.legulas.com.br

*/

@font-face {

    font-family: 'BellGothicStdLightBold';

    src: url('libs/bellgothicstd-bold-webfont.eot');

    src: url('libs/bellgothicstd-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('libs/bellgothicstd-bold-webfont.woff') format('woff'),

         url('libs/bellgothicstd-bold-webfont.ttf') format('truetype'),

         url('libs/bellgothicstd-bold-webfont.svg#BellGothicStdLightBold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'BellGothicStdLightBold';

    src: url('libs/bellgothicstd-black-webfont.eot');

    src: url('libs/bellgothicstd-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('libs/bellgothicstd-black-webfont.woff') format('woff'),

         url('libs/bellgothicstd-black-webfont.ttf') format('truetype'),

         url('libs/bellgothicstd-black-webfont.svg#BellGothicStdLightBold') format('svg');

    font-weight: bold;

    font-style: normal;

}





html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}



html		{ height:100%;}

body,td,th	{ font-size:15px; font-family:'BellGothicStdLightBold', Tahoma, Geneva, sans-serif; line-height:1.5em; color: #101010; }

body		{ background:#DEDFDF; height:100%;}

a			{ text-decoration:none; color:#1c1565;}

a:link,

a:visited	{ text-decoration:none;}



a:hover,

a:active	{ text-decoration:none; color:#5e91fc; -moz-transition:color 200ms linear; -webkit-transition:color 200ms linear; -o-transition:color 200ms linear; transition:color 200ms linear;}

a img		{ border: none;}

p 			{ margin:7px 0; text-align:justify;}

ul,ol		{ margin:0; padding:0;list-style:none;}

em			{ font-style:oblique; font-size:1em;}

h1,h2,h3,

h4,h5,h6	{ font-weight:normal;}

hr			{ display:block; clear:both; visibility:hidden; height:0px; margin:0; padding:0;}



/*________________________________________________________ Classes genéricas*/



.omega		{ margin-right:0 !important;}

.alpha		{ margin-left:0 !important;}

.left 		{ float:left;}

.right		{ float:right;}

img.left	{ margin:10px 10px 10px 0}

img.right	{ margin:10px 0 10px 10px}

.clear		{ clear:both; visibility:hidden; height:0px;}

.clear_left	{ clear:left;} 

.clear_right{ clear:right;}

.center		{ text-align:center;}

.relative	{ position:relative; z-index:2;}

.absolute	{ position:absolute; z-index:3;}

.hidden		{ display:none; visibility:hidden;}

.enviada	{ color:#900; font-weight:bold; }



/*________________________________________________________ Cabecalho*/

	.wrapper{width:980px; margin:0 auto; overflow:hidden; }

	#header{height:177px;}

		.cabecalho{height:139px; background:url(img/bg-header.gif) repeat 0 0;}

		.cabecalho>div{height:100%; background:url(img/bg-header.jpg) no-repeat 50% 0}

		.cabecalho h1{display:block; width:544px; margin:0 auto; height:100%;}

		.cabecalho h1 a{display:block; height:100%; background:url(img/logo.png) 100% 50% no-repeat; overflow:hidden; text-indent:-999px;}

		#menu{height:38px; background:url(img/bg-menu.gif) 0 0 repeat-x;}

			#menu ul{ background:url(img/sep-menu.png) repeat-y 0 0; margin:0 auto; width:595px; height:100%; }

				#menu li{float:left; }

				#menu li:hover{background:url(img/bg-menu.gif) 0 -38px repeat-x}

				#menu li:hover a{text-shadow:1px 1px 2px rgba(0,0,0,.8)}

					#menu li a{ background:url(img/sep-menu.png) repeat-y 100% 0; display:block; color:#fff; line-height:38px; font-size:21px; float:left; padding:0 65px; text-shadow:0 0 3px rgba(0,0,0,.5)}

	#body{background:url(img/bg-body.gif) 50% 0 repeat-y; }

		.corpo{background:url(img/bg-body.jpg) no-repeat 50% 0; padding-bottom:20px;}

			.body-inner{padding:30px 30px 0;}

				.col-left{width:292px; background:url(img/sep-vertical.png) no-repeat 100% 0; padding-right:48px; min-height:350px;}

				.col-left-100{ min-height:537px;}

					.tt{font-size:28px; padding-bottom:19px; background:url(img/bg-tt.png) no-repeat 50% 100%; text-align:center; font-weight:bold; color:#465050; text-shadow:1px 1px 1px #eee; margin-top:7px;}

						.tt span{display:inline-block; padding-left:16px; background:url(img/flecha-2.png) no-repeat 0 50%}		

						.areadosprofissionais span{font-size:0.9em}	

						.descAreadosprofissionais{margin-top:30px;}

/*________________________________________________________ imageflow*/

		.imageflow {overflow: hidden; position: relative; z-index:2; visibility: hidden; width:800px; margin:0 auto;}

			.imageflow img {border: 1px solid #fff; position: absolute; top: 0px; visibility: hidden; height:232px; width:232px; -ms-interpolation-mode: bicubic; -webkit-interpolation-mode: bicubic; }

			.imageflow p {margin: 0 auto; text-align: center;}

			.imageflow .loading {height: 15px; left: 50%; margin-left: -106px; padding: 0; position: relative; visibility: visible; width: 200px; }

			.imageflow .loading_bar {height: 15px; visibility: visible; width: 1%;}

			.imageflow .navigation {z-index: 10000; display:none; }

			.imageflow .caption {position: relative; margin: 60px 0 0 0; font: 12px Arial; color:  #FFF; text-align: center; z-index: 10001; display:none;}

			.imageflow .scrollbar {border-bottom: 1px solid #b3b3b3; position: relative; visibility: hidden; z-index: 10002; height: 1px;}

			.imageflow .slider {background: url(slider.png) no-repeat; height: 14px; margin: -6px 0 0 -7px; position: absolute; width: 14px; z-index: 10003;}

			.imageflow .slideshow {cursor: pointer; height: 14px; margin: 20px 0 0 20px; position: absolute; width: 14px; z-index: 10003;}

			.imageflow .slideshow.pause {background: url(button_pause.png) no-repeat;}

			.imageflow .slideshow.play {background: url(button_play.png) no-repeat;}

			.imageflow .images {overflow: hidden; white-space: nowrap;}

			.noFlow { overflow:hidden; position:relative; margin:0; width:100%;}

			.noFlow img{border: 1px solid #FCF2D3; display:block; width:265px; height:265px; margin:0 auto; -ms-interpolation-mode: bicubic; cursor:pointer; }

			.slide-navigation{width:356px; margin:0 auto;}

			.slide-navigation a{ display:block; height:31px; width:20px; overflow:hidden; text-indent:-999px;}

			.slide-navigation a#next{background:url(img/arrow.png) -39px 0; }

			.slide-navigation a#prev{background:url(img/arrow.png) 0 0;}

			.slide-navigation>div.center{font-size:20px; line-height:31px;}

			.slide-navigation img{background:#f00;}

			
/*________________________________________________________ index.php*/
.index{}
	.index .corpo{background: url(img/bg-home.jpg) no-repeat 50% 50%; min-height: 500px; position: relative;}
		.index .dd{background: url(img/transparent.png); color: #fff; left: 50%; margin-left: 100px; padding: 20px; position: absolute; top: 60px; width: 280px;}
			.index .dd h1{font-size: 25px}


/*________________________________________________________ perfil.php*/

			.slide{margin-top:30px;border:1px solid #a9adad; overflow:hidden; height:187px;}

			.slide img{width:100%; height:auto; clear:both;}

			.perfilInner{margin:20px 0 120px 0;}

				.perfilInner > p{ margin:0 0 20px 0}



/*________________________________________________________ produtos.php*/

			.menu-produtos{margin-top:30px;}

				.menu-produtos li{ margin-bottom:5px;position:relative; z-index:2; border:1px solid #7D7D7D}

				.menu-produtos li.active,

				.menu-produtos li:hover{ border-color:#000}

				.menu-produtos li > a{display:block; line-height:50px; font-size:26px; height:50px; color:#465050; background:no-repeat 0 0;  text-indent:20px; position:relative; z-index:10; text-shadow:1px 1px 1px rgba(255,255,255,.5); }

				.menu-produtos li.active > a,

				.menu-produtos li > a:hover{ color:#000;}

				

			#persianas .icon{ background:#c00;}

			#cortinas .icon{ background:#F5D829;}

			#toldos .icon{ background:#19318A;}

			#tetos .icon{ background:#0078AD;}

			#aticos .icon{ background:#439539;}

			.icon {background: #0F0;}

			

			.produtosInner{margin:7px 0 0 10px; padding-bottom:20px;}

				.produtosInner h2{font-size:28px; font-weight:bold; color:#465050;}

				.produtosInner > ul{ margin-top:51px;}

				.produtosInner ul li{width:48%; background:#465050; float:left; margin-right:2%; margin-bottom:11px; border-radius:5px; box-shadow:1px 1px 2px rgba(0,0,0,.5) inset, 1px 1px 1px rgba(255,255,255,.5)}

				.produtosInner ul li:hover{ background:#858c8b}

				.produtosInner ul li>a{display:block; margin:10px 10px 0; height:130px; background:#fff; overflow:hidden; text-align:center;}

				.produtosInner ul li img{max-width:100%;_width:100%; }

				.produtosInner ul li h3{margin:7px 10px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5); text-align:center; }

				.produtosInner ul li h3 span{display:inline-block; padding-left:16px; background:url(img/flecha-2.png) no-repeat 0 50%; line-height:normal}

				

/*________________________________________________________ contato.php*/

			.lista-contato{margin:30px 0; line-height:1.2em}

				.lista-contato li{margin-bottom:10px;}

				.lista-contato li>span{text-transform:uppercase; font-size:0.8em; display:block;}

			.fancy_mapa{display:block; height:190px; border:1px solid #a9adad; margin-top:0px; overflow:hidden; text-indent:-999px; box-shadow:0px 0px 6px rgba(0,0,0,.2) inset; background:url('http://maps.google.com/maps/api/staticmap?size=290x220&zoom=15&maptype=roadmap&markers=size:mid|color:yellow|Av.+Manoel+Ribas,+3597+-+Cascatinha,+Curitiba+-+Paran%C3%A1,+82020-000,+Brasil&mobile=true&sensor=false');}

		.col-right{width:580px;}		

			.form_contato{ margin-bottom:20px;}

			.form_contato>p {width:69%; margin-left:30%; text-align:left;}

			.required{ color:#900; font-size:0.9em;}

			.form_contato ul{margin-top:15px;}

				.form_contato ul li{margin-bottom:10px;}

					.form_contato ul li .label{width:30%; float:left; height:36px; line-height:36px;}

						.form_contato ul li .label label{display:block; font-size:17px; text-align:right; padding-right:15px; color:#465050; cursor:pointer}

						.form_contato ul li .label label span{ color:#900; font-size:0.9em}

					.form_contato ul li .input,

					.form_contato ul li .textarea{width:69%; float:left; border:1px solid #a9adad; background:url(img/bg_black_30.png); overflow:hidden; -moz-box-shadow:0 1px 3px rgba(0,0,0,.7) inset; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7) inset; box-shadow:0 1px 3px rgba(0,0,0,.7) inset; }

					.form_contato ul li .input{height:34px; position:relative; z-index:2}

					.form_contato ul li .textarea{ height:130px;}

						.form_contato ul li .input input,

						.form_contato ul li .textarea textarea{display:block; width:98%; margin:0 auto; background:none; border:0 none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

						.form_contato ul li .input input{ line-height:34px; height:100%; }						

						.form_contato ul li .textarea textarea{ padding-top:10px; height:85%; overflow:auto; resize:none}

						.form_contato ul li .input select{display:block; width:98%; margin:0 auto; padding:0; border:0; background:none transparent; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:34px; position:relative; z-index:3; opacity:0}

						.form_contato ul li .input > span{ display:block; width:97%; height:34px; line-height:34px; position:absolute; left:5px; color:#fff; background:url(img/bot_select.gif) no-repeat 100% 4px}

						.form_contato ul li .input:active > span{ background-position:100% -42px}

						

			#submit{width:130px; height:38px; background:url(img/bg-menu.gif) 0 0; color:#fff; font-size:16px; display:block; font-family:'BellGothicStdLightBold', Tahoma, Geneva, sans-serif; border:1px solid #a9adad; float:right; cursor:pointer; text-shadow:1px 1px 1px #000; margin-right:4px;}

			#submit:hover{ background:url(img/bg-menu.gif) 0 -38px; -moz-box-shadow:0 1px 3px rgba(0,0,0,.9) inset; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.9) inset; box-shadow:0 1px 3px rgba(0,0,0,.9) inset; }



	#revenda{height:100px; background:url(img/bg-revenda.gif) 0 0 repeat-x; overflow:hidden;}

		#revenda div.wrapper{height:100%; background:url(img/sep.png) no-repeat 50% 0}

			#revenda .wrapper div{width:370px; margin:0 auto; line-height:100px; font-size:18px;}

	#footer{height:120px; background:url(img/bg-footer.jpg) repeat-x 50% 0; overflow:hidden;}		

		#footer>div{padding:10px 0 0;}

		#footer p{font-size:20px; margin-bottom:0; }

		#footer p span{font-size:0.8em; line-height:1.2em; display:block; margin-top:6px;}

		#footer .developed a{ color:#ccc;}

		#footer .developed a:hover{ color:#eee;}

		

/*________________________________________________________ contato.php*/



.paginacao {

	margin: auto;

	width: 250px;

	height: 25px;

	background:#465050

	color: #FFFFFF;

	text-align: center;

	clear: both;

}



