/* 
	@Project: Termomecanica
	@Description: Structure for Termomecanica classic site
	@Version: 1.0
	@Author: Rafael Matias
	@Author URL: http://www.rafaelmatias.com.br
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	all
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body{ background:#e6eeee url(images/structure/background-body.jpg) repeat-y top center!important;}
body #geral{background:url(images/structure/background-geral.png) no-repeat bottom center!important;}

/*Login*/
#access{ height:33px; background:url(images/structure/background-access.gif) repeat-x top center; }
#access .container{ width:944px; margin:0 auto; overflow:hidden; padding:4px 0 0 0; }
#access .container .idioma, #access .container .newsletter, #access .container .login{ float:left; margin:0 0 0 30px;}
#access .container .newsletter *{ float:left; margin:0 3px}
#access .container .newsletter .text{ width:53px; height:8px; display:block; margin:3px 0 0 0;overflow:hidden; text-indent:-2000px; background:url(images/sprite-access.gif) no-repeat 0 -167px;}
#access .container .login *{ float:left; margin:0 3px}
#access .container .login .text{width:60px; height:10px; display:block; margin:3px 0 0 0; overflow:hidden; text-indent:-2000px;background:url(images/sprite-access.gif) no-repeat 0 -185px;}
.input-user, .input-password, .input-newsletter{ height:16px; padding:3px 0 0 0; text-indent:5px;vertical-align:middle; color:#9b9a9a; font-size:0.9em;}
.input-user{background:url(images/sprite-access.gif) no-repeat 0 -109px; width:138px;}
.input-password{background:url(images/sprite-access.gif) no-repeat 0 -80px; width:88px;}
.input-newsletter{background:url(images/sprite-access.gif) no-repeat 0 -138px; width:178px;}
.bt-ok{ height:17px; width:17px;  display:inline-block; vertical-align:middle; text-indent:-2000px; overflow:hidden; background:url(images/sprite-access.gif) no-repeat 0 0; cursor:pointer;}
.bt-ok:hover{ background-position:0 -17px;}

/*Language*/
.idioma{ }
.bt-english, .bt-spanish{ width:16px; height:13px; text-indent:-2000px; overflow:hidden; display:block; border:1px solid #c9d1d6; margin:2px 0 0 5px; float:left;}
.bt-english:hover, .bt-spanish:hover{ border:1px solid #91999f;}
.bt-english{ background:url(images/sprite-access.gif) no-repeat 0 -44px;}
.bt-spanish{ background:url(images/sprite-access.gif) no-repeat 0 -57px;}

/*Top*/
#top{ margin:10px 0 0 0; }
#top .container{ width:944px; margin:0 auto; overflow:hidden;}

#brand{ text-indent:-2000px; overflow:hidden; display:inline-block; vertical-align:middle; width:183px; height:51px; background:url(images/sprite-nav.gif) no-repeat 0 0; float:left;}

/*Navigation*/

#nav{overflow:hidden; margin:15px 0 0 0;}
#nav a{ float:left; height:25px; border-right:1px solid #f2f2f2; text-decoration:none; padding:0 5px 0 0; margin:0 0 0 0px;}
#nav a span{ text-indent:-2000px; overflow:hidden; display:block; height:15px; background:url(images/sprite-nav.gif) no-repeat; margin:5px 0 0 0; }
#nav a.last{ border:none;}
#nav .bt1 span{ background-position:0 -59px; width:93px; margin-left:8px;}
#nav .bt1:hover span, #nav .bt1.active span{ background-position:0 -74px;}
#nav .bt2 span{background-position:0 -89px; width:50px;}
#nav .bt2:hover span, #nav .bt2.active span{ background-position:0 -104px;}
#nav .bt3 span{background-position:0 -119px; width:95px;}
#nav .bt3:hover span, #nav .bt3.active span{ background-position:0 -134px;}
#nav .bt4 span{background-position:0 -149px; width:106px;}
#nav .bt4:hover span, #nav .bt4.active span{ background-position:0 -164px;}
#nav .bt5 span{background-position:0 -179px; width:126px;}
#nav .bt5:hover span, #nav .bt5.active span{ background-position:0 -194px;}
#nav .bt6 span{background-position:0 -209px; width:100px;}
#nav .bt6:hover span, #nav .bt6.active span{ background-position:0 -224px;}
#nav .bt7 span{background-position:0 -299px; width:55px;}
#nav .bt7:hover span, #nav .bt7.active span{ background-position:0 -314px;}
#nav .bt8 span{background-position:0 -239px; width:81px;}
#nav .bt8:hover span, #nav .bt8.active span{ background-position:0 -254px;}


#nav .submenu{ float:left; position:relative; z-index:500; height:45px;}
#nav .submenu:hover{ z-index:1001;}
#nav .submenu:hover .links{ visibility:visible;}
#nav .submenu .links{ position:absolute; top:20px; z-index:1000; visibility:hidden;}
#nav .submenu .links a { white-space: nowrap; display:block; color:#fff; text-decoration:none; margin:0 10px; padding:6px 0; font-size:.9em; position:relative; top:-1px;}



/*Mid*/
#mid{ margin-top:15px; margin-bottom:15px; }
#mid .container{width:944px; margin:0 auto; padding:10px 0;}
#mid .banner{ margin:0 auto; width:944px;}

/*Bot*/
#bot{ background:url(images/structure/background-bot.gif) repeat-x top center; height:154px; padding:13px 0 0 0; }
#bot a{ color:#fff; text-decoration:none;}
#bot a:hover{ text-decoration:underline;}
#bot .left a{ border-right:1px solid #fff; padding:0 10px 0 0; margin:0 10px 0 0;}
#bot .left a.last{ border:none;}
#bot .info{ color:#fff; clear:left; margin:10px 0 0 0; display:inline-block;  width:100%;}
#bot .container{width:944px; margin:0 auto; overflow:hidden;}