/*
CEICOM - SOLUÇÕES EM INTERNET
(46) 3524-3754 / ceicom@ceicom.com.br
www.ceicom.com.br 
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
:focus {
	outline: 0;
}
ol, ul, li {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body {
	background:url(/img/fundo-bg-int.jpg) top left repeat-x #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.main {
	display:table;
}

.inicio {width:100%; position:absolute;}
.conhecax {width:100%; position:absolute; left:100%;}
.sol {width:100%; position:absolute; left:200%}
.kases {width:100%; position:absolute; left:300%}
.clien {width:100%;position:absolute; left:400%}
.conx {width:100%; position:absolute; left:500%}


#int_site {
	width:980px;
	height:auto;
	display:table;
	margin:auto;
	background:url(/img/fundo-capa.jpg) top no-repeat;
}
.iframe {background:url(/img/blank.gif) transparent;}

#logo {
	width:321px;
	height:auto;
	float:left;
}
#meno {
	width:610px;
	height:55px;
	float:left;
	margin:0 0 0 35px;
}

#menoint {
	width:670px;
	height:55px;
	float:left;
	margin:0 0 0 35px;
}

#carrossel {
	width:600px;
	height:auto;
	float:left;
	margin-left:35px;

}

#tels {
	width:170px;
	height:187px;
	float:left;
	background:url(/img/bar-capa.png) top right no-repeat;
	_background:url(/img/bar-capa.gif) top right no-repeat;
	margin-top:40px;
	font-size:11px;
}
#loc {
	width:150px;
	height:auto;
	float:left;
	font-size:11px;
	margin-top:40px;
}
#clientes {
	width:600px;
	height:auto;
	float:left;
	margin-left:50px;
	margin-top:23px;
}
.thumbs {
	width:118px;
	height:73px;
	padding:10px 0; _padding:9px 0;
	background:url(/img/bg-clientes.gif);
	line-height:20px;
	float:left;
	text-align:center;
	margin:10px 1px;
	_margin:10px 0px;
}


#esq {
	width:210px;
	height:auto;
	float:left;
	margin-left:40px;
	_display:inline;
}
#int_port {
	width:980px;
	height:auto;
	margin:auto;
	display:table;
	background:url(/img/fundo-internas.jpg) top no-repeat;
}

#int_conheca {
	width:980px;
	height:auto;
	margin:auto;
	display:table;
	background:url(/img/fundo-internas.jpg) top no-repeat;
}


#int_solucoes {
	width:980px;
	height:auto;
	margin:auto;
	display:table;
	background:url(/img/fundo-internas.jpg) top no-repeat;}


#int_teclien {
	width:980px;
	height:auto;
	margin:auto;
	display:table;
	background:url(/img/fundo-internas.jpg) top no-repeat;
}

#int_contatos {
	width:980px;
	height:auto;
	margin:auto;
	display:table;
	background:url(/img/fundo-internas.jpg) top no-repeat;
}


#esp-clientes {width:105px; height:73px; vertical-align:middle; display:table-cell; text-align:center; padding:10px; background:url(/img/thumb-clientes.png) top no-repeat; float:left; margin:2px 1px; _background:url(/img/thumb-clientes.gif) top no-repeat;}
#esp-clientes img{ vertical-align:middle; display:table-cell;}


h2 { font-size:20px; color:#CC0000; font-weight:bold;}
h3 {color:#666; letter-spacing:-1px; font-size:19px; font-weight:bold;}
h4 {font-size:14px; color:#CC0000; font-weight:bold;}
h5 {color:#8B8B8B; font-size:13px; font-weight:normal;}

.arial11preto {color:#333; font-size:11px;}
.arial11cinza {color:#666; font-size:11px;}
.arial10preto {color:#333; font:Verdana, Geneva, sans-serif; font-size:10px;}
.arial12preto {color:#333; font-size:12px;}
.arial12preto:link {text-decoration:none;}.arial12preto:hover {text-decoration:underline;}
.arial14preto {color:#333; font-size:14px;}
.arial11azul {color:#003399; font-size:11px;}
.arial12vermelho {color:#C00; font-size:12px;}

#menubv {width:208px;
padding: 0; 
margin:15px 0 0 0;
font-size: 11px;
}
#menubv ul {
list-style: none;
margin: 0;
padding: 0;
}
#menubv li {
background:url(/img/menu/sep.png) bottom no-repeat; _background:url(/img/sep2.gif) bottom no-repeat;
margin: 0;
padding:0 5px 10px 5px;
}
#menubv li a {
display: block;
padding: 2px 2px 6px 10px;
font-weight:bold;
background:url(/img/menu/marc.gif) left center no-repeat;
color:#333;
text-decoration: none;
}
#menubv li a:hover {
color: #ccc;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menubv  li { float: left; height: 1%; }
* html ul#menubv  li a { height: 1%; }
/* End */

/*Inicio MENUBV2*/

#menubv2 {width:208px;
padding: 0; 
margin:15px 0 0 0;
font-size: 11px;
}
#menubv2 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menubv2 li {
background:url(/img/menu/sep.png) bottom no-repeat; _background:url(/img/menu/sep.gif) bottom no-repeat;
margin: 0;
padding:0 5px 10px 5px;
}
#menubv2 li li {
	background:none;
	padding-bottom:0;
}
#menubv2 li ul {
	margin:0 0 10px 0;
	display:none;
}
#menubv2 li a {
display: block;
padding: 2px 2px 6px 10px;
font-weight:bold;
background:url(/img/menu/marc2.gif) left top no-repeat;
color:#333;
text-decoration: none;
}
#menubv2 li a:hover {
color: #ccc;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menubv2  li { float: left; height: 1%; }
* html ul#menubv2  li a { height: 1%; }
/* End */


