@charset "iso-8859-1";
/* CSS Document */

/* 
	Folha de estilos icoms.css
	FormataÃf§Ãf£o do novo site www.icoms.com.br
	Autor: Gabriel Fernando Lopes
	Data de inÃf­cio do projeto: 03/12/2007
*/

/**************************** BODY **********************************/
body{
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 1000px;
	margin: auto;
	margin-top: 15px;
	position:relative;
	height: auto;
}

/************************* TAG'S TEXTO ******************************/
p{
	color:			#999999;
}

p.texto{
	color:#555555;
	text-align:justify;
	line-height:20px;
	text-indent: 30px;
}

strong{
	font-size: 16px;
	text-align:justify;
	padding-left: 20px;
	position: relative;
	margin-top: 5px;
	top: 5px;
}


h1, h2, h3 {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-weight:	bold;
	color:			#FFFFFF;
}

h1{font-size: 20px;} 

h2{
	font-size: 14px;
	text-align:left;
	color:#99FF33;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	padding-left: 10px;
	margin: 0px;
	padding-right: 5px;
}
/******************************************************************************************/
fieldset {
    border:     #666699 solid 1px;
    padding:    0.5em;
}

hr{
    color: #666699; background-color: #6666cc; border: 0; height: 1px;
}

a{
	border:none;
}

/*==================================LINK'S=========================================*/
a:link{
	color:#FFFFFF;
	text-decoration: none;
}

a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

a:hover{
	color:#FFFFFF;
	text-decoration: none;
}

a:active{
	color:#000000;
}

/*============================CLASSES IMG'S=======================================================*/
img{
	border: 0;
}

img.logo{
	text-align:center;
	margin: 20px;
}

img.topo{
	margin: 0px;
	padding: 0px;
}

img.vision{
	margin-top: 30px;
	margin-bottom: 20px;
}

/********************************** ID'S ****************************/
#img_direita{
	float:right;
	height: 190px;
	width: 234px;
	display:inline;
}

#img_centro{
	height: 190px;
	width: 434px;
	float: left;
	padding-left: 50px;
}

#img_esquerda{
	float:left;
	height: 190px;
	width: 234px;
	display:inline;
}

#barra{
	height: 1000px;
	margin: 0px;
	padding: 0px;
	width: 33px;
}

#geral{
	width: 1000px;
	margin: 20px auto;	
	position: relative; 
}

#cabecalho{
	margin-top: 20px;
	height: 170px;
	width: 1000px;
}

#conteudo{
	text-align: center;
	padding-right: 10px;
	padding-left: 20px;
	position:relative;
	width: 785px;
	float:right;
}

#conteudo_1_cpa{
	text-align: center;
	position:relative;
	width: 785px;
}

#conteudo_2_cpa{
	text-align: center;
	position:relative;
	width: 785px;
	margin-top: 20px;
}

#titulo{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		13px;
	color:			#666666;
	font-weight:	bold;
	text-decoration:none;
}

#menu{
	width:	173px;
	float: left;
	position: relative;	
}

#menu_titulo{
	height: 28px;
	width:	173px;
	background-image:url(../img/menu_lateral_top.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#menu_corpo{
	width: 173px;
	background-color:#242628;
	background-repeat:no-repeat;
}

#menu_rodape{
	height: 11px;
	width: 173px;
	background-image:url(../img/cpa/degrade_titulo_menu_baixo.png);
	background-repeat:	no-repeat;
}

#menu_botton{
	width: 173px;	
}

#imagens{
	float:right;
	margin-left: 20px;
}

/* BUNNER TOP */
#bunnertop { width: 1000px;	height: 108px;	margin: 0px auto;	position: relative; }
#bunnertoph { width: 1000px; height: 9px; margin: 0px auto;	position: relative; }

/* BUNNER PROMO */
#bunnerpromo { width: 930px; height: 324px; margin: 20px auto; position: relative; }
#bunnerpromoh { width: 922px; margin: 20px auto; position: relative; }

