@charset "iso-8859-1";
/* CSS Document */



*:focus {outline: none;}

*{ 
	margin: 0; 
	padding: 0;
	font-family: 'Lato', sans-serif;
	src: 	url('http://www.distribuidoracuritiba.com.br/2017/news/lv/fonts/Lato-Regular.eot');
	src: 	url('http://www.distribuidoracuritiba.com.br/2017/news/lv/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    	 	url('http://www.distribuidoracuritiba.com.br/2017/news/lv/fonts/Lato-Regular.ttf') format('truetype'),
    	 	url('http://www.distribuidoracuritiba.com.br/2017/news/lv/fonts/Lato-Regular.woff') format('woff'),
			url('http://www.distribuidoracuritiba.com.br/2017/news/lv/fonts/Lato-Regular.svg#Lato-Regular') format('svg');
	font-style: normal;
}


/*
html { height:100%;}
body { height:100%;}
*/
body {
	background-color:#FFF;	
}

#geral {
	min-height:100%;
	width:100%;
	position:relative;
	background-color:#F1F3F4;
	
}
* html #geral {
	height: 100%; /* hack para IE6 que trata height como min-height */
}


.center {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 960px;
	position:relative;
}
.center2 {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 1150px;
	position:relative;
}
.clear {
	clear:left;	
}

/* TOPO ---------------------------------------------------------------- */
/* TOPO ---------------------------------------------------------------- */
/* TOPO ---------------------------------------------------------------- */
#geral #topo {
	top: 0;
	height: 100px;
	width: 100%;
	position:fixed;
	background-color:#F1F3F4;
	z-index: 100;
}
#geral #topo .center {
	height: 100px;
	width: 960px;	
	margin-left: auto;
	margin-right: auto;		
}
	#geral #topo .center .logo {
		width: 230px;
		height: auto;
		float:left;
		padding-top: 15px;
		padding-left: 10px;
	}
	#geral #topo .center .busca {
		z-index: 9999;
		width: 480px;
		height: 48px;
		margin-top: 25px;
		float: left;
		margin-left: 50px;
		background-color: #FFF;
		border-radius: 10px;
	}
	#geral #topo .center .busca .campo_busca {
		float:left;
		height: 30px;
		width: 410px;
		font-size: 14px;
		color: #999;
		margin-left: 10px;
		margin-top: 10px;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #d7d7d7;
		border-top-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
	#geral #topo .center .busca .btn_busca {
		float:right;
		margin-top: 10px;
		margin-right: 15px;
		background-image: url(../../img/top-search-submit.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 30px;
		width: 30px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		background-color:transparent;
		cursor: hand;
		cursor: pointer;
	}
	#geral #topo .center .opcoes {
		margin-top: 25px;
		width: 165px;
		height: auto;
		float:right;
	}
	#geral #topo .center .opcoes ul {
		float:left;
		list-style: none;
		margin: 0;
	}
	#geral #topo .center .opcoes li {
		position: relative;
		display:inline-block;
		width:35px;
		height: 26px;
		margin-top: 14px;
		text-align:center;
	}
	#geral #topo .center .opcoes .pedidos {
		background-color: #e82f23;
		height: 50px;
		width: 100px;
		border-radius: 10px;
		float: right;
		background-image: url(../../img/carrinho.jpg);
		background-repeat: no-repeat;
		background-position: 10px; center;
		color:#FFF;
		color:#FFF;
		font-size: 20px;
		font-weight:bold;
		text-align:center;
		font-style:italic;
		text-align:center;
	}



/* MENU ---------------------------------------------------------------- */
/* MENU ---------------------------------------------------------------- */
/* MENU ---------------------------------------------------------------- */
#geral #barra_menu {
	position: fixed;
	top: 100px;
	width: 100%;
	height: 66px;
	background-color:#04162e;
	z-index: 200;	
}
#geral #barra_menu #menu { /* ul */
		position: relative;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;
		display:table;
		padding: 0;	
		list-style: none;
}
#geral #barra_menu #menu .botao, #geral #barra_menu #menu .botao_editoras {
		width: auto;
		float: left;  
}	
#geral #barra_menu #menu .botao a, #geral #barra_menu #menu .botao_editoras a{
		padding: 0 20px 0 20px;
		line-height: 69px;
		font-size: 14px; 
		color: #FFFFFF;
		text-decoration: none;
}
#geral #barra_menu #menu .botao a:hover, #geral #barra_menu #menu .botao_editoras a:hover {	
		padding: 23px 20px 23px 20px;
		line-height: 69px;
		background-color: #10467a;
		font-size: 14px;
		color: #fff;
}





/* SUB MENU ---------------------------------------------------------------- */
/* SUB MENU ---------------------------------------------------------------- */
/* SUB MENU ---------------------------------------------------------------- */

#sub_menu {
	display:none; /* oculta */
	position:fixed;
	top: 166px;
	left: 5px;
	width: 100%;
	min-height: 100%;
	z-index: 10000;
}

#sub_menu .center .itens {
	background-color:#fff;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
	#sub_menu .center .itens:hover .botao_editoras { /* corrigir */
			background-color: #ebebeb;
			color: #363636;
			border-top-width: 3px;
			border-top-style: solid;
			border-top-color: #e82f23;	
	}
