/*
	Empresa: Izanagi Design Interativo
	URI: http://www.izanagi.com.br/
	Autor: Marcos Rodrigues
	Version: 1.0 (01/01/2009)
	Cliente: 
	
	------------------------
	(1) CSS RESET
	(2) DIVERSOS
	(3) FORMULÁRIOS
	(4) ESTRUTURAS
		(4.1) BOXES DA ESTRUTURA
	(5) TÍTULOS
	
	
*/


/***
	CSS RESET
***/

* { margin:0; padding:0; }
html { font-size: 62.5%; font-family: verdana, arial, helvetica, tahoma, sans-serif; }
body { background: #B4D7EC; }

ul, ol { list-style:none; }
ul li, ol li { text-indent:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 none; }
 
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}
hr {display: none;}

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

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

p, form, #boxDuvidas dl, #boxMapa dl { margin: 18px 0;}



/***
	DIVERSOS

***/

.cor01 { color: #039; }
.cor02 { color: #1d6792; }
.cor03 { color: #393a3d; }
.cor04 { color: #585858; }

.clearfix {
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.none { display: none; }
.noMargin { margin: 0 !important; }
.imgreplace {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}



.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clearLeft { clear: left;}
.clearRight { clear: right;}
a.floatLeft { margin-right: 15px; }

.innerbox {
	margin: 0 auto;
	padding: 0 20px;
	width: 740px;
}


/* botoes */
.btn { 
	background: url("../img/sprites.png") no-repeat;
	border: 0 none;
	cursor: pointer;
	height: 28px;
}
	.btSaiba { 
		background-position: 0 -76px;
		width: 237px;
	}
		.btSaiba:hover { background-position: 0 -104px; }
		
	.planoVoz .btSaiba { 
		background-position: -359px -160px;
		width: 237px;
	}
		.planoVoz .btSaiba:hover { background-position: -359px -188px; }
	
	.btComprar { 
		background-position: -237px -76px;
		width: 80px;
	}
		.btComprar:hover { background-position: -237px -104px; }
	
	.btPlanos { 
		background-position: -317px -76px;
		width: 181px;
	}
		.btPlanos:hover { background-position: -317px -104px; }
	
	.btCompre { 
		background-position: -498px -76px;
		width: 101px;
	}
		.btCompre:hover { background-position: -498px -104px; }
		
	.btCadastrar { 
		background-position: -268px -132px;
		width: 91px;
	}
		.btCadastrar:hover { background-position: -268px -160px; }

	.btSolicitarOrcamento { 
		background-position: 0px -132px;
		width: 145px;
	}
		.btSolicitarOrcamento:hover { background-position: 0px -160px; }
		
	.btEnviar { 
		background-position: -145px -132px;
		width: 123px;
	}
		.btEnviar:hover { background-position: -145px -160px; }

/***
	FORMULÁRIOS
***/

form { overflow: hidden; }

input, textarea { 
	background: url("../img/sprites.gif") no-repeat;
	border: none;
	font-family: verdana, arial, helvetica, tahoma, sans-serif;
	font-size: 1em;
}
* > input, * > textarea { background: url("../img/sprites.png") no-repeat; }
input {
	height: 18px;
	padding: 7px 5px 3px;
}
input[type=text] {
	height: 18px;
	padding: 7px 5px 3px;
}
input, textarea {
	margin: 3px 0 15px;
}
textarea{
	height: 118px;
	overflow: auto;
	width: 725px;
}
.lblTxtArea {
	float: none!important;
	width: 740px!important;
	margin: 0!important;;
}
.txtarea { 
	background: url("../img/sprites.png") no-repeat 0 -244px;
	height: 128px;
	margin: 3px 0 15px;
	padding: 7px 5px 3px;
	width: 727px;
}
.txtarea textarea { background: none;}

.obr { font-weight: bold; }
form .aviso { 
	margin: 0;
	padding: 18px 0 0;
}
form .noMargin { margin-right: 0 !important; }

form dl { 
	width: 350px;
	margin: 3px 0 15px;
}
	.ddFormat dd, .ddFormat dd  { position:relative; }
	.ddFormat a, .ddFormat a:visited { color:#000; text-decoration:none; outline:none;}
	.ddFormat a:hover { color:#5d4617;}
	.ddFormat dt a {
		background: url(../img/sprites.gif) no-repeat 0 -264px; 
		width: 340px; 
		display:block; 
		height: 22px;
		padding: 6px 0 0 10px;
	}
	.ddFormat dt > a {background: url(../img/sprites.png) no-repeat 0 -216px;}
	.ddFormat dt a span {cursor:pointer; display:block;}
	.dropdown dd ul {
		height: 180px;
		overflow: auto;
	}
	#target3 dd ul { height: 110px;}
	.ddFormat dd ul { 
		background:#fff none repeat scroll 0 0; 
		border:1px solid #B4D7EC; 
		color:#000; 
		display:none;
		left:0px;
		overflow: auto;
		padding:5px 0px; 
		position:absolute; 
		top:2px; 
		width:auto; 
		min-width:170px; 
		width: 350px;
		z-index: 99;
	}
	.ddFormat span.value { display:none;}
	.ddFormat dd ul li a { 
		padding:5px; 
		display:block;
	}
	.ddFormat dd ul li a:hover { background-color:#B4D7EC;}



#pgHome form {
	background: url("../img/background-form.gif") no-repeat;
	height: 250px;
	margin: -64px -10px 0 0;
	padding: 28px 35px 20px 30px;
	width: 235px;
}
#pgHome .innerbox > form { background: url("../img/background-form.png") no-repeat; }
	#pgHome form p { margin: 18px 0 10px; }

	#pgHome form h2 {
		background-position: 0 -339px;
		height: 20px;
	}
	#pgHome form h3 {
		background-position: 0 -359px;
		height: 25px;
	}
	
	#pgHome form input {
		background-position: -359px -132px;
		display: block;
		margin-bottom: 15px;
		width: 220px;
	}

#pgComprar label, #pgComprar form fieldset p, #pgContato label  {
	float: left;
	width: 350px;
	margin: 0 35px 0 0;
}
#pgComprar .newsletter label {
	float: none;
	width: auto;
}
	#pgComprar input { 
		margin: 3px 0 15px;
		background-position: 0 -188px;
		width: 340px;
	}
	#pgComprar input, #pgContato input { 
		background-position: 0 -188px;
		width: 340px;
	}
	#pgComprar input[type=text], #pgContato input[type=text] { 
		background-position: 0 -188px;
		width: 340px;
	}
	