#conteudo {width:670px; 
		   height:auto; 
		   float:left;
		   margin-left:40px;
		   _display:inline;
		   padding:50px 0 0 20px;
		   _padding:50px 0 0 10px;
		   }

.cases {width:182px; 
		height:250px; 
		float:left; _display:inline;
		padding:10px; _padding:0px;
		margin:0 10px 0 0;
		background:url(/img/thumb-cases.jpg) center top no-repeat;}


#bt-sites{
display: block;
width: 134px;
height: 19px;
background: url(/img/bt/ver_sites.gif);
text-indent: -1000px;
text-decoration: none;
margin-right:20px;
float:right;
}
#bt-sites:hover{
background-position: 0px 19px;
}

#bt-conheca{
display: block;
width: 63px;
cursor:pointer;
float:left;
height: 25px;
background: url(/img/menu/conheca.gif);
}
#bt-conheca:hover{
	background:url(/img/menu/conhecah.gif);
}

#bt-rom{
display: block;
width: 29px;
cursor:pointer;
float:left;
height: 28px;
background: url(/img/menu/home.gif);
}
#bt-rom:hover{
	background:url(/img/menu/homeh.gif);
}
#bt-sol{
display: block;
width: 95px;
cursor:pointer;
float:left;
height: 25px;
background: url(/img/menu/solucoes.gif);
}
#bt-sol:hover{
	background:url(/img/menu/solucoesh.gif);
}
#bt-cas{
display: block;
width: 72px;
cursor:pointer;
float:left;
height: 24px;
background: url(/img/menu/cases.gif);
}
#bt-cas:hover{
	background:url(/img/menu/casesh.gif);
}
#bt-cl{
display: block;
width: 58px;
cursor:pointer;
float:left;
height: 24px;
background: url(/img/menu/clientes.gif);
}
#bt-cl:hover{
	background:url(/img/menu/clientesh.gif);
}
#bt-fl{
display: block;
width: 62px;
cursor:pointer;
float:left;
height: 25px;
background: url(/img/menu/fale.gif);
}
#bt-fl:hover{
	background:url(/img/menu/faleh.gif);
}





#bt-loc{
display: block;
width: 86px;
height: 17px;
background:url(/img/bt/ver-localizacao.gif);
text-indent: -1000px;
text-decoration: none;
float:right;
margin:10px 0 20px 0;
}
#bt-loc:hover{
background-position: 0px 17px;
}

.form {line-height:13px; border:1px solid #D4D0C8; padding:2px; margin:2px 5px 2px 0;}
.form:hover {background:#EFEFEF;}

.formftp {line-height:10px; border:1px solid #D4D0C8; font-size:11px; float:left; padding:2px; margin:2px 5px 2px 0;}
.formftp:hover {background:#EFEFEF;}
.bt-verm {padding:1px; color:#fff; border:0; background:#C00; height:18px; margin:2px 0;}
#f-tel {width:36px; height:93px; z-index:100; margin:115px 0 0 -25px; position:absolute;}

* html img /*codigo p png no ie*/ {
 filter:expression( this.alphaxLoaded ? "" :  
 (  this.src.substr(this.src.length-4)==".png"  ?  (  (!this.complete)  ? "" :  
 this.runtimeStyle.filter=  ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+  (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0, 0)+  String(this.alphaxLoaded=true).substr(0, 0)+  (this.src="img/blank.gif").substr(0, 0)  )  :  
 this.runtimeStyle.filter=""  ) );
}


img {
border:none;
}


#menu {
background: #333333;
left: 0;
border: 1px solid #000;
clear: both;
float: left;
font-family: helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
margin: 0;
z-index: 500;
filter: alpha(opacity=75);
opacity: .75;
}

#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#menu ul li{
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0 10px 0 10px;
}

#menu ul li a{
text-decoration: none;
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0;
}

#menu ul li a:hover{
text-decoration: none;
list-style-type: none;
color: #fff;
display: inline;
margin: 0;
padding: 0;
}


#menuhor {
padding-top:15px;
border:none;
margin: 0 0 0 15px;
}
#menuhor li {
list-style: none; 
margin: 0 11px 0 0;
background:url(/img/menu/sep2.gif) right no-repeat;
float:left;
display: inline;
}
#menuhor li a {
padding: 7px 13px 0 5px;
height:1px; /* IE5.0 bug */
text-decoration: none;
}
#menuhor li a:link {
color: #fff;
}
#menuhor li a:visited {
color: #fff;
}
#menuhor li a:hover {
border-color: #000;
}

/*Inicio do CSS do menu interno da home*/
#menuhorint {
padding-top:15px;
border:none;
margin: 0 ;
}
#menuhorint li {
list-style: none; 
margin: 0 14px 0 3px;
background:url(/img/menu/sep2.gif) right no-repeat;
float:left;
display: inline;
}
#menuhorint li a {
padding: 7px 19px 0 5px;
height:1px; /* IE5.0 bug */
text-decoration: none;
}
#menuhorint li a:link {
color: #fff;
}
#menuhorint li a:visited {
color: #fff;
}
#menuhorint li a:hover {
border-color: #000;
}
/* Fim do  menu interno*/

