/**
C A S C A D I N G  S T Y L E  S H E E T

@project		novagraficaeditora.com.br
@version		1.0
@package		layout
@author 		Rafael Wahasugui - Waio Soluções em TI
@since			MAI 2012
-----------------------------------------------------------------------------*/


/** @Import CSS
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("common.css");


/**
L A Y O U T
-----------------------------------------------------------------------------*/
body {
	font:normal 13px/1.2em Arial, Helvetica, sans-serif;
	background:#2f2483 url(../images/bg.jpg) top repeat-x;
}
#container {
	padding-top:110px;
}
.wrapper {
	width:910px;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 10px 0px #110a45;
	-moz-box-shadow:0px 0px 10px 0px #110a45;
	-o-box-shadow:0px 0px 10px 0px #110a45;
	-ms-box-shadow:0px 0px 10px 0px #110a45;
	box-shadow:0px 0px 10px 0px #110a45;
}
.page {
	width:850px;
	padding:0 30px;
}


/** INDEX
-----------------------------------------------------------------------------*/
#section-index {
	height:730px;
}
#section-index .nav {
	height:130px;
}
#section-index .nav ul li {
	float:left;
	margin:0 15px;
}
#section-index .nav ul li a {
	position:relative;
	display:block;
	top:-16px;
	width:197px;
	height:115px;
	padding-top:12px;
	font:bold italic 20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:url(../images/sprite-header-menu.png) no-repeat;
}
#section-index .nav ul li a:hover {
	background-position:0 -127px;
}
#section-index .nav ul li.link-impressao a {
	background-position:-197px 0;
}
#section-index .nav ul li.link-impressao a:hover {
	background-position:-197px -127px;
}
#section-index .nav ul li.link-equipamento a {
	background-position:-394px 0;
}
#section-index .nav ul li.link-equipamento a:hover {
	background-position:-394px -127px;
}
#section-index .nav ul li.link-contato a {
	background-position:-591px 0;
}
#section-index .nav ul li.link-contato a:hover {
	background-position:-591px -127px;
}
#section-index .nav ul li.back-top {
	display:none;
}
#section-index h1 {
	display:block;
	width:910px;
	height:590px;
	margin-top:150px;
	text-indent:-9999px;
	background:url(../images/img-index.jpg) no-repeat;
}


/** NAVIGATION
-----------------------------------------------------------------------------*/
.page .nav {
	position:relative;
	left:-60px;
	width:900px;
	height:69px;
	margin-bottom:1em;
	padding:0 0 0 60px;
	color:#fff;
	background:url(../images/sprite-stripes-bg.png) no-repeat;
}
.page .nav h2 {
	font:bold italic 30px/57px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.page .nav ul {
	position:relative;
	top:-63px;
	right:0;
	float:right;
}
.page .nav ul li {
	float:left;
}
.page .nav ul li a {
	display:block;
	width:85px;
	height:15px;
	margin:0 7px;
	padding-top:35px;
	font:italic 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:url(../images/sprite-stripe-icons.png) no-repeat;
}
.page .nav ul li.link-empresa a {
	background-position:-86px -34px;
}
.page .nav ul li.link-empresa a:hover {
	background-position:-86px -204px;
}
.page .nav ul li.link-impressao a {
	background-position:-198px -68px;
}
.page .nav ul li.link-impressao a:hover {
	background-position:-198px -238px;
}
.page .nav ul li.link-equipamento a {
	background-position:-308px -102px;
}
.page .nav ul li.link-equipamento a:hover {
	background-position:-308px -272px;
}
.page .nav ul li.link-contato a {
	background-position:23px 0;
}
.page .nav ul li.link-contato a:hover {
	background-position:23px -170px;
}
.page .nav ul li.back-top a {
	width:40px;
	background-position:-440px -136px;
}
.page .nav ul li.back-top a:hover {
	background-position:-440px -306px;
}


/** EMPRESA
-----------------------------------------------------------------------------*/
#section-empresa {
	height:980px;
	background:url(../images/img-empresa.jpg) bottom no-repeat;
}
#section-empresa .nav li.link-empresa {
	display:none;
}
#section-empresa img {
	margin:0 20px;
}


/** IMPRESSAO
-----------------------------------------------------------------------------*/
#section-impressao {
	height:800px;
}
#section-impressao .nav {
	background-position:0 -69px;
}
#section-impressao .nav li.link-impressao {
	display:none;
}
#section-impressao .box {
	float:left;
	width:240px;
	margin-right:30px;
	padding:30px 20px;
	background-color:#f2f2f2;
}
#section-impressao ul.produtos li {
	float:left;
	width:230px;
	margin:0 20px 20px;
	text-align:center;
}
#section-impressao ul.produtos li h4 {
	height:40px;
	font:normal 17px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#section-impressao ul.produtos li span {
	font:normal 11px Arial, Helvetica, sans-serif;
}


/** EQUIPAMENTO
-----------------------------------------------------------------------------*/
#section-equipamento {
	height:795px;
	background:url(../images/img-equipamento.jpg) bottom no-repeat;
}
#section-equipamento .nav {
	background-position:0 -138px;
}
#section-equipamento .nav li.link-equipamento {
	display:none;
}
#section-equipamento ul.stats {
	margin-top:570px;
	font-size:1.1em;
}
#section-equipamento ul.stats li {
	margin-bottom:3px;
}


/** CONTATO
-----------------------------------------------------------------------------*/
#section-contato {
	height:760px;
}
#section-contato .nav {
	background-position:0 -207px;
}
#section-contato .nav li.link-contato {
	display:none;
}
#section-contato .form {
	float:left;
	width:230px;
	padding:20px;
	background-color:#f2f2f2;
}
#section-contato .form h4 {
	font:bold 18px/24px Arial, Helvetica, sans-serif;
}
#section-contato .form ul {
	margin-bottom:20px;
}
#section-contato .form form {
	margin-top:10px;
}
#section-contato .form label {
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#section-contato .form input,
#section-contato .form textarea {
	width:225px;
	border:1px solid #ddd;
}
#section-contato .form button {
	width:60px;
	height:26px;
}
#section-contato .mapa {
	width:560px;
	height:615px;
	margin-left:290px;
}
#section-contato .footer {
	position:relative;
	width:850px;
	left:-30px;
	height:40px;
	margin-top:30px;
	padding:0 30px;
	background-color:#dadada;
}
#section-contato .footer span {
	font:normal 11px/40px Arial, Helvetica, sans-serif;
}
#section-contato .footer a {
	position:absolute;
	top:14px;
	right:30px;
	display:block;
	width:38px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/img-waio-footer.png) no-repeat;
}
#section-contato .footer a:hover {
	background-position:-38px -16px;
}


/**
P R I N T  S T Y L E S H E E T
-----------------------------------------------------------------------------*/
@media print {
	* {
		text-indent:0 !important;
		text-shadow:none !important;
		color:black !important;
		background:transparent !important;
		filter:none !important;
		-ms-filter:none !important;
	}
	a, a:visited {
		color:#444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr, img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p, h2, h3 {
		orphans:3;
		widows:3;
	}
	h2, h3 {
		page-break-after:avoid;
	}
	#section-index,
	.page .nav,
	#section-equipamento,
	#section-contato form,
	#section-contato .mapa,
	#section-contato .footer {
		display:none;
	}
	#section-empresa {
		height:400px;	
	}
}