fieldset.newsletter { margin: 20px 0;}
fieldset.newsletter input { 
	background: none;
	margin: 0!important;
	height: auto!important;
	vertical-align: middle;
	width: auto!important;
}

#msgErro {
	color: #800;
	display: none;
	height: 14px;
	padding: 8px 0 4px;
}

#pgHome #msgErro { padding-left: 100px; }
#pgComprar #msgErro {
	background: url("../img/sprites.png") no-repeat -560px -216px;
	padding-left: 185px;
}
#pgContato #msgErro {
	background: url("../img/sprites.png") no-repeat -580px -216px;
	padding-left: 165px;
}

/* ie7 */
*:first-child+html #pgHome #msgErro { padding-left: 10px; }
*:first-child+html #pgComprar #msgErro, *:first-child+html #pgContato #msgErro {
	background: url("../img/sprites.png") no-repeat -710px -216px;
	padding-left: 30px;
}

/***
	ESTRUTURAS
***/

#wrap {}

html, body, #wrap, #container { height: 100%;}
#wrap > #container { height: auto; min-height: 100%;}
#container {}

#header {
	border-top: 4px solid #055a99;
	background: #fff url("../img/background.png") repeat-x;
	padding-top: 40px;
}
	#header h1 { margin-top: 16px; }
	#header h1, #header h1 a {
		height: 54px;
		width: 92px;
	}
		#header h1 a { background: url("../img/logo.gif") no-repeat 0 0px; }
		#header h1 > a { background: url("../img/logo.png") no-repeat 0 0px; }
	
	#main-menu {
		background: url("../img/sprites.png") no-repeat;
		height: 38px;
		margin: 30px 0 0 130px;
		padding: 0 11px;
		width: 435px;
	}
	.innerbox > #main-menu { margin-left: 136px; }
		#main-menu li {
			float: left;
			margin-right: 10px;
		}
		#main-menu li:last-child, #main-menu li.noMargin  { margin: 0;}
			#main-menu li a { 
				background: url("../img/sprites.png") no-repeat;
				height: 38px;
			}
			#main-menu li a.home {
				background-position: -11px 0;
				width: 36px;
			}
				#main-menu li a.home:hover { background-position: -11px -38px; }
			#main-menu li a.internet3g { 
				background-position: -57px 0;
				width: 104px;
			}
				#main-menu li a.internet3g:hover { background-position: -57px -38px; }
			#main-menu li a.voz {
				background-position: -172px 0;
				width: 81px;
			}
				#main-menu li a.voz:hover { background-position: -172px -38px; }
			#main-menu li a.comprar {
				background-position: -264px 0;
				width: 56px;
			}
				#main-menu li a.comprar:hover { background-position: -264px -38px; }
			#main-menu li a.duvidas {
				background-position: -330px 0;
				width: 53px;
			}
				#main-menu li a.duvidas:hover { background-position: -330px -38px; }
			#main-menu li a.contato {
				background-position: -394px 0;
				width: 52px;
			}
				#main-menu li a.contato:hover { background-position: -394px -38px; }

	#header .boxLigue { 
		margin-top: 13px;
		width: 147px;
	}
		.boxLigue h5 {
			background-position: 0 -329px;
			height: 10px;
			margin: 0 0 6px 20px;
		}
		.boxLigue ul {
			display: block;
			position: relative;
		}
		.boxLigue ul, .boxLigue li { 
			height: 38px;
			width: 147px;
		 }
		.boxLigue ul li { 
			background: url("../img/sprites.png") no-repeat -457px -38px;
			display: none;
		}
		.boxLigue ul li.rio { background: url("../img/sprites.png") no-repeat -457px 0px; }
		
		.boxLigue span {
			background: url("../img/sprites.png") no-repeat -457px 0;
			height: 38px;
		}

	#header #feature-content { 
		padding: 70px 0 30px;
		font-size: 1.1em;
	 }
	#pgHome #header #feature-content { padding: 40px 0 40px; }
	#pgInternet3g #feature-content { 
		background: url("../img/header-02-internet3g.png") no-repeat left bottom;
		padding-left: 260px;
	}
	#pgVoz #feature-content { 
		background: url("../img/header-03-voz.png") no-repeat left bottom;
		padding-left: 280px;
	}
	#pgComprar #feature-content { 
		background: url("../img/header-04-comprar.png") no-repeat left bottom;
		min-height: 120px;
		padding-left: 225px;
	}
	#pgDuvidas #feature-content { 
		background: url("../img/header-05-duvidas.png") no-repeat left bottom;
		min-height: 140px;
		padding-left: 335px;
		
	}
	#pgContato #feature-content { 
		background: url("../img/header-06-contato.png") no-repeat left bottom;
		padding-left: 315px;
	}
	#pgMapa #feature-content { 
		background: url("../img/header-07-mapa.png") no-repeat left bottom;
		height: 150px;
		padding-left: 352px;
	}
	
		#feature-content h2, #feature-content h3 { background: url("../img/header-titulos.gif") no-repeat }
		#feature-content > h2, #feature-content > h3 { background: url("../img/header-titulos.png") no-repeat }
		#feature-content h2 { height: 36px; }
		#feature-content h3 { height: 21px; }
		
		#pgHome #feature-content .internet3g h2 { background-position: 0 0 }
		#pgHome #feature-content .internet3g h3 { background-position: 0 -252px; }
		#pgHome #feature-content .planoVoz h2 { background-position: 0 -399px; }
		#pgHome #feature-content .planoVoz h3 { background-position: 0 -378px; }
		#pgInternet3g #feature-content h2 { background-position: 0 0;}
		#pgInternet3g #feature-content h3 { background-position: 0 -252px; }
		#pgVoz #feature-content h2 { background-position: 0 -36px; }
		#pgVoz #feature-content h3 { background-position: 0 -273px; }
		#pgComprar #feature-content h2 { background-position: 0 -72px; margin-top: 50px; }
		#pgComprar #feature-content h3 { background-position: 0 -294px; }
		#pgDuvidas #feature-content h2 { background-position: 0 -108px; margin-top: 30px;  }
		#pgDuvidas #feature-content h3 { background-position: 0 -315px; }
		#pgContato #feature-content h2 { background-position: 0 -144px; }
		#pgContato #feature-content h3 { background-position: 0 -336px; }
		#pgMapa #feature-content h2 { background-position: 0 -180px; margin-top: 50px }
		#pgMapa #feature-content h3 { background-position: 0 -357px; }
		
		#feature-content p { margin: 18px 0px; }
		#feature-content .btn { 
			float: left;
			margin: 0 15px 0px 0px;
		}
	
	#header #feature-content ul { margin: 10px 0 0; }
	#header #banner li, #header #banner > li { display:none;  /* Oculta os itens do Banner Randomico */ }
	#header #banner li ul li { display:block;  /* Oculta os itens do Banner Randomico */ }
	#header #feature-content ul.detalhes li {
		background: url("../img/sprites.gif") no-repeat -594px -132px;		
		padding: 1px 0 2px 25px;
		margin: 0 0 5px;
	}
	#header #feature-content ul.detalhes > li { background: url("../img/sprites.png") no-repeat -594px -132px; }
	#pgHome #header #feature-content #banner {
		height: 235px;
		overflow: hidden;
	}
	#pgHome #header #feature-content ul li { 
		height: 235px;
	}
		#pgHome #header #feature-content ul li #slideshow {
			height: 214px;
			position: relative;
			width: 263px;
		}
		
	#pgHome #header #feature-content ul li li { 
		width: 263px;
	}