#sub_menu .center .itens ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#sub_menu .center .itens li {
	float:left;
	width: 210px;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
}
#sub_menu .center .itens li a {
	color:#333;
	text-decoration:none;
}
#sub_menu .center .itens li a:hover {
	text-decoration:none;
	color:#999;
}




/* SLIDE ---------------------------------------------------------------- */
/* SLIDE ---------------------------------------------------------------- */
/* SLIDE ---------------------------------------------------------------- */
#geral #slide {
	margin-top: 165px;
	height: 320px;
	background-repeat: no-repeat;
	background-position: center center;
}



/* CONTEUDO ---------------------------------------------------------------- */
/* CONTEUDO ---------------------------------------------------------------- */
/* CONTEUDO ---------------------------------------------------------------- */

#geral #conteudo {
	padding-bottom: 0px;
}
#geral #conteudo .topico{
	padding:30px 0px 30px 0px;
	font-size:25px;
	text-align:center;
	color: #666;
}
#geral #conteudo .produto {
	width: 220px;
	/* height: 380px;  400px para adicionar o 'De R$ 0,00 por' */
	border-radius: 10px;
	float:left;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 20px;
	text-align:center;
	padding: 20px 0 20px 0;
	background-color: #fff;
}
#geral #conteudo .produto .imagem {
	max-width: 190px;
	height: 160px;
	padding-bottom: 20px;	
}
#geral #conteudo .produto .titulo {
	padding: 0 5px 0 5px;
	font-size: 14px;
	color:#333;
	height: 50px;
}
#geral #conteudo .produto .editora {
	font-size: 12px;
	color:#999;
	padding-bottom: 10px;
}
#geral #conteudo .produto .de {
	font-size: 12px;
	color:#999;
	padding-bottom: 10px;
}
#geral #conteudo .produto .por {
	font-size: 20px;
	color:#999;
	padding-bottom: 10px;
	color:#5f9d2f;
}
#geral #conteudo .produto .desconto {
	font-size: 15px;
	color:#999;
	padding-bottom: 20px;
	color:#000;
}
#geral #conteudo .produto .incluir-protudo {
	width: 100%;
	height: 50px;
}
#geral #conteudo .produto .incluir-protudo .incluir-produto-adicionar {
	width: 82px;
	height: 39px;
	background-color:#e72f23;
	padding-top: 10px;
	border-radius: 5px;
	float:left;
	margin-right: 10px;
	margin-left: 35px;
}
#geral #conteudo .produto .incluir-protudo .incluir-produto-incluso {
	width: 82px;
	height: 39px;
	background-color:#666;
	padding-top: 0px;
	border-radius: 5px;
	float:left;
	margin-right: 10px;
	margin-left: 35px;
}

#geral #conteudo .produto .incluir-protudo .incluir-produto-ampliar {
	float:left;
	width: 52px;
	height: 39px;
	background-color:#f1f1f1;
	padding-top: 10px;
	border-radius: 5px;
	float:left;
}	
#geral #conteudo #regulamento p {
	padding-bottom: 20px;	
}
#geral #conteudo #regulamento ul li {
	margin-left: 20px;
	margin-bottom: 20px;	
}

/* BUSCA ---------------------------------------------------------------- */
/* BUSCA ---------------------------------------------------------------- */
/* BUSCA ---------------------------------------------------------------- */
#geral #conteudo .resultado {
	padding-bottom: 40px;	
	
}



/* RODAPE ---------------------------------------------------------------- */
/* RODAPE ---------------------------------------------------------------- */
/* RODAPE ---------------------------------------------------------------- */
#geral #rodape {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 130px;
	background-color: #04162e;
	background-image: url(../../img/logo_2.png);
	background-repeat: no-repeat;
	background-position: center 30px;
}
#geral #rodape .base {
	height: 130px;
	background-color: #00447b;
}
#geral #rodape .base .logo {
	float:left;
	width: 200px;
	height: 130px;
	padding: 30px 0 0 40px; 
}
#geral #rodape .base .cadastro {
	float: right;
	width: 600px;
	height: 200px;
	background-image: url(../../img/carta.jpg);
	background-repeat: no-repeat;
	background-position: 25px 25px;	
}
#geral #rodape .base .cadastro fieldset {
	text-align:right;
	margin-top: 70px;
	border:none;
}
#geral #rodape .base .cadastro p {
	color:#FFF;
	font-size: 16px;
	padding-bottom: 10px;
	
}
#geral #rodape .base .cadastro .campo {
	border:none;
	background-color:#FFF;
	border-radius: 5px;
	width: 190px;
	height: 50px;
	padding: 0 20px 0 20px;
	font-size:15px;
	margin-right: 10px;
}
#geral #rodape .base .cadastro .botao {
	font-size: 16px;
	width: 90px;
	height: 50px;
	color:#FFF;
	background-color:#ffae00;
	padding: 10px;
	border:none;
	border-radius: 5px;
	cursor: hand;
	cursor: pointer;	
}


#geral #rodape .copyright{
	text-align:center;
	padding-top: 90px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}