/*

Theme Name: Tosello

Theme URI: http://tosello.com.br

Description: Tema desenvolvido para a empresa Tosello

Version: 1.0

Author: Gusta Mociaro	

Author URI: mociaro.designup.pro.br





*/







* {

	margin:0;

	padding:0;

	}



form, fieldset, img {

	border:none;

	}



ul, ol{

	list-style:none;

	}

	

body{

	text-align:center;

	background-color:#fff;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:11px;

}





#topo{

	height:207px;
	background:url(images/topo.jpg) center top no-repeat;
	width:100%;

}

#topo h1{
	position:relative;
	width:712px;
	margin:0 auto;
}




#topo h1 a{
	height:124px;
	text-indent:-9999px;
	display:block;
	width:162px;
	background:url(logo_tosello.png);
	position:absolute;
	top:80px;
	left:0px;
}



#menu{
	width:670px;
	margin:0 auto ;
	padding-top:188px;
}



#menu ul{

	margin-left:130px;

}



#menu li{

	float:left;

	margin-left:15px;

	text-transform:uppercase;

}



a{

	font-family:Tahoma, Geneva, sans-serif;

	text-decoration:none;

	font-weight:bold;

}



#menu li a{

	font-size:11px;

	color:#fff;

	

}



#menu li a:hover{

	font-size:11px;

	color:#ccc;

}



#geral{
	clear:both;
	width:712px;
	margin:0 auto;
	text-align:left;
	border: solid 1px #eee;
	border-top:none;
}

.home #geral{
	background:url(images/bg-home.jpg) no-repeat;
	height:390px;
}

.empresa #geral{
	background:url(images/bg-empresa.jpg) center bottom no-repeat;
	height:450px;
}

.sustentabilidade #geral{
	background:url(images/bg-sustentabilidade.jpg) left bottom no-repeat;

}


.contato #geral{
	background:url(images/bg-contato.jpg) right top no-repeat;

}

.formulario{
	margin:15px 0;
}



p{

	text-align:justify;

	margin-bottom:5px;

}













/*-------------------------------------------------HOME------------------*/

#esquerda{

	width:412px;

	float:left;

	margin-right:10px;

}



#direita{

	width:272px;

	float:left;

}

	

.borda{

	background:#fff;

	padding:6px;

	margin-bottom:10px;

}



.branco{

	background:#FFF;

	padding:10px;

}



.branco p, .branco h2{

	color:#61151a;

}



#receita h2{

	color:#FFF;

	text-transform:lowercase;

}







h2{

	font-size:16px;

	margin-bottom:10px;

}



h3{

	font-size:14px;

	margin-bottom:10px;

}

	









/*-------------------------------------------------Fim da HOME------------------*/



#pageconteudo{

	width:712px;
	clear:both;
	margin:0 auto;
	text-align:left;

}





#pageconteudo h3{

	color:#333;

	margin:0 15px 15px;

	padding-top:15px;

	font-size:12px;

	text-transform:uppercase;

	clear:both;

}



#pageconteudo h2{

	color:#333;

	margin:0 15px 15px;

	padding-top:15px;

	font-size:14px;

	

	text-transform:uppercase;

}



.pageesquerda{

	float:left;

	width:318px;

	margin:0 15px;

}



.pageesquerda img{
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


.pageesquerda p{

	color:#FFF;

}



.pagedireita{

	color:#333;

	float:left;

	width:310px;

	padding:0 15px;

}



.clear{clear:both;}







#rodape{

	clear:both;

	text-align:center;

	font-weight:bold;
}



#rodape p{

	text-align:center;

	margin:5px 0;
}

#social {
	margin: 5px 0;
}
#social ul { margin:0px 0px 0px 0px; padding:2px 10px; color:#fff; }
#social ul li { display:inline; }


#singlepost{

	width:712px;

	background:#fff;

	clear:both;

	margin:10px auto 0;

	text-align:left;

}



#singlepost h2{

	color:#333;

	margin:0 15px 15px;

	padding-top:15px;

	font-size:14px;

	text-transform:uppercase;

}





#singlepost p{

	background:#fff;

	color:#333;

	float:right;

	width:329px;

	padding:10px 15px;

	margin-bottom:0px;

	margin-right:15px;

	}

	

#singlepost a{

		color:#333;

}

	

#singlepost img{

	float:left;

	margin:0 15px 15px;

}



.wp-caption-text{

	display:none;

}



a{

	color:#333;

	text-decoration:none;

	font-family:Tahoma, Geneva, sans-serif;

}



a:hover{

	text-decoration:underline;

}



h2 a{

	font-size:11px;

}



#pageconteudo ul{

	margin:0 15px 15px;

}



#pageconteudo li{
	width:100px;
	height:135px;
	text-align:center;
	margin:0 15px 15px;
	float:left;
}

#menucategoria li{
float: left;
    height: 130px;
    margin: 0 7px 15px;
    text-align: center;
    width: 156px;







.thumb{

	margin-bottom:3px;


}



#pageconteudo .pagedireita h3{

color:#333;

font-size:12px;

text-align:left;

margin:0 0 10px 0;

}



input, textarea{

width:300px;

}



.enviar input{

background:#ccc;

color:#333;

font-weight:bold;

border:none;

}



.imgreceita img{

	width:250px;

	margin:0 auto 10px;

}





#pageconteudo .imprensa h3{

margin-bottom:5px;

}



#pageconteudo .imprensa p{

margin:0 15px 5px;

color:#333;

}



.imprensanot{

margin-bottom:20px;

}



.h2branco{

color:#333;

padding-top:5px;

}