/* main */
#main {
	background: #b4d7ec url("../img/background-main.png") repeat-x 0 3px;
	padding-bottom: 115px;
}
#pgHome #main .innerbox { 
	overflow: visible;
	padding-bottom: 0;
}
#main .innerbox {
	padding-bottom: 35px;
	padding-top: 35px;
}
	
	#boxPlanosEmpresariais {
		background: url("../img/background-boxplanosempresariais.gif") no-repeat left bottom;
		height:250px;
		min-height:250px;
		padding: 0 0 0 110px;
		width: 302px;
	}
	.innerbox > #boxPlanosEmpresariais { background: url("../img/background-boxplanosempresariais.png") no-repeat left bottom; }
		#boxPlanosEmpresariais ul { margin: 25px 0 15px; }
			#boxPlanosEmpresariais ul li {
				background: url("../img/background-boxplanos-li.gif") no-repeat;
				float: left;
				height: 70px;
				margin-right: 6px;
				padding: 20px 10px 10px;
				width: 125px;
			}
			#boxPlanosEmpresariais ul > li { background: url("../img/background-boxplanos-li.png") no-repeat; }
				#boxPlanosEmpresariais ul li p { 
					margin: 0 0 18px;
					text-transform: uppercase;
				}
					#boxPlanosEmpresariais ul li p strong.cor { display: block; }
				#boxPlanosEmpresariais ul li span { 
					display: block;
					font-weight: bold;
				}
				#boxPlanosEmpresariais ul li span.de { 
					color: #5f5f5f;;
					text-decoration: line-through;
					font-weight: normal;
				}
		#boxPlanosEmpresariais	a.floatLeft { margin-right: 10px;}
		
	#boxInternet3G {
		margin-right: 35px;
		width: 405px;
	}
	
	#boxPlanos {
		background: url("../img/background-planos.png") no-repeat;
		height: 178px;
		padding: 34px 15px 30px 23px;
		position: relative;
		top: -30px;
		right: 0;
		width: 255px;
	}
	
	#boxExibePlanos {}
	
		#boxExibePlanos div { 
			background: #1b6ca9;
			color: #000;
			margin-bottom: 25px;
		}
	
		#pgInternet3g #boxExibePlanos p {
			color: #fff;
			height: auto;
			padding: 0 10px;
			width: 155px;
		}
		
		table, tr, td, th { border: 1px solid #d8d8d8; }
		*:first-child+html table, *:first-child+html tr, *:first-child+html td, *:first-child+html th { border: 0px solid #d8d8d8; }
		
		#boxExibePlanos table { width: 565px; }
		
		#pgVoz #boxExibePlanos table { width: 740px; }
		
			#boxExibePlanos table tr, #boxExibePlanos table td, #boxExibePlanos table th {
				height: 23px;
				text-align: center;
			}
			#pgVoz #boxExibePlanos table td, #pgVoz #boxExibePlanos table th {
				line-height: 1.4em;
				padding: 3px 5px;
			}

			#boxExibePlanos table td { background: #fff;  }
			
			#pgVoz #boxExibePlanos table td.nome { font-weight: bold; }
			#pgVoz #boxExibePlanos table td.valor {
				color: #000;
				font-weight: normal;
				width: 80px; 
			}
			#boxExibePlanos table th { 
				color: #fff;
				font-size: 0.9em;
			}
			#pgInternet3g #boxExibePlanos table th, #pgInternet3g #boxExibePlanos p, #pgVoz #boxExibePlanos table th { background: #1B6CA9;}

			#pgVoz #boxExibePlanos table.zebra tr.even td { background: #77acd1; }

			#boxExibePlanos table .valor { 
				color: #ff4800;
				font-weight: bold;
			}
			#boxExibePlanos table .extras { background: #77acd1; }
			
			
			#boxExibePlanos table .l1 { width: 150px; }
			#boxExibePlanos table .l2 { width: 80px; }
			#boxExibePlanos table .l3 { width: 100px; }
			#boxExibePlanos table .l4 { width: 80px; }
			#boxExibePlanos table .l5 { width: 245px; }
		
	
	#boxVivoEmpresas {
		margin-right: 35px;
		width: 405px;
	}
	
	#boxDuvidas dl dt { margin-bottom: 20px; }
		#boxDuvidas dl dt a { 
			background: url("../img/sprites.gif") no-repeat -619px 0px;
			color: #161515;
			padding: 3px 0 3px 30px;
		}
		#boxDuvidas dl dt > a { background: url("../img/sprites.png") no-repeat -619px 0px; }
		#boxDuvidas dl dt a.aberto { background: url("../img/sprites.gif") no-repeat -619px -18px; }
		#boxDuvidas dl dt > a.aberto { background: url("../img/sprites.png") no-repeat -619px -18px; }
	
	#boxDuvidas dl dd { 
		padding: 0 0 0 30px;
		margin-bottom: 25px;
		
	}
		
		
	#boxMapa a { font-weight: bold;}
	#boxMapa dd { margin-bottom: 20px;}
			
			
