/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Oswald);
/* Styles */
html, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; height: 100%; /* propriedade muito importante */ }
#geral { float: left; min-height: 100%; position: relative; width: 100%; background:url(../images/bg-2.jpg); background-repeat:repeat; }
#geral > * { float: left; width: 100% }
#geral #content { margin-bottom: 90px  } /* 20px maior que o rodapé para ter um espaço para "respiro" =) */

#conteudo {background-color:#FFF; width:1000px; margin:0 auto;}


a { text-decoration:none; color:#666; -webkit-transition:color 0.5s ease-out; -moz-transition:color 0.5s ease-out; -o-transition:color 0.5s ease-out; -ms-transition:color 0.5s ease-out; }
a:hover { text-decoration:none; color:#C60; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

/* TOPO */
header {width:100%; height:172px;}
#topo { width:1000px; margin:0 auto; height:172px;  background:url(../images/bg-topo.jpg); background-repeat:no-repeat }
#logo { padding:20px 0px 0px 40px; float:left; }
#contatos-topo { float:right; }
#contatos-topo h1{ font-family: 'Roboto', sans-serif; font-size:16px; color:#735e52; float:left; padding: 20px 20px 0 0; }
#contatos-topo h2{ font-family: 'Roboto', sans-serif; font-size:22px; color:#735e52; float:left; padding: 16px 30px 0 0; }

/* MENU */
#menu-topo { margin:80px 0 0 0; width:670px; float:right; border-bottom:dotted 1px #c1813b; }
#menu-topo ul li { display: inline; }
#menu-topo ul li a { padding: 3px 3px 3px 3px; display: inline-block; font-family: 'Roboto', sans-serif; font-size:17px; color: #735e52; text-decoration: none; }
#menu-topo ul li a:hover { color:#b58d77; }

/* BANNER TOPO */
#banner-topo { width:1000px; height:351px; margin:0 auto; }

/* BLOCOS INDEX */
#blocos { width:1000px; margin:0 auto; padding:30px 0 100px 0; overflow:auto; }
#bloco1 { width:310px; height:355px; margin-left:18px; float:left; background-color:#ee2128; }
#bloco1 span img{ padding:3px; margin:10px; }
#bloco1 h1 { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500; color:#FFF; max-width:310px; padding:10px; border-bottom:solid 2px #FFFFFF; }

#bloco2 { width:310px; height:355px; margin-left:18px; float:left; background-color:#89c521; }
#bloco2 span img{ padding:3px; margin:10px; }
#bloco2 h1 { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500; color:#FFF; max-width:310px; padding:10px; border-bottom:solid 2px #FFFFFF; }
#bloco2 h2 { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:500; color:#FFF; max-width:310px; padding:15px 10px 10px 10px; }
#bloco2 p { font-family: 'Roboto', sans-serif; font-size:12px; line-height:15px; color:#FFF; max-width:310px; }

#bloco3 { width:310px; height:183px; margin-left:18px; float:left; background-color:#218bc5; }
#bloco3 span img{ padding:3px; margin:10px; }
#bloco3 h1 { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500; color:#FFF; max-width:310px; padding:10px; border-bottom:solid 2px #FFFFFF; }
#bloco3 p { font-family: 'Roboto', sans-serif; font-size:14px; line-height:15px; color:#FFF; max-width:280px; text-align:justify; margin:0 auto; padding-top:20px; }
#bloco3 h2 { font-family: 'Roboto', sans-serif; font-size:18px; line-height:25px; color:#FFF; max-width:280px; text-align:center; margin:0 auto; padding-top:10px; }

#bloco4 { width:310px; height:147px; margin-left:18px; margin-top:24px; float:left; background-color:#e27204; }
#bloco4 span img{ padding:3px; margin:10px; }
#bloco4 h1 { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500; color:#FFF; max-width:310px; padding:10px; border-bottom:solid 2px #FFFFFF; }
#bloco4 p { font-family: 'Roboto', sans-serif; font-size:12px; line-height:15px; color:#FFF; max-width:280px; text-align:justify; margin:0 auto; padding-top:10px; }

#bloco-interno-esquerdo{ float:left; width:630px; padding:10px; }
#bloco-interno-direito{ float:right; width:350px; }

#tit-pag-internas { font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500; color:#666; max-width:630px; padding-bottom:10px; border-bottom:solid 1px #999; }

/* SERVICOS PRODUTOS E DICAS */
#serv-prod-dicas { width:290px; float:left; background-color:#F0F0F0; margin:10px;}
#serv-prod-dicas span img{ width:270px; max-width:270px; margin:10px; border:solid 1px #999; }
#serv-prod-dicas h1 { font-family: 'Roboto', sans-serif; font-size:18px; line-height:25px; color:#F03; max-width:270px; margin:0 auto; padding:0 10px 10px 10px; }
#serv-prod-dicas h1 a{ font-family: 'Roboto', sans-serif; font-size:18px; line-height:25px; color:#F03; max-width:270px; margin:0 auto; }
#serv-prod-dicas h1 a:hover{ font-family: 'Roboto', sans-serif; font-size:18px; line-height:25px; color:#F33; max-width:270px; margin:0 auto; text-decoration:underline; }
#serv-prod-dicas h2 { font-family: 'Roboto', sans-serif; font-size:12px; line-height:20px; color:#666; max-width:270px; margin:0 auto; padding:0 10px 10px 10px; text-align:justify; }
#serv-prod-dicas h2 a{ font-family: 'Roboto', sans-serif; font-size:12px; line-height:20px; color:#666; max-width:270px; margin:0 auto; text-align:justify; }
#serv-prod-dicas h2 a:hover{ font-family: 'Roboto', sans-serif; font-size:12px; line-height:20px; color:#333; max-width:270px; margin:0 auto; text-align:justify; }

/* QUEM SOMOS */
#quem-somos { width:600px; max-width:600px; float:left; padding-top:10px; margin:10px;}
#quem-somos p{ font-family: 'Roboto', sans-serif; font-size:16px; line-height:20px; color:#666; max-width:600px; margin:0 auto; text-align:justify;}

/* DICAS */
#dicas-cuidados { width:600px; max-width:600px; float:left; padding-top:10px; margin:10px;}
#dicas-cuidados p{ font-family: 'Roboto', sans-serif; font-size:14px; line-height:25px; color:#666; padding-bottom: 20px; max-width:600px; text-align:justify;}
#dicas-cuidados ul{ padding-bottom:20px;}
#dicas-cuidados ul li{ font-family: 'Roboto', sans-serif; font-size:14px; line-height:25px; color:#666; margin-left: 40px; max-width:600px; text-align:justify; list-style:disc;}
#dicas-cuidados img{ padding:7px;}
#dados-dicas h1{	font-family: 'Roboto', sans-serif; font-size:26px;	color:#c4161c; }
#dados-dicas h2{ font-family: 'Roboto', sans-serif; font-size:16px;	color:#999;	padding-top:10px;clear:both; }
#dados-dicas h3{ font-family: 'Roboto', sans-serif; font-size:12px;	color:#999;	padding-top:10px; clear:both;
}

/* FORMULÁRIOS */
.faleconosco { float:left; width:490px; margin:10px 5px 10px 20px; }
.localizacao { float:left; width:420px; margin:10px 20px 10px 30px; }
.msgform { background-color:#FFDFDF; color:#DD0005; border:1px solid #FFB3B3; padding-left:10px; width:580px; }
.formularios { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#666; background: #FFFFFF left top repeat-x; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; margin-bottom:12px; margin-top:10px; }
.formularios input:hover, input:focus, textarea:focus { border-color: #C9C9C9; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; }
.formularios textarea { height: 250px; line-height: 150%; }
.botao_envia { width: auto; padding: 9px 15px; background:#F33; border: 0; font-size: 14px; font-weight: bold; color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; }
a.botao_envia { font-size: 14px; font-weight: bold; color: #FFFFFF; font-style: normal; }

/* RODAPE */
footer { bottom: 0; width:100%; height: 205px; left: 0; position: absolute; background:url(../images/bg-rodape.png); background-repeat:no-repeat; background-position:top center; }
#blocos-rodape { width:1000px; margin:0 auto; padding:50px 0 20px 0; }
#rodape-bloco1 { width:310px; height:100px; margin-left:18px; float:left; }
#rodape-bloco1 h1 { font-family: 'Roboto', sans-serif; font-size:18px; color:#825c33; max-width:310px; padding:10px; }
#rodape-bloco1 span { font-family: 'Roboto', sans-serif; font-size:11px; color:#825c33; max-width:310px; padding:10px; }
#rodape-bloco1 h2 { font-family: 'Roboto', sans-serif; font-size:22px; color:#825c33; max-width:310px; padding:10px; }
#rodape-bloco2 { width:310px; height:100px; margin-left:18px; float:left; }
#rodape-bloco2 h1 { font-family: 'Roboto', sans-serif; font-size:18px; color:#825c33; max-width:310px; padding:10px; }
#rodape-bloco2 span img{ padding:10px; }
#twd { float:right; padding:25px 20px 0 0;}

/* Paginação */

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	border:1px solid #666;
	margin-left:10px;
	text-decoration:none;
	color:#666;
	width:22px;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}

#tnt_pagination a:hover {
	border:1px solid #F30;
	color:#F30;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}

#tnt_pagination {
	color:#666;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}

.paginacaofotos{
	float:left; 
	width:450px;
	color:#666;
	text-decoration:none;
	font: 16px 'Roboto', sans-serif;
	margin-top:20px;
}
.paginacaofotos a{
	color:#666;
	text-decoration:none;
	font: 16px 'Roboto', sans-serif;
}
.paginacaofotos a:hover{
	color:#333;
	text-decoration:none;
	font: 16px 'Roboto', sans-serif;
}
#tnt_pagination span{
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:10px;
	text-decoration:none;
	border:1px solid #F30;
	color:#F30;
	width:22px;
	font-weight:normal;
	font-family: 'Cabin Condensed', sans-serif;
	font-size:14px;
}