/* IMG'S */
#img_direita { width: 234px; height: 190px; float:left; margin-bottom: 40px; display:inline; padding-left: 10px; }
#img_centro  { width: 434px; height: 190px; float:left; padding-left: 10px; }
#img_esquerda{ width: 234px; height: 190px; float:left; display:inline; }

/* BOTTON */
#rodape { 
	margin-bottom: 10px;
	text-align: center; 
	position: relative; 
	top: 30px;
	width: 1000px;
	float:right;
}

#rodape a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-align: center; margin-bottom: 30px; text-decoration: none; position: relative; }
#rodape p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-align: center; margin-bottom: 30px; text-decoration: none; position: relative; }
#titulo{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; font-weight: bold; text-decoration: none; position: relative; } 

#gap_end {
	text-align: center; 
	position: relative; 
	margin-top: 30px;
	width: 1000px;
	height: 10px;
}
/*criadas por roberto*/
.tabela_1{
width:auto; height:14px; margin-bottom:5px;;
}
.tabela_2{
width:auto; height:28px;margin-bottom:5px;
}
.tabela_1_cor{
width:auto; height:14px; background:#434343;margin-bottom:5px;
}
.tabela_2_cor{
width:auto; height:28px; background:#434343;margin-bottom:5px;
}
#conteudo_1_contato{
	text-align: center;
	position:relative;
	width: 550px;
	float: left;
}
#conteudo_2_contato{
	text-align: center;
	position:relative;
	width: 200px;
	float: left;
}
.texto_cont{
color:#FFFFFF;
	text-align:justify;
	line-height:20px;
	text-indent: 30px;
	background:#000000;
	border: 1px solid rgb(192, 192, 192);
	color:#FFFFFF ;
	
	
}
.texto_curriculum{
font-size: 12px;
	text-align:left;
	color:#99FF33;
}
.tabela_curriculum{
text-align:left;
margin-bottom:5px;
margin-left:5px;
}
.gw_recursos{ text-align: left;

}
/* css do mapa do site */
.map{
text-align:left;
color:#999999;
font-size:9px;
margin:10px;
width:85px;
}
.map_top{
text-align:left;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
.map_inf{
text-align:left;
color:#FFFFFF;
font-size:9px;
font-weight:;
}
.tabela_1{
width:auto; height:14px; margin-bottom:5px; font-size:12px
}
.tabela_2{
width:auto; height:28px;margin-bottom:5px; font-size:12px
}
.tabela_2.5{
width:auto; height:32px;margin-bottom:5px; font-size:12px
}
.tabela_3{
width:auto; height:56px;margin-bottom:5px; font-size:12px
}
.tabela_4{
width:auto; height:115px;margin-bottom:5px; font-size:12px
}
.tabela_1_cor{
width:auto; height:14px; background:#434343;margin-bottom:5px; font-size:12px
}
.tabela_2_cor{
width:auto; height:28px; background:#434343;margin-bottom:5px; font-size:12px
}
#conteudo_1_contato{
	text-align: center;
	position:relative;
	width: 550px;
	float: left;
}
#conteudo_2_contato{
	text-align: center;
	position:relative;
	width: 200px;
	float: left;
}
.texto_cont{
color:#FFFFFF;
	text-align:justify;
	line-height:20px;
	text-indent: 30px;
	background:#000000;
	border: 1px solid rgb(192, 192, 192);
	color:#FFFFFF ;
	
	
}
.texto_curriculum{
font-size: 12px;
	text-align:left;
	color:#99FF33;
}
.tabela_curriculum{
text-align:left;
margin-bottom:5px;
margin-left:5px;
}
.gw_recursos{ text-align: left;
margin:5px;
color:#999999;

}
/* css do mapa do site */
.map{
text-align:left;
color:#999999;
font-size:9px;
margin-left::15px;
margin-right:15px;
margin-top:15px;
width:90px;

}
.map_top{
text-align:left;
color:#FFFFFF;
font-size:12px;
font-weight:bold;

}
.map_inf{
text-align:left;
color:#FFFFFF;
font-size:9px;


}
.map a:link{
text-align:left;
color:#999999;
font-size:9px;
margin:15px;
margin-bottom:100px;
width:90px;
text-decoration:none;
}
.map a:hover{

color:#999999;
font-weight:bold;
font-size:9px;
margin:15px;
width:90px;
text-decoration:none;
}
.map a:visited{

color:#999999;
margin:15px;
width:90px;
text-decoration:none;
}
.map a:active{
color:#FFFFFF;
margin:15px;
width:90px;

}
.produtos{
width:225px;
height:190px;
float:left;
margin:10px;

}
.tab_globe{
	width:95px;
	float:left;
	height:15px;
	background:#B6B6B6;
	color:#000000;
	margin:2px;
	
	font-size: 9px;
}
.tab_globe_vazia{
width:95px;
float:left;
height:15px;
margin:2px;
size:8px;
font-size: 9px;
}
.tab_globe_1{
width:95px;
float:left;
background:#6A6AB5;
color:#FFFFFF;
height:15px;
margin:2px;
font-size: 9px;
}
.tab_globe_2{
width:95px;
float:left;
height:15px;
margin:2px;
font-size: 9px;
background:#3C3C3C;
color:#FFFFFF;
}
.tabela_2_globe{
 height:28px;margin-bottom:5px; font-size:12px;width:670px; float:left;
}
/*--------------------------------REPRESENTANTE-----------------------------*/
.cabecalho{
width:533px;
float:left;
text-align:left;
margin-bottom:10px;
color:#0099FF;
margin-top:10PX;
}
.grande{
	width:533px;
	float:left;
	text-align:left;
	background:#000000;
 color:#FFFFFF;
}
.field{
 margin-bottom:5px;
 width:533px;background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;

}
.menor{
width:85px;
float:left;
text-align:left;
margin-right:8px;
}
.field_menor{
 margin-bottom:5px;
 width:85px;
 background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 margin-right:5px;
}
.medio1{
width:240px;
float:left;
text-align:left;
margin-right:8px;
}
.field_medio1{
 margin-bottom:5px;
 margin-right:5px;
 width:240px;
 background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
}
.medio2{
width:195px;
float:left;
text-align:left;
 margin-right:8px;
}
.field_medio2{
 margin-bottom:5px;
 width:195px;background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 margin-right:5px;
}
.medio3{
width:128px;
float:left;
text-align:left;
 margin-right:9px;
}
.field_medio3{
 margin-bottom:5px;
 width:127px;background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 margin-right:6px;
}
.medio4{
width:428px;
float:left;
text-align:left;
 margin-right:9px;
}
.field_medio4{
 margin-bottom:5px;
 width:427px;background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 margin-right:6px;
}
.medio5{
width:100px;
float:left;
text-align:left;
 margin-right:9px;
}
.field_medio5{
 margin-bottom:5px;
 width:100px;background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 margin-right:6px;
}
.reta{
 margin-bottom:5px;
 margin-right:5px;
 width:240px;
 background:#000000;
 border-bottom:1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 height:21px;
}
.check{
float:left;
margin-right:40px;
}
.medio7{
width:200px;
float:left;
text-align:left;
margin:2px;

}
.field_medio7{
 margin-bottom:5px;
 width:20px;
 background:#000000;
 border: 1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 margin-right:6px;
}
.medio8{
width:auto;
float:left;
text-align:left;
margin:2px;

}
.check2{
float:left;
margin-right:30px;
}
.check3{
float:left;
margin-right:3px;
}
.div_repr_3{
width:270px;
float:left;
height:15px;
text-align:left;
}

