/*Autor:     Paioldesign Comunicação Interativa
  Data:      03/09/2010
  Cliente:   Argos  
*/

.coda-slider { 
background: #fff; 
}

.coda-slider { 
margin:0;
}

.panel-wrapper {
margin:0;
}


.title {
color:#039;
}

.coda-slider {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

.coda-slider .panel {  
width: 910px;
height: 365px;
} 

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
width: 910px;
}
.coda-slider-wrapper.arrows .coda-slider { 
margin: 0; 
}

.coda-nav-left a  { 
background: url("../../imagens/slider/arrow-left.png") no-repeat center;
display: block;
height: 111px;
width: 36px;
margin-top:130px;
margin-left:4px;
}

.coda-nav-right a { 
background: url("../../imagens/slider/arrow-right.png") no-repeat center;
display: block;
height: 111px;
width: 36px;
margin-top:130px;
}

.coda-nav ul li a {
color: transparent; 
width:104px;
height:61px;
}

.coda-nav ul li a:hover {
color: transparent; 
width:104px;
height:61px;
}

.coda-nav ul li a.current {
color: transparent; 
background:url(../../imagens/slider/menu-bot-aba.png) no-repeat;
background-position:10px 0 0 0;
width:104px;
height:61px;
}

.coda-nav ul { 
position:absolute;
clear: both; 
display: block; 
overflow: hidden; 
margin: 366px 0 0 40px; 
padding:0 76px 0 349px; /*Ajusta o bg da aba do lado direito*/
background:url(../../imagens/slider/menu-footer-bg.png) no-repeat;
height:74px;
width: 910px;
border-left:1px solid #ccc;

}

.coda-nav ul li { 
display: inline;
}

.coda-nav ul li a {  
color: #000; /*mudar para transparent*/
display: block; 
float: left; 
margin-right: 5px; /*Separa entre os botões das tabs inferiores*/
padding:0;  
text-decoration: none; 
}

.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative; }

.coda-nav-left { float: left; }
.coda-nav-right { float: left; }

.coda-nav-left a { display: block; text-align: center; text-decoration: none; }
.coda-nav-right a { display: block; text-align: center; text-decoration: none; }

#bot-1a, #bot-2b, #bot-3c, #bot-4d, #bot-5f {
color:#08658a;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:none;
font-size:14px;
text-transform:uppercase;
}

#bot-1, #bot-2, #bot-3, #bot-4, #bot-5 {
position:absolute;
z-index:1;
}

#bot-1 {
margin:385px 0 0 418px;
}

#bot-2 {
margin:385px 0 0 535px;
}

#bot-3 {
margin:385px 0 0 627px;
}

#bot-4 {
margin:385px 0 0 745px;
z-index:1;
}

#bot-5 {
margin:385px 0 0 834px;
}


/*Imagens dos produtos do slide
-------------------------------------*/
#argos {
position:relative;
left:95px;
top:80px;
width:600px;
}

#piab, #solberg, #vesta, #hydroven {
position:relative;
left:303px;
top:92px;
width:600px;
}

.bg-slide-argos {
margin-top:-193px;
}

.bg-slide-piab, .bg-slide-solberg, .bg-slide-vesta, .bg-slide-hydroven{
margin-top:-160px;
}