/*body, html{height:100%;}*/
body{
    margin: 0;
	padding:0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    background: url(../images/blank.png);
}
body.bg{
	background: url(../images/logo_bixcom.png) no-repeat 74px 0px #082240;}

:focus { outline: 0;}
.clear{clear: both;}
.float-left{float: left;}
.float-right{float: right;}
:focus { outline: 0;}
.clear{clear: both;}
a {text-decoration: none; border: 0; color: #666;}
a:hover {text-decoration: underline;}
a img, img {border: 0;}
.center {text-align: center !important;}
ul, li, p {margin: 0; padding: 0; list-style: none;}
table {border-collapse: collapse;}
/*table td, table th {padding: 0;}*/
h1, h2, h3 {margin: 0; padding: 0;}
label{font-weight: bold; display: block; color: #525252;}
.upcase {text-transform: uppercase;}
.top {vertical-align: top;}

li{
    list-style: square;
}
/* remocao de borda pontilhada ie/ff  */
input, input:active, input:focus{
    outline: 0;
    outline-style:none;
    outline-width:0;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

input[type=submit]{
    width: auto!important;      
}
input[type=text]{height: 18px;}
input, textarea{
    color: #fff;
    width: 230px;
    margin:0 0 10px 5px;
    border: 1px solid #929293;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    background: url(../images/bg_black_transparent.png);
}
textarea{height: 105px;}
form th{
    text-align: right;
    vertical-align: top;
    text-transform: uppercase;
    padding-top: 5px;
    font-size: 12px;
}
form#contato{
    padding-top: 80px;
}
h1{
	margin-top: 258px; 
	color: #b1b3b5;
	position:absolute;
	font-size: 14px; 
	padding:0; 
	line-height:14px;}
h1 span{color: #fff !important;}

#header{
    background: url(../images/menu_bar.png) repeat-x bottom;
    width: 100%;
	height:300px;
}
/*#header .logo{border:1px solid red;
	width:100%; 
	height:278px; 
	background: url(../images/logo_bixcom.png) no-repeat;}*/
#header .content{    
    width: 670px;
    height: 278px;
    margin: 10px auto 0;
    position: relative;
}
#header ul#menu{
    margin: 225px 0;
    position: absolute;
    right: 0;
	z-index:1;
}
#header ul#menu li{
    display: inline-block;
    margin: 0;
    padding: 0 0 13px;
}
#header ul#menu a{
    border-right: 1px solid #FFFFFF;
    color: #BDBFC1;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 22px 0 18px;
}
#header ul#menu a.last{
    border-right: 0;
}
#header ul#menu a:hover,  #header ul#menu li.selected a{
    color: #fff;
    text-decoration: none;
}
#header ul#menu li:hover, #header ul#menu li.selected{
    background: url(../images/menu_selected.png) no-repeat bottom;
}

#header .logo{
	  position: absolute;
	  margin: 122px 0 0 0px;
	  z-index: 0;
	  width: 120px;
	  height: 125px;}
	  
#footer{
    border-top: 1px solid #ffffff;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    padding-top: 5px;
    text-align: center;
    clear:both;
}

#content .redes{
	margin: 330px 0 0 157px;
	position: absolute;
	left: 30px;
}	

#content {
    width: 980px;
    min-height: 800px;
    margin: auto;
    position: relative;
	padding-bottom: 15px;
	background:none;
}

#content.home{
    background: url(../images/bg_index.jpg) no-repeat 177px 0;
}
#content.empresa{
	padding: 70px 0 0 150px;
	width: 820px;
    height: 300px;
}
#content.produtos{	
    background: url(../images/bg_produtos.jpg) no-repeat 319px 0px;
}
/*#container.produtos_glass{
    background: url(../images/bg_produtos_glass.jpg) repeat-y top center;
}
#container.produtos_plast{
    background: url(../images/bg_produtos_plast.jpg) repeat-y top center;
}
#container.produtos_pump{
    background: url(../images/bg_produtos_pump.jpg) repeat-y top center;
}
#container.produtos_glass img,#container.produtos_plast img,#container.produtos_pump img {float:right;}
.espaco{margin-top:25px;}
#content.contato{ background: url(../images/bg_contato.jpg) no-repeat center;}*/


.produtos_plast img{float:left;}
.produtos_plast .left{ width:671px; height:3245px; float:left; background:#fff;}	
.produtos_plast .right{ width:136px; height:3245px; float:left; margin-left:14px; background:#fff;}	

#content.home .content{
    left: 155px;
    margin-top: 12px;
    position: absolute;
    width: 120px;
	display:none;
}

#content .links{
    margin: 31px 66px 0 0;
    position: absolute;
    right: 217px;
}
#content .links a{
    display: block;
    height: 102px;
    margin-bottom: 28px;
    width: 340px;
}
#content .links a.plasticos{
    display: block;
    height: 63px;
    margin-bottom: 28px;
    width: 330px;
}


#content.produtos .text{
    margin: 60px 85px 0 0;
    position: absolute;
    right: 0;
    width: 200px;
}
#content.home .content li{
    margin: 10px 0;
}
#content.produtos .content p{
     margin-bottom: 72px;
}

#content.contato .content{
     margin:auto;
     width: 300px;
}

ul.menu_produtos {
    float: left;
    margin: 54px 0 0 8px;
}
ul.menu_produtos li, ul.menu_produtos a{
	display: block;
  	width: 130px;
  	height: 51px;
  	cursor: pointer;
}
ul.menu_produtos li{
    list-style: none;
    background-image: url(../images/menu_produtos.png);
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
.menu_produtos li.standard.selected{background-position: 0 0;}
.menu_produtos li.standard{background-position: -129px 0px;}
.menu_produtos li.exclusivo{background-position:-130px -45px;}
.menu_produtos li.exclusivo.selected{background-position: 0px -50px;}

ul.tabs {padding-left: 20px; text-transform: uppercase;}
ul.tabs li{
    padding: 2px 15px;
    margin-right: 1px;
    float: left;
    width: auto;
    list-style: none;
    background: url(../images/tab.png) repeat-x;
}
ul.tabs li.selected{
    background: url(../images/tab_active.png) repeat-x;
}
ul.tabs li a{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}
ul.tabs li a:hover{
    text-decoration: none;
}
ul.tabs li:hover{
    background: url(../images/tab_active.png) repeat-x;
}

.descricao{
    font-size: 12px;
    left: 148px;
    margin: 5px 0 0 !important;
    position: absolute;
    width: 100% !important;
}

.cufon.cufon-canvas{position:absolute;}

#popup{
position: absolute; /*Define a posição absoluta da pop-up*/
top: 30%; /*Distancia da margem superior da página */
left: 35%; /*Distancia da margem esquerda da página */
width: 430px; /*Largura da pop-up*/
height: 340px; /*Altura da pop-up*/
background: url(../images/pop_saboneteira.png) no-repeat;
display: none; /* Estilo da pop-up*/
z-index:10;
/*fim pop-up*/
}
#popup .close {
background: url(../images/icon_close.png) no-repeat;
width: 12px;
height: 12px;
display: block;
float: right;
margin: 20px;
z-index:20;
}
#popup .link {
width: 430px; 
height: 340px; 
display: block;
z-index:15;
}