/*   
Theme Name: Linx
Theme URI: http://www.linx.com.br
Description: Tema criado exclusivamente para o site da LINX Automação Industrial, por Benhur Lima da DITTA COMUNICAÇÃO
Author: DITTA COMUNICAÇÃO
Author URI: http://www.ditta.com.br
Version: 1.0
Tags: industrial, two-columns, fixed-width
Tema criado exclusivamente para o site da LINX Automação Industrial, por Benhur Lima da DITTA COMUNICAÇÃO
Author: DITTA COMUNICAÇÃO
*/


/*RESET*/
*{
	margin:0;
	padding:0;
}
html{width: 100%;height: 100%;}
body{
	background:url(../images/body_bg.jpg) #ebebeb top center fixed;
	height:100%;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#box{
    position: relative;
	width:960px;
	margin:0 auto;
}
	
	
/*HEADER*/
#header{
    position: relative;
	margin:0 auto; 
    width:960px;
	height:160px;
    padding-top:30px;

}

#header_logo{
    position: relative;
    margin:0 auto;
	width:338px;
    height: 127px;
    cursor: pointer;
}

/*CONTENT*/
#content{
	width:804px;
	margin:80px auto;
}

#content_interno{
	width:960px;
}

/*MENU*/
#menu{
    display: none;
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image:url(../images/menu_bg_n.png);
    z-index:999;
}


/*Flags*/
#menu_logo_bg .flags,  
#header  .flags{
    position: absolute;
    width: 80px;
    height:21px;
    left: 50%;
    bottom:2px;
    margin-left: 320px;
    
}
#menu_logo_bg .flags a, 
#header .flags a{
    display: inline-block;
    text-decoration: none;
    margin-left: 5px;
    opacity:0.8;
    filter:alpha(opacity=80);
}

#menu_logo_bg .flags a.active, 
#header .flags a.active,
#menu_logo_bg .flags a:hover, 
#header .flags a:hover{
    opacity:1;
    filter:alpha(opacity=100); 
}


/*Menus*/
#menu_float{
	position:absolute;
	float:left;
	height:45px;
	width:982px;
	display:block;
    background-color: transparent;
    background-repeat: no-repeat;
	background-image:url(../images/menu_bg_n.png);
	left:50%;
	margin-left:-491px;
    z-index:995;
}

#menu_logo_bg{
	z-index:15;
	float:left;
	position:absolute;
	float:left;
	width:960px;
	height:71px;
	left:50%;
    margin-left:-484px;
	top:-70px;
	padding:5px;
	background:url(../images/menu_top_bg.jpg) no-repeat center;
}

#menu_logo{
	margin-left:367px;
	margin-top:5px;
    cursor: pointer;
}


.menu_ref{
    position: relative;
	width:802px;
	height:34px;
	margin:11px auto;
}

ul.menu_hov{
     position  : relative;
     height: 34px;
     width: 100%;
     list-style: none;
}
ul.menu_hov li {
     position: relative;
     float: left;
     height: 34px;
     display: inline-block;  
}

ul.menu_hov li a {
    position: absolute;
    padding-top: 10px;
    width: 100%;
    height:24px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    z-index: 29;
}

ul.menu_hov li span{
    position: absolute;
    width: 100%;
    height: 34px;
    opacity:0;
    filter:alpha(opacity=0);
    z-index: 0;
}

/*Largura dos itens*/
ul.menu_hov li.home{width:85px;}
ul.menu_hov li.empresa{width:110px;}
ul.menu_hov li.produtos{width:120px;}
ul.menu_hov li.servicos{width:120px;}
ul.menu_hov li.negocios-internacionais{width:210px ;}
ul.menu_hov li.faleconosco{width:140px;}

/*Bacground - hover itens*/
ul.menu_hov li.home span{background-color:#790000;}
ul.menu_hov li.empresa span{background-color:#35BA00;}
ul.menu_hov li.produtos span{background-color:#B3B114;}
ul.menu_hov li.servicos span{background-color:#1F4E4C;}
ul.menu_hov li.negocios-internacionais span{background-color:#EA6135;}
ul.menu_hov li.faleconosco span{background-color:#61105E;}

/*Barra Bottom - menu*/
#menu > .barra,
#menu_float > .barra{
       position: absolute;
       width: 802px;
       height:15px; 
       opacity:1;
       filter:alpha(opacity=100); /* For IE8 and earlier */
       bottom:-14px;
       left: 90px;
       z-index:99;
}


      


.floater{
    position:fixed;
    background-image:url(../images/menu_bg.png);
    top:70px;
    z-index:995;
    height:45px;
    width:982px;
    border-top:none;
    display:block;
    clear:both;
    left:50%;
    margin-left:-491px;
    float:left;

}



div#conteudo{
    padding-top: 70px;
}

div.npage{
    padding-top:20px;
    margin: 0 auto;
    width: 802px; 
    height:700px;
    min-height:700px;
    position: relative;
}

div.npage {
    color:#b4b4b4;
}

div.npage h1{
    text-shadow: #e4e4e4 2px -2px 0px;
	font-size:40px;
	text-transform:uppercase;
	margin-top:5px;
	letter-spacing:3px;
}

div.npage p{
	font-size:18px;
	text-align:left
}

div.npage div.bloco_spacer{
    width: 100%;
    height:130px;
    clear: both;
}


/*FOOTER*/
#clear{
	z-index:999;
	clear:both;
}
#footer{
	z-index:999;
	/*position:fixed;*/
	width:982px;
	height:180px;
	background-image:url(../images/footer_bg.png);
	/*top:100%;
	margin-top:-60px;
	left:50%;
	margin-left:-491px;*/
}

#footer_interno{
	height:127px;
	width:982px;
	margin:0 auto;
}

#footer_txt{
	float:left;
	font-size:11px;
	color:#fff;
	margin:30px 0 0 40px;
}

