/*
Theme Name: Rhodmann
Description: Tema padrão do site Rhodmann
Version: 1.0
*/

@import url('css/reset.css');

/* Geral */

html, body { height: 100%; }
body { background: #f9f9f9; color: #656565; font-size: 14px; font-family: Arial, sans-serif; line-height: 1.6em; }
a { text-decoration: none; color: #2b2b70; }
p { color: #333333; font-size: 15px; text-align: justify; font-family: 'Roboto Condensed', Arial, sans-serif; }
strong { font-weight: bold; }
.seta:after { content: ' →' ; font-size: 10px; }

/* Heading */

h1 { color: #2b2b70; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; line-height: 1.4em; border-bottom: 1px solid #d8d8d8; padding-bottom: 8px; margin-bottom: 14px; }
h1 a { color: #2b2b70; }
h2 { color: #2b2b70; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 400; font-size: 22px; text-transform: uppercase; line-height: 1.4em; padding: 0; margin: 0; }
h2 a { color: #2b2b70; }
body.home h2 { color: #36367b; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; text-transform: none; margin-bottom: 5px; }
body.home h2 a { color: #36367b; }
h3 { color: #ffffff; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 700; font-size: 48px; text-transform: none; line-height: 1.3em; padding: 0; margin: 0; }
h4 { color: #ffffff; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 400; font-size: 24px; text-transform: uppercase; line-height: 1.3em; padding: 0; margin: 10px 0; }

/* Estrutura */

#tudo { position: relative; min-height: 100%;  width: 100%; }

	.container { width: 952px; margin: 0 auto; position: relative; }

	.sprites { background: url('img/sprites.png') no-repeat; display: block; text-indent: -10000px; }
	.sprites.facebook { width: 33px; height: 32px; background-position: 0 -60px; }
	.sprites.mapa_topo { width: 13px; height: 19px; background-position: -55px 0; }
	.sprites.telefone_topo { width: 13px; height: 19px; background-position: -30px -34px; }
	.sprites.contato_rodape { width: 29px; height: 22px; background-position: -39px -68px; }
	.sprites.telefone_rodape { width: 20px; height: 29px; background-position: -30px 0; }
	.sprites.mapa_rodape { width: 20px; height: 29px; background-position: -48px -34px; }

#topo { position: relative; width: 100%; float: left; }

	#topo .informacoes { height: 27px; padding-top: 6px; background: #36367b; width: 100%; color: #cacae7; font-size: 11px; }
	#topo .informacoes i { float: left; margin-right: 6px; }
	#topo .informacoes span { float: right; margin: 0 16px 0 13px; }
	#topo .informacoes span a { color: #cacae7; }

	#topo .logo { background: url('img/bg_logo.png') repeat-x; padding-top: 36px; height: 106px; width: 100%; }
	#topo .logo img { float: left; margin-left: 16px; }
	#topo .logo span { float: left; margin: 23px 0 0 36px; font-family: 'Roboto Condensed', Arial, sans-serif; color: #36367b; text-transform: uppercase; }
	#topo .menu { background: #ffffff; width: 100%; float: left; height: 62px; line-height: 58px; border-bottom: 10px solid #36367b; }
	#topo .menu ul { text-align: center; padding-left: 90px; float: left; }
	#topo .menu ul li { display: inline; height: 62px; line-height: 62px; margin-left: 16px; padding-right: 16px; position: relative; border-right: 1px solid #e4e1ce; float: left; }
	#topo .menu ul li:last-of-type { border-right: 0; }
	#topo .menu ul li a { color: #36367b; font-family: 'Roboto Condensed', Arial, sans-serif; text-transform: uppercase; font-size: 16px; }
	#topo .menu ul li.current-menu-item a { color: #656565; }

	#topo .menu .redes { float: right; margin: 17px 16px 0 0; }

	#topo .banner { background: #36367b; height: 133px; padding-top: 20px; float: left; width: 100%; }
	#topo .banner .titulos { float: left; }
	#topo .banner p { float: right; width: 330px; color: #ffffff; font-size: 13px; font-family: 'Open Sans', Arial, sans-serif; margin-top: 20px; text-align: left; }
	#topo .banner p span { float: left; width: 100%; }
	#topo .banner p a { float: left; color: #ffffff; text-decoration: underline; font-weight: 700; }

	#topo .breadcrumb { background: #ffffff; width: 100%; height: 46px; line-height: 46px; float: left; text-transform: uppercase; font-size: 10px; color: #444444; }
	#topo .breadcrumb .container { width: 910px; }
	#topo .breadcrumb a { color: #9c9c9c; }

#conteudo { background: url('img/bg_conteudo.png') top center no-repeat; padding: 22px 0 215px 0; position: relative; float: left; width: 100%; }

	#conteudo #principal { width: 680px; float: left; }
	#conteudo #principal.menor { width: 557px; padding: 0 0 50px 22px; border-left: 1px solid #ebebeb; }
	#conteudo #principal.menor h1 { text-transform: none; border-bottom: 0; font-size: 22px; }

	#conteudo .linha { background-image: url('img/bg_linha.png'); background-position: 0 35px; background-repeat: repeat-x; width: 864px; float: left; margin: 0 0 30px 37px; }
	#conteudo .linha.clara { background-image: url('img/bg_linha_clara.png'); }
	#conteudo .linha h1 { float: left; border: 0; width: auto; margin: 0; padding: 0; padding-right: 19px; font-size: 36px; line-height: 1.2em; background: #f9f9f9; }
	#conteudo .linha a { font-size: 12px; font-family: 'Open Sans', Arial, sans-serif; line-height: 50px;}

	#conteudo .caroufredsel_wrapper { background: url('img/bg_carousel.png') center bottom no-repeat; }
	#conteudo #carousel { width: 875px; height: 330px; overflow: hidden; margin: 0 auto 28px auto; float: left; margin-left: 38px; }
	#conteudo #carousel .item { float: left; width: 274px; text-align: center; position: relative; margin-right: 26px; }
	#conteudo #carousel .item span { font-size: 12px; color: #333333; width: 80%; float: left; margin: 0 10%; line-height: 1.5em; }
	#conteudo .anterior, #conteudo .proximo { position: absolute; top: 172px; display: block; width: 25px; height: 25px; cursor: pointer; }
	#conteudo .anterior { left: 0; background-position: 0 0; }
	#conteudo .proximo { right: 0; background-position: 0 -30px; }

	#conteudo .chamada { float: left; position: relative; }
	#conteudo .chamada, #conteudo .chamada p { font-family: 'Open Sans', Arial, sans-serif; color: #2b2b70; font-size: 14px; }
	#conteudo .chamada .linha { margin-left: 0; width: 100%; text-align: left !important; }

	#conteudo .chamada.empresa { background: url('img/bg_divisoria.png') right bottom no-repeat; margin: 0 50px 0 37px; width: 310px; padding-right: 39px; }
	#conteudo .chamada.empresa p { font-size: 12px; width: 205px; float: right; }
	#conteudo .chamada.empresa span { font-size: 12px; float: right; width: 100%; text-align: right; }

	#conteudo .chamada.artigos { width: 476px; }
	#conteudo .chamada.artigos div { margin-bottom: 20px; }
	#conteudo .chamada.artigos h2 { margin-bottom: 0; line-height: 1.2em; }
	#conteudo .chamada.artigos .seta {font-size: 12px; }
	
	#conteudo .antes_e_depois { background: #f2f1ee; float: left; padding: 23px 17px; margin-left: 8px; width: 924px; }
	#conteudo .antes_e_depois .linha { margin: 0 0 12px 0; width: 100%; }
	#conteudo .antes_e_depois .linha h1 { background: #f2f1ee; }
	#conteudo .antes_e_depois img { float: left; margin-right: 9px; }
	#conteudo .antes_e_depois a:last-of-type img { margin-right: 0; }

	#conteudo #principal .post { float: left; width: 100%; margin: 10px 0; }
	#conteudo #principal .post .thumbnail { float: left; width: 120px; }
	#conteudo #principal .post .thumbnail img { padding: 3px; border: 1px solid #cccccc; border-radius: 2px; -webkit-box-shadow: 0 0 5px 0 #e5e5e5;
box-shadow: 0 0 5px 0 #e5e5e5; }
	#conteudo #principal .descricao { float: left; width: 560px; margin-top: -5px; }

	#conteudo #principal .produto { float: left; width: 300px; height: 330px; border-bottom: 1px solid #ededed; position: relative; margin: 0 63px 22px 0; }
	#conteudo #principal .produto:nth-of-type(2n) { margin: 0; }
	#conteudo #principal .produto img { border-radius: 7px; margin: 10px 0 5px; }
	#conteudo #principal .produto .seta { position: absolute; right: 0; bottom: 10px; font-size: 12px; }

	#conteudo #principal .artigo { float: left; width: 100%; position: relative; border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; margin-bottom: 30px; }
	#conteudo #principal .artigo h1 { border: 0; margin-bottom: 0; }
	.data { font-size: 11px; margin: -12px 0 15px 0; float: left; width: 100%; }
	#conteudo #principal .artigo img { margin-bottom: 5px; }
	#conteudo #principal .artigo .seta { float: right; margin-top: 10px; }

	#conteudo #principal .voltar { font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; float: left; width: 100%; border-top: 1px solid #d8d8d8; margin-top: 18px; padding-top: 12px; }

	#conteudo #principal .gallery-item img { padding: 3px; border: 1px solid #cccccc; border-radius: 2px; -webkit-box-shadow: 0 0 5px 0 #e5e5e5;
box-shadow: 0 0 5px 0 #e5e5e5; }
	#conteudo #principal .gallery-item .wp-caption-text { display: none; }

	#conteudo #principal .paginacao { float: left; width: 100%; margin-top: 10px; position: relative; }
	#conteudo #principal .paginacao a { font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; }
	#conteudo #principal .paginacao .page-numbers { display: none; }
	#conteudo #principal .paginacao .prev { display: block; float: left; }
	#conteudo #principal .paginacao .next { display: block; float: right; }

	#conteudo #lateral { float: left; width: 250px; }
	#conteudo #lateral.categorias { margin-right: 22px; }
	#conteudo #lateral.direita { margin-left: 22px; }
	#conteudo #lateral.esquerda { width: 372px; }
	#conteudo #lateral.esquerda h1 { text-transform: none; border-bottom: 0; font-size: 22px; }

	#conteudo #lateral p { font-size: 14px; }

	#conteudo #lateral ul li:first-of-type { margin-top: -6px; }
	#conteudo #lateral ul li { border-bottom: 1px solid #ededed; line-height: 39px; font-family: Arial, sans-serif; font-size: 12px; text-transform: uppercase; }
	#conteudo #lateral ul li a:before { content: '→\00a0\00a0' ; font-size: 12px; }
	#conteudo #lateral ul li a { color: #333333; }

	form .wpcf7-text, form .wpcf7-select, form textarea { border: 1px solid #cccccc; border-radius: 3px; background: #ffffff; outline: none; font-size: 14px; }
	form .wpcf7-text, form .wpcf7-select { width: 159px; padding: 0 5px; height: 28px; margin: 5px 0 15px 0; }
	form .wpcf7-select { display: block; -webkit-appearance: menulist-button; width: 169px; }
	form .wpcf7-text.input_grande { width: 525px; }
	form textarea { width: 527px; padding: 5px; height: 70px; margin: 5px 0 15px 0; resize: none; }
	form p { float: left; color: #8e8e8e; margin-right: 12px; }
	form .wpcf7-submit { width: 65px; height: 28px; color: #ffffff; font-size: 13px; cursor: pointer; border: 1px solid #0062b8; border-radius: 3px; display: block; background: #004ccc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGNjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDllZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #004ccc 0%, #349ed6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004ccc), color-stop(100%,#349ed6)); background: -webkit-linear-gradient(top,  #004ccc 0%,#349ed6 100%); background: -o-linear-gradient(top,  #004ccc 0%,#349ed6 100%); background: -ms-linear-gradient(top,  #004ccc 0%,#349ed6 100%); background: linear-gradient(to bottom,  #004ccc 0%,#349ed6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004ccc', endColorstr='#349ed6',GradientType=0 ); }
	.wpcf7-form-control[aria-invalid=true], #conteudo textarea[aria-invalid=true] { background-color: #fee; border-color: red; } { background-color: #fee; border-color: red; }
	.wpcf7-not-valid-tip, #conteudo .wpcf7-validation-errors { display: none !important; }
	.wpcf7-response-output { width: 100%; float: left; border: 0 !important; }
	
	.search-field { width: 150px !important; margin: 0 0 25px 0 !important; float: left; }
	.search-submit { float: left; /* margin: 10px 0 30px 0; */ width: 45px !important; height: 30px !important; margin-left: 10px; }

#rodape { background: url('img/bg_rodape.png') repeat-x; position: absolute; bottom: 0; left: 0; padding-top: 15px; width: 100%; height: 155px; }

	#rodape .informacoes { background: #ffffff; height: 61px; }
	#rodape .informacoes .divisao { float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #e4e1ce; height: 61px; line-height: 61px; font-size: 11px; color: #6d6e75; }
	#rodape .informacoes .divisao:first-of-type { margin-left: 100px; }
	#rodape .informacoes .divisao:last-of-type { border-right: 0; }
	#rodape .informacoes .divisao i { float: left; margin-right: 19px; margin-top: 13px; }
	#rodape .informacoes .divisao i.contato_rodape { margin-top: 19px; }
	#rodape .informacoes .divisao a { color: #0084ff; }
	#rodape .informacoes .divisao a.semcor { color: #6d6e75; }
	
	#rodape .solicite { background: url('img/ico_solicite_orcamento.png') center left no-repeat; padding-left: 30px; display: block; font-size: 14px; }
	#rodape .solicite a { color: #6d6e76 !important; }

	#rodape .logo { background: #36367b; height: 64px; padding-top: 30px; }
	#rodape .logo img { float: left; margin-left: 16px; }
	#rodape .direitos { margin: 5px 15px 0 58px; float: left; color: #ffffff; font-size: 11px; }
	#rodape .parceiros img { float: left; margin-left: 20px; }

/* Clearfix */

div:after { content: ""; display: table; clear: both; }