#footer {
	background: #313131 url("../img/background-footer.png") repeat-x 0 3px;
	position: relative;
	margin-top: -115px; /* negative value of footer height */
	height: 115px;
}
	#footer a, #footer { color: #fff; }
	#footer ul {
		margin: 4px 0 0;
	}
		#footer ul li {
			float: left;
			/*margin-right: 10px;*/
		}
		#footer ul li:last-child { margin: 0; }
			#footer ul li a {
				display: inline-block;
				height: 15px;
				padding: 12px 6px;
				text-transform: uppercase;
			}
			#footer ul li a:hover { background: #212121; }
	
	#footer p span, #footer p a:hover { color: #8ec8f3; }
	#footer span.floatRight {
		display: block;
		height: 13px;
		padding: 15px 0;
		text-transform: uppercase;
	}

/***
	TÍTULOS
***/
h2,h3,h4, h5 { background: url("../img/titulos.gif") no-repeat }
* > h2,* > h3,* > h4,* > h5 { background: url("../img/titulos.png") no-repeat }
#main h2 { height: 28px; }
#main h3 { height: 19px; }

#boxPlanosEmpresariais h2 { background-position: 0 0; }
#boxPlanosEmpresariais h3 { background-position: 0 -196px; }
#boxInternet3G h2 { background-position: 0 -28px; }
#boxInternet3G h3 { background-position: 0 -215px; }
#boxPlanos h2 { background-position: 0 -56px; }
#boxPlanos h3 { background-position: 0 -234px; }
#boxVivoEmpresas h2 { background-position: 0 -84px; }
#boxVivoEmpresas h3 { background-position: 0 -253px; }
#boxOrcamento h2 { background-position: 0 -112px; }
#boxOrcamento h3 { background-position: 0 -272px; }
#boxDuvidas h2 { background-position: 0 -140px; }
#boxDuvidas h3 { background-position: 0 -291px; }
#boxContato h2 { background-position: 0 -168px; }
#boxContato h3 { background-position: 0 -310px; }
#boxMapa h2 { background-position: 0 -384px; }
#boxMapa h3 { background-position: 0 -412px; }