#footer_ass{
	opacity:0.5;
	float:left;
	margin:35px 0 0 314px;
	height:38px;
	width:100px;
}

#footer_map{
	border-left:dashed #FFF 1px;
	float:left;
	margin:60px 0 0 30px;
}

#footer_map ul li{
	text-decoration:none;
	text-transform:uppercase;
	list-style:none;
	font-size:11px;
}

#footer_map a{
	color:#FFF;
}

#logo_ditta{
	float:right;
	margin:30px 41px 0 0;
}

#texto_principal{
	width:620px;
	margin:5px 0 0 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	float:left;
	border-bottom:dashed 1px #6d7a88;
}

#texto_principal h1{
	color:#6d7a88;
}

#texto_principal h2{
	color:#363b41;
	text-transform:uppercase;
	font-size:12px;
	padding:5px;
}

#texto_titulo{
	display:inline;
	float:left;
}

#texto_content{
	width:620px;
	text-align:justify;
	margin:10px 0 0 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#363b41;
	float:left;
}

#produtos_cont{
	/*margin:0 -75px;*/
}

#produtos_cont .i-produto{
    float: left;
    display:block;
    width: 185px;
    height:220px;
    margin-left:20px;margin-top: 30px;
}

#produtos_cont .i-prod-first{margin-left:0;}

.i-produto img{width:100%;height:auto;margin:0;padding:0;}

.i-produto .p-image{
    margin: 0 auto;
    padding:6px;
    width: 175px;
    height:auto;
    -moz-box-shadow:    2px 2px 5px 2px #E8E8E8;
    -webkit-box-shadow: 2px 2px 5px 2px #E8E8E8;
    box-shadow:         2px 2px 5px 2px #E8E8E8;
    cursor: pointer;
}

.i-produto .p-title{text-align: center; text-transform: uppercase; font-size: 15px; color: #B2B2B2;font-weight: bold;padding:10px 5px;}

#fale_cont{
	margin:0 auto;
}

.input{
	width:400px;
}

.input_mensagem{
	width:400px;
	height:200px;
}

#google_location{
	float:right;
}

#google_location iframe{
	color:#666;
}

#fale_form{
	float:left;
    width: 410px;
    height: auto;
    clear: both;
}

#fale_form .fstatus{
                     margin: 0 auto; 
                     width:395px;
                     height:30px;
                     padding:6px 5px 5px 5px;
                     border: 1px solid #ECECEC; 
                     background: #fafafa;
                     opacity:0;
                     filter:alpha(opacity=0);
                     text-align: center;
                     color: #4A4A4A;
                   }
                   
#fale_form .fstatus_error{color: #FE2C2C;border: 1px solid #FFC9C9; background: #FFF3F3;}   
#fale_form .fstatus_success{color: #015D0A;border: 1px solid #95DB89; background:#E8FFD9 ;}                

form#fcontato {padding-top:20px;}

form#fcontato .error{font-size: 13px;color: #FF4141;}

.input_button{
	height:30px;
	font-size:13px;
	font-weight:bold;
	color:#999;
	width:95px;
	border:1px #999 solid;
	background:#CCC;
}

/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none;
	}


/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
/* Float LI Elements - horizontal display */
	



#slideshow{
	width:3216px;
	z-index:5;
}

.geral{
	float:left;
	width:804px;
}

.geral p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
}

.nav{
	width:804px;
	height:34px;
	background-color:#b8b8b8;
}

.nav h1{
	background-color:#d3d3d3;
	float:left;
	margin:0 0 0 0px;
	padding:8px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2c6b68;
}

.nav ul{
	width:100%;
}

.nav ul li{
	list-style:none;
	display:inline;
	width:50px;
}

.nav ul a{	
	width:100%;
	height:100%;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

.menu01_c{
	padding:5px;
	margin-top:-3px;
	float:left;
	width:120px;
	border-left:dashed #fff 1px;
}

.nav ul a:hover{
	color:#598785;
}

/*BANNER CSS*/
div.pics {margin:0 auto; height: 320px; width: 802px; padding:0;overflow: hidden ;position:relative;}
div.pics img { height: 314px; width: 804px; padding: 0px; border: 1px solid #ccc; top:0; left:0 }
div.pics div.nav{ z-index: 50; position: absolute; bottom: 5px; left:20px;background: none;}
div.pics div.nav a {
                        margin: 0 4px; 
                        padding: 3px 6px; 
                        border: 1px solid #ccc;
                        text-decoration: none ;
                        background: #DB5027;
                        color: #fff;
                        opacity:0.80;
                        filter:alpha(opacity=80);
                    }
div.pics div.nav a.activeSlide{ background: #fafafa ;color: #6D6D6D;border: 1px solid #E6E6E6;}
div.pics div.nav a:focus { outline: none; }

/*Footer*/
.expstickybar{position:fixed;width:982px;visibility:visible;bottom: 0;margin-left:auto;margin-bottom:-130px;margin-left:-11px; z-index:999;}