@charset "utf-8";
/* CSS Document */
/*
------------------------------------------------------
RESET BROWSER STYLES begin
------------------------------------------------------
*/

html, body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1;
	color:#fff;
	width:100%;
	height: 100%; 
}

* {
	font-size: 1em;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

img { border: none; }
ul, ol, li { list-style: none; }
:focus { outline: none; }
table, td, form, fieldset {
	border: none;
	border-collapse:collapse; border-spacing: 0;
}
/*
------------------------------------------------------
RESET BROWSER STYLES end
------------------------------------------------------
*/
body { background:url(images/bg.jpg) repeat-x top left #121212; font:normal 11px "Arial", Helvetica, sans-serif}
h1, h1 a { font: bold 18px Arial, Helvetica, sans-serif; color:#6666cc; text-transform:uppercase; text-decoration: none; margin-bottom:20px; }
h2 { font: bold 13px Arial, Helvetica, sans-serif; padding-bottom:15px;}
h3 { font: bold 12px Arial, Helvetica, sans-serif; padding-bottom:8px; text-transform:uppercase;}
#content { position:relative; min-height:100%; }
#footer { width:100%; bottom:0; }
#footer .ft { background:url(images/footer.jpg) repeat-x #242424; height:102px; }
#footer .ft .credits  { width:920px; margin:0 auto;  height:50px; padding-top:30px;}
#footer .ft .credits .c1 { width:785px; float:left; padding-top:6px;}
#footer .ft .credits span { float:left; padding-top:5px;}
#footer .ft .credits img { float:left; }




#content #center{ width:920px; margin:0 auto; display:table;}
#content #center #header { background:url(images/header.png) no-repeat top right; height:330px;}
#content #center #main { min-height:360px; display:table; margin-bottom:15px;}

/*-----------HEADER----------------*/

#content #center #header .top { float:left; width:240px; margin:10px 0 20px 675px;}
#content #center #header .top .lang { float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; margin-right:20px; }
#content #center #header .top .lang a { font:normal 11px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; text-decoration:none;}
#content #center #header .top .lang a:hover, #content #center #header .top .lang a.selected { color:#fff;}


#content #center #header .top input { background: url(images/lupa.jpg) no-repeat right center #666; height:13px; border:none; padding:2px; width:158px; font: normal 11px "Arial", Helvetica, sans-serif; color:#FFF;}

/*-----------HEADER::MENU----------------*/

#content #center #header .middle { width:920px; height:39px;}
#content #center #header .middle .logo { float:left; width:298px;}
#content #center #header .middle ul { float:left; width:573px; margin:22px 0 0 49px; list-style:none;}
#content #center #header .middle ul li { float:left; padding:2px 15px;}
#content #center #header .middle ul li a { text-transform:uppercase; text-decoration:none; color:#FFF; font-size:11px;}
#content #center #header .middle ul li:hover, #content #center #header .middle ul li.selected { background-color:#000;}
/*-----------HEADER::fimMENU----------------*/

#content #center #header .frase { padding-top:80px; float:left; width:100%}
/*-----------HEADER ::fim----------------*/


/*-----------BLOCOS ::home----------------*/
#content #center #main .bloco1 { background:url(images/blocos2.jpg) no-repeat 0 0; width:289px; height:331px; margin:0 10px 0 0; }
#content #center #main .bloco1:hover { background:url(images/blocos2.jpg) no-repeat 0 -331px;}
#content #center #main .bloco2 { background:url(images/blocos2.jpg) no-repeat 0 0; width:289px; height:331px; margin:0 16px 0 16px; }
#content #center #main .bloco2:hover { background:url(images/blocos2.jpg) no-repeat 0 -331px;}
#content #center #main .bloco3 { background:url(images/blocos2.jpg) no-repeat 0 0; width:289px; height:331px; margin:0 0 0 10px; }
#content #center #main .bloco3:hover { background:url(images/blocos2.jpg) no-repeat 0 -331px;}

/*------------ BLOCOS IMAGENS --------------*/
#content #center #main .bloco1 .foto13 { background:url(images/foto13.png) no-repeat 0 0; height:50px; margin-top:4px; }
#content #center #main .bloco2 .foto16 { background:url(images/foto16.png) no-repeat 0 0; height:50px; margin-top:4px; }
#content #center #main .bloco3 .foto18 { background:url(images/foto18.png) no-repeat 0 0; height:50px; margin-top:4px; margin-left:2px; }

/*-----------BLOCOS ::home CONTEUDO----------------*/

#content #center #main .bloco1 a.head1 { color:#ababab; font:normal 24px Arial, Helvetica, sans-serif; padding:3px 0; text-decoration:none;}
#content #center #main .bloco2 a.head1 { color:#ababab; font:normal 24px Arial, Helvetica, sans-serif; padding:3px 0; text-decoration:none;}
#content #center #main .bloco3 a.head1 { color:#ababab; font:normal 24px Arial, Helvetica, sans-serif; padding:3px 0; text-decoration:none;}
/*#content #center #main .bloco2 a.head2 { color:#ababab; font:normal 24px Arial, Helvetica, sans-serif; padding:3px 92px; text-decoration:none;}*/
/*#content #center #main .bloco1 a.head3 { color:#ababab; font:normal 24px Arial, Helvetica, sans-serif; padding:3px 72px; text-decoration:none;}*/
#content #center #main .bloco1 a.head1:hover, #content #center #main .bloco2 a.head2:hover, #content #center #main .bloco1 a.head3:hover { color:#FFF;}
#content #center #main .bloco1 .foto, #content #center #main .bloco2 .foto { width:257px; height:185px; border:3px solid #666; margin:24px 13px 0 13px;}
#content #center #main .bloco1 .foto:hover, #content #center #main .bloco2 .foto:hover { width:257px; height:185px; border:3px solid #999; margin:24px 13px 0 13px;}
#content #center #main .bloco2 a.head1:hover, #content #center #main .bloco2 a.head2:hover, #content #center #main .bloco1 a.head3:hover { color:#FFF;}
#content #center #main .bloco2 .foto, #content #center #main .bloco2 .foto { width:257px; height:185px; border:3px solid #666; margin:24px 13px 0 13px;}
#content #center #main .bloco2 .foto:hover, #content #center #main .bloco2 .foto:hover { width:257px; height:185px; border:3px solid #999; margin:24px 13px 0 13px;}
#content #center #main .bloco3 a.head1:hover, #content #center #main .bloco2 a.head2:hover, #content #center #main .bloco1 a.head3:hover { color:#FFF;}
#content #center #main .bloco3 .foto, #content #center #main .bloco2 .foto { width:257px; height:185px; border:3px solid #666; margin:24px 13px 0 13px;}
#content #center #main .bloco3 .foto:hover, #content #center #main .bloco2 .foto:hover { width:257px; height:185px; border:3px solid #999; margin:24px 13px 0 13px;}
/*-----------REPRESENTANTES----------------*/
#content #center #main .representantes { width:100%; float:left; margin:15px 0;}
#content #center #main .representantes .rp1 { float:left; margin-left:10px;}
#content #center #main .representantes .t1 { float:left; color:#ccc; font: normal 16px Arial, Helvetica, sans-serif; margin:40px 5px 0 200px;}
#content #center #main .representantes .t1 p { color:#4a4747; font: bold 19px Arial, Helvetica, sans-serif;}
#content #center #main .representantes .rp2 { float:left; margin-top:40px; margin-left:20px; }

/*-----------PAGINA PRODUTOS----------------*/
#content #center #main .logos { width:100%; margin-bottom:45px; float:left; }
#content #center #main .logos .logo { width:153px; height: 102px; border:1px solid #666; float:left; margin-right:20px;}
#content #center #main .logos .logo:hover { border:1px solid #ccc;}
#content #center #main .logos .txt { border-bottom:1px solid #333; margin-left:176px; padding-bottom:3px; }
#content #center #main .logos .txtNoBorder { margin-left:176px; padding-bottom:3px; }

#content #center #main .logos .txt .brand { float: left; margin-right:10px; text-transform:uppercase; font:bold 16px Arial, Helvetica, sans-serif;}
#content #center #main .logos .txt .category { font:bold 13px Arial, Helvetica, sans-serif; color:#666; padding-top:3px;}
#content #center #main .logos p { padding:10px 0; font:12px Arial, Helvetica, sans-serif; line-height:16px; }
#content #center #main .logos a { font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#999;}
#content #center #main .logos a:hover { color:#6666cc}
/*-----------fim PAGINA PRODUTOS----------------*/



/*-----------PAGINA TENSOTEC----------------*/
#content #center #main .tempresa { width:670px; float:left; padding-right:16px; display:table;}

#content #center #main .tempresa p { font: lighter 12px Arial, Helvetica, sans-serif; padding:5px 0; line-height:18px;}
#content #center #main .fempresa { float:left; padding-left:10px; border-left: 1px solid #333;}
#content #center #main .fempresa .foto { width:220px; height:132px; border:1px solid #999; margin-bottom:15px;}

/*-----------PAGINA NOTICIAS----------------*/
#content #center #main .logos .txt .data { float: left; margin-right:10px; font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
#content #center #main .logos .txt .titulo { font:bold 13px Arial, Helvetica, sans-serif; color:#fff;}

/*-----------PAGINA CONTACTOS----------------*/

#content #center #main .contactos { width:320px; float:left; padding-right:16px; display:table;}
#content #center #main .contactos p { font: lighter 12px Arial, Helvetica, sans-serif; padding:5px 0; line-height:18px;}
#content #center #main .contactos a { font: lighter 12px Arial, Helvetica, sans-serif; padding:5px 0; line-height:18px; color:#fff; }
#content #center #main .form { width:320px; float:left; padding-right:16px; display:table;}
#content #center #main .contactos input { background:url(images/contactos_03.jpg) no-repeat; width:318px; height:18px; border:none; margin-bottom:5px; font:normal 11px Arial, Helvetica, sans-serif; color:#666; padding:6px 4px;}
#content #center #main .contactos  textarea { background-color:#101010; border-right: 1px solid #333; border-left: 1px solid #333; width:307px; min-height:110px; border-top: none; border-bottom:none; overflow:hidden; padding:0 4px; color:#666; font:normal 11px Arial, Helvetica, sans-serif;}
#content #center #main .contactos .top { background:url(images/contactos_06.jpg) no-repeat bottom left; width:318px; height:6px;}
#content #center #main .contactos .bot { background:url(images/contactos_08.jpg) no-repeat top left; width:318px; height:6px;}
#content #center #main .contactos .btcancelar { float:left; width:86px; background: url(images/cancelar.jpg) no-repeat; height:25px; margin-top:10px; margin-right:5px; margin-left:127px; color:#999; padding-top:5px; text-align:center; text-decoration:none;}
#content #center #main .contactos .btenviar { float:left; width:86px; background: url(images/enviar.jpg) no-repeat; height:25px;  margin-top:10px; color:#CCC; padding-top:5px; text-align:center; text-decoration:none;}

/*-----------PAGINA PRODUTOS----------------*/
#content #center #main .port { width:256px; float:left;}
#content #center #main .slideshow { width:626px; height:380px; background:#1d1d1d; float:left; margin-left:10px; margin-bottom:50px; padding:14px;}
#content #center #main .slideshow .slidefoto { width:626px; height:283px; position:relative;}
#content #center #main .slideshow .s1 { padding-top:15px; font:bold 14px Arial, Helvetica, sans-serif; float:left; width:606px; padding-bottom:10px;}
#content #center #main .slideshow .s1 span { font: normal 12px; padding-left:10px; }
#content #center #main .slideshow .zoom { float:left; padding-top:14px; padding-bottom:10px;}
#content #center #main .slideshow .s2 { font:normal 11px Arial, Helvetica, sans-serif; line-height:16px; width:560px; float:right;}
#content #center #main .slideshow .info { color:#666; font:bold 14px Arial, Helvetica, sans-serif; width:45px; min-height:50px; float:left}
#content #center #main .slideshow .slidefoto .bots{ float:left; width:45px; height:18px; margin-right:5px; margin-bottom:5px; position:absolute; bottom:0; right:0;}

.azul { color:#000000; font: normal 11px Arial, Helvetica, sans-serif; }
#content #center #main .contactos .azul { color:#000000; font: normal 11px Arial, Helvetica, sans-serif; }
.cinza { color:#000000; font: normal 11px Arial, Helvetica, sans-serif; }
.verde { color:#000000; font: normal 11px Arial, Helvetica, sans-serif; }