/*  
Theme Name: Coliane
Theme URI: http://coliane.com.br
Description: Criado por m4web.com.br para Coliane.
Version: 1.0
Author: Rafael Slonik and Diego Antunes
Author URI: http://m4web.com.br
*/
li,ol,ul,h1,h2,h3,h4,h5,p,img,address,a {
	margin: 0px;
	padding:0px;	
	}

li {	list-style-type: none;	}

p {
	padding: 10px 15px;
	text-align: justify;
}
	
body {
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 13px;
	background: #EEEEEE;
	}

#page {
	width: 750px;
	margin: 0px auto;
	background: url(images/bg-page.gif) repeat-y center;
}

#content {
	width: 500px;
	float: left;
	margin: 0px 0px 10px -5px;
	text-align: justify;
}
#sidebar {
	width: 200px;
	float: left;
	padding: 0px 0px 0px 25px;
}
#footer {
	width: 750px;
	clear: both;
	margin-bottom: -20px;
}
.logo {
	background: url(images/logo-coliane.png);
	cursor: pointer;
	width: 171px;
	height: 92px;
	text-indent: -5000px;
	overflow: hidden;
}
.footer-cred {
	float: left;
	padding: 10px 50px 0px 30px;
}
#footer address {
	float: left;
	padding: 5px 10px;
	background: #f0f0f0;
}
.header-page {
	background: url(images/header-page.gif) no-repeat;
	width: 750px;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0px auto;
}
.fecha-page {
	background: url(images/footer-page.gif) no-repeat;
	width: 750px;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0px auto;
}
.clear {
	clear: both;
}


h2 {
	font-weight: lighter;
	color: #333;
	border-bottom: 1px dotted silver;
	font-size: 20px;
	margin: 20px 0px 5px 0px;
	background: url(images/bullet.gif) no-repeat left;
	padding: 3px 0px 4px 20px;
}

#produtos {
	margin-top: -20px;
}
#produtos li {
	width: 150px;
	list-style-image: url(images/bulletli.gif) ;
	list-style-position: inside;
	margin: 10px 0px 5px 0px;
	text-indent: 5px;
	border-bottom: 1px solid #c0c0c0;
}
#produtos a {
	text-decoration: none;
	color: #666;
	font-size: 1.4em;
}
#produtos a:hover {
	font-size: 1.4em;
	color: #EA0000;
}

#nav {
	margin: 4px 0px 0px 60px;
}
#nav a {
	padding: 4px 10px;
	color: #990000;
	text-decoration: none;
	border: 1px solid #f0f0f0;
}
#nav a:hover {
	background: #f0f0f0;
	color: #D50000;
	font-weight: bold;
}

#servicos {
	background: url(images/servicos-btao.jpg) no-repeat center;
	text-indent: -5000em;
	overflow: hidden;
	width: 162px;
	height: 160px;
	margin: 30px 0px 20px 0px;
	padding-left: 7px;
	cursor: pointer;
}
#telefones {
	background: url(images/telefones.gif) no-repeat;
	width: 162px;
	height: 125px;
	padding: 5px 3px 3px 0px;  /*  55px de padding-left para o texto */
	color: #666;
	margin-left: 3px;
	line-height: 19px;
}
#telefones span {
	padding-left: 55px;
	display: block;
}

.footer-cred {
	color: #999;
}
.footer-cred a {	color: #999;}
.footer-cred a:hover {	color: #666;}

.opt404 {line-height: 22px;margin: 10px 0px 0px 20px;}
.opt404 li {list-style-type: disc; list-style-position: inside;}
.title {
	font-weight: lighter;
	color: #333;
	width: 300px;
}
.vantagens-img {
	float: left;
	padding: 4px;
}
#vantagens li {
	margin: 10px;
}
.img-float{
	float: left;
	padding: 5px 10px;
}