.div_repr_4{
width:270px;
float:right;
height:15px;
text-align:left;
}
.div_repr_5{
width:135px;
float:left;
height:15px;
text-align:left;
}
.div_repr_6{
width:95px;
float:left;
height:15px;
text-align:left;
}
.div_repr_7{
width:160px;
float:left;
height:15px;
text-align:left;
}
.reta2{
 width:100px;
 background:#000000;
 border-bottom:1px solid rgb(192, 192, 192);
 color:#FFFFFF;
 float:left;
 height:12px;
}
/*------------------------css pagina de imprimir--------------------------*/
#body2{

background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 600px;
	margin: auto;
	margin-top: 15px;
	position:relative;
	height: auto;
}
.cabecalho_imp{
width:533px;
float:left;
text-align:left;
margin-bottom:10px;
color:#0099FF;
margin-top:10PX;
}
.grande_imp{
text-align:left;
	width:533px;
	float:left;
	text-align:left;
	background:#FFFFFF;
 color:#000000;
}
.field_imp{
 margin-bottom:5px;
 width:533px;background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 height:15px;
 text-align:left;

}
.menor_imp{
width:85px;
float:left;
text-align:left;
margin-right:8px;
}
.field_menor_imp{
 margin-bottom:5px;
 width:85px;
 background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 margin-right:5px;
 height:15px;
 text-align:left;
}
.medio1_imp{
width:240px;
float:left;
text-align:left;
margin-right:8px;
}
.field_medio1_imp{
 margin-bottom:5px;
 margin-right:5px;
 width:240px;
 background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 height:15px;
 text-align:left;
}
.medio2_imp{
width:195px;
float:left;
text-align:left;
 margin-right:8px;
}
.field_medio2_imp{
 margin-bottom:5px;
 width:195px;background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000 ;
 float:left;
 margin-right:5px;
 height:15px;
 text-align:left;
}
.medio3_imp{
width:128px;
float:left;
text-align:left;
 margin-right:9px;
}
.field_medio3_imp{
 margin-bottom:5px;
 width:127px;background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 margin-right:6px;
 height:15px;
 text-align:left;
}
.medio4_imp{
width:428px;
float:left;
text-align:left;
 margin-right:9px;
}
.field_medio4_imp{
 margin-bottom:5px;
 width:427px;background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 margin-right:6px;
 height:15px;
 text-align:left;
}
.medio5_imp{
width:100px;
float:left;
text-align:left;
 margin-right:9px;
}
.field_medio5_imp{
 margin-bottom:5px;
 width:100px;background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 margin-right:6px;
 height:15px;
 text-align:left;
}
.reta_imp{
 margin-bottom:5px;
 margin-right:5px;
 width:240px;
 background:#FFFFFF;
 border-bottom:1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 height:21px;

}
.check_imp{
float:left;
margin-right:40px;
}
.medio7_imp{
width:200px;
float:left;
text-align:left;
margin:2px;

}
.field_medio7_imp{
 margin-bottom:5px;
 width:20px;
 background:#FFFFFF;
 border: 1px solid rgb(192, 192, 192);
 color:#000000;
 height:15px;
 text-align:left;
 float:left;
 margin-right:6px;
}
.medio8_imp{
width:auto;
float:left;
text-align:left;
margin:2px;

}
.check2_imp{
float:left;
margin-right:30px;
}
.check3_imp{
float:left;
margin-right:3px;
}
.div_repr_3_imp{
width:270px;
float:left;
height:15px;
text-align:left;
}

.div_repr_4_imp{
width:270px;
float:right;
height:15px;
text-align:left;
}
.div_repr_5_imp{
width:135px;
float:left;
height:15px;
text-align:left;
}
.div_repr_6_imp{
width:95px;
float:left;
height:15px;
text-align:left;
}
.div_repr_7_imp{
width:160px;
float:left;
height:15px;
text-align:left;
}
.reta2_imp{
 width:100px;
 background:#FFFFFF;
 border-bottom:1px solid rgb(192, 192, 192);
 color:#000000;
 float:left;
 height:12px;
 height:15px;
 text-align:left;
}
/*------------------------------------------COMO COMPRAR-------------------------------*/

.cartao{
width:auto;
float:left;
position:relative;
margin:3px;
height:auto;
text-align:center;
}