@import url("../../assets/reset.css");
@import url("../../assets/css/slideshow.css");
@import url("../../assets/css/magnific-popup.css");
@import url("../../assets/css/modal.css");
@import url("../../assets/css/validate-form.css");

.ricardomarx {
	width: 100%;
	background: #cc1926;
	line-height: 44px;
	
	height: 47px;
	
	border-bottom: 1px solid #911731;
}

.ricardomarx .container {
	padding: 0 20px;
}

.ricardomarx .menu ul li {
	float: right;
	list-style: none;
	padding: 0 8px;
	border-right: 1px solid #911731;
}

.ricardomarx .menu ul li a {
	color: #6d0f1f;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-transform: uppercase;
    font-size: 12px;
}

.ricardomarx .menu ul li a:hover {
	color: #FFF;
}

.wrapper {width: 980px; margin: 0 auto;}

p {line-height: 1.5; padding: 0; margin: 0; text-align: left;}
a {font-weight: 400; text-align: left; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
a:hover {font-weight: 400; text-align: left; text-decoration: none;}

*{ margin: 0; padding: 0; }
html {background: white; min-height: 100%; background-size: cover; background-attachment: fixed;}
body {min-height: 100%; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 14px; line-height: 1.5;}

/* HEADER */
header#header {top: -5px; position: relative; height: 26px; text-align: center; width: 100%; background: #ca2e2e; color: #5b1110; border-bottom: 1px solid #982f25; font-size: 12px; line-height: 26px; text-transform: uppercase;}
header#header ul#esquerdo {float: left;}
header#header ul#esquerdo li {display: inline-table; padding: 0; font-size: 14px;}
header#header ul#esquerdo li:last-child {border: 0; padding: 0 0 0 15px;}
header#header ul#esquerdo li:first-child {padding: 0 20px 0 0; border-right: 1px solid #982f25;}
header#header ul#esquerdo li.fixo {color: white; margin-left: 0px;}
header#header ul#esquerdo li.cel {color: white; margin-left: 0px;}
header#header ul#direito {float: right;}
header#header ul#direito li {display: inline-table; border-right: 1px solid #982f25; padding: 0 10px 0 10px;}
header#header ul#direito li:last-child {border: 0; padding: 0 0 0 10px;}
header#header ul#direito li a {color: #5b1110;}
header#header ul#direito li a:hover {color: #f4f4f4;}
header#header ul#direito li a.active {color: #f4f4f4;}

/* HEADER 2 */
header#header2 {top: 26px; height: 70px; text-align: center; width: 100%; background: white; padding: 0px 0 30px 0; border-bottom: 1px solid #c6c6c6; line-height: 98px;}
header#header2 a.logotipo {width: 220px; height: 70px; margin-left: 12px; display: inline-table; background: url("../images/logotipo.png") no-repeat center center; float: left; text-align: center; text-indent: -9999px;}
header#header2 nav#menu {margin-right: 42px; margin-top: 6px; display: inline-table; float: right; text-transform: uppercase; font-weight: 400;}
header#header2 nav#menu ul li {display: inline-table; padding: 4px 22px 0 22px;}
header#header2 nav#menu ul li:last-child {padding: 0 0 0 22px;}
header#header2 nav#menu ul li:first-child {padding: 0 22px 0 0;}
header#header2 nav#menu ul li a {color: #5e5e5e; float: left; text-transform: uppercase; font-size: 14px; display:block; position: relative;}
header#header2 nav#menu ul li a:after {content:"&nbsp"; text-indent: -9999px; width: 8px; height: 8px; position: absolute; left:50%; top: 25px; margin-left:-3px; background:url('../images/dot-off.png') 0 0 no-repeat}
header#header2 nav#menu ul li a:hover {color: #ca2e2e;}
header#header2 nav#menu ul li a:hover:after{content:"&nbsp"; text-indent: -9999px; width: 8px; height: 8px; position: absolute; left:50%; top: 25px; margin-left: -3px; background:url('../images/dot-on.png') 0 0 no-repeat}
header#header2 nav#menu ul li a.active  {color: #ca2e2e;}
header#header2 nav#menu ul li a.active:after{color: #ca2e2e; content:"&nbsp"; text-indent:-9999px; width: 8px; height: 8px; position: absolute; left: 50%; top:25px; margin-left: -3px; background:url('../images/dot-on.png') 0 0 no-repeat}

/* HOME */
section#home {width: 100%; height: auto; padding-top: 60px}
section#home p {color: white;}

/* A MARX */
section#amarx {width: 100%; padding-bottom: 60px; text-align: center;}
section#amarx h2 {padding: 8px 30px; margin-top: 0px; background: #ca2e2e; border: 1px solid #8c1919; display: inline-table; color: white; font-size: 16px; font-weight: 400; text-transform: uppercase;}
section#amarx article p {color: #7f7f7f; font-weight: 300; font-size: 14px; margin-bottom: 14px; text-align: left; line-height: 1.5}
section#amarx article p:FIRST-CHILD {margin-top: 40px}
section#amarx article a.more {color: yellow;}
section#amarx a.confira {width: 100%; border: 1px solid #ca2e2e; display: inline-table; text-align: center; margin-top: 35px; margin-bottom: 30px; padding: 50px 0 50px 0; text-transform: uppercase; font-weight: 700; color: #ca2e2e;}
section#amarx a.confira:hover {background: #ca2e2e; color: white; border: 1px solid #ca2e2e;}
section#amarx #equipe h3 {color: white; font-size: 35px; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 10px;}
section#amarx #equipe ul li {width: 128px; height: 128px; display: inline-table; margin-left: 10px; margin-right: 10px; margin-bottom: 20px;}
section#amarx #equipe ul li p {margin: 0; padding: 0; color: white; font-weight: 500;}
section#amarx #equipe ul li p span {font-weight: 300;}

ul.mini-galeria li {width: 136px; height: 90px; background: #ca2e2e; display: inline-block; position: relative; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}
ul.mini-galeria li .lupa {background: url("../images/btn-lupa.png") no-repeat; width: 25px; height: 25px; position: absolute; right: 0; bottom: 0;}
ul.mini-galeria li .lupa-top {background: url("../images/btn-lupa.png") no-repeat; width: 25px; height: 25px; position: absolute; right: 0; top: 0;}
ul.mini-galeria li:hover {opacity: 0.7; filter: alpha(opacity=70);}

/* PRODUTOS */
section#produtos {background: #f4f4f4; border-top: 1px solid #DDD; width: 100%; padding-bottom: 60px; text-align: center;}
section#produtos h2 {padding: 8px 30px; margin-top: -18px; background: #ca2e2e; border: 1px solid #DDD; display: inline-table; color: white; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 30px;}
section#produtos p {color: #7f7f7f; font-size: 14px; margin-bottom: 14px; text-align: left;}
section#produtos p.dot {background: url("../images/dot-on.png") no-repeat left center; padding-left: 15px;}
section#produtos div.conheca {display: inline-table; vertical-align: top; width: 500px; border-right: 1px solid #e3e3e3; padding-right: 30px; margin-top: 80px; text-align: left;}
section#produtos div.osprodutos {display: inline-table; vertical-align: top; width: 400px; padding-left: 30px; margin-top: 0px}
section#produtos div.osprodutos ul li {display: inline-block; width: 128px; height: 128px; background: black;}

/* CLIENTES */
section#clientes {background: #FFF; border-top: 1px solid #DDD; width: 100%; padding-bottom: 60px; text-align: center;}
section#clientes div.wrapper {width: 650px;}
section#clientes h2 {padding: 8px 30px; margin-top: -18px; background: #ca2e2e; border: 1px solid #DDD; display: inline-table; color: white; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 30px;}
section#clientes p {color: white; font-size: 14px; margin-bottom: 14px; text-align: left;}
section#clientes ul.clientes {padding-top: 20px;}
section#clientes ul.clientes li {display: inline-table; width: 128px; height: 128px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px;}

/* PORTFOLIO */
section#portfolio {background: #ca2e2e; border-top: 1px solid #8c1919; width: 100%; padding-bottom: 60px; text-align: center;}
section#portfolio h2 {padding: 8px 30px; margin-top: -18px; background: #ca2e2e; border: 1px solid #8c1919; display: inline-table; color: #F4F4F4; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 30px;}
section#portfolio p {color: white; font-size: 14px; margin-bottom: 14px; text-align: left;}
section#portfolio ul.portfolio {padding-top: 20px;}
section#portfolio ul.portfolio li {display: inline-block; width: 290px; height: 217px; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}
section#portfolio ul.portfolio li:hover {opacity: 0.7; filter: alpha(opacity=70);}

ul.mini-galeria-portfolio li {width: 290px; height: 217px; background: #ca2e2e; display: inline-block; position: relative;}
ul.mini-galeria-portfolio li .lupa {background: url("../images/btn-lupa.png") no-repeat; width: 25px; height: 25px; position: absolute; right: 0; bottom: 0;}

/* SOCIETTA */
section#societta {background: #FFF; border-top: 1px solid #DDD; width: 100%; padding-bottom: 60px; text-align: center;}
div#societta {background: #FFF; display: inline-table; border-top: 1px solid #DDD; width: 100%; padding-top: 200px; padding-bottom: 60px; text-align: center;}
div#societta aside {display: inline-table; float: left; width: 306px;}
div#societta #content {display: inline-table; width: 650px; float: right;}
div#societta #content p {color: #999;}
div#societta #content ul {padding: 0; margin: 30px 0 0 0;}
div#societta #content ul li {display: inline-table; margin: 0 10px 10px 10px;}

/* TV */
section#tv {background: #f4f4f4; border-top: 1px solid #DDD; width: 100%; padding-bottom: 120px; text-align: center;}
section#tv article p a {color: #ca2e2e; text-decoration: underline;}
section#tv article p a:hover {color: #7f7f7f; text-decoration: underline;}
section#tv h2 {padding: 8px 30px; margin-top: -18px; background: #ca2e2e; border: 1px solid #DDD; display: inline-table; color: white; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 30px;}
section#tv p {color: #7f7f7f; font-size: 14px; margin-bottom: 14px; text-align: left;}
section#tv p.dot {background: url("../images/dot-on.png") no-repeat left center; padding-left: 15px;}
section#tv div.conheca {display: inline-table; vertical-align: top; width: 600px; border-right: 1px solid #e3e3e3; padding-right: 10px; margin-top: 45px; text-align: left;}
section#tv div.osprodutos {display: inline-table; vertical-align: top; width: 300px; padding-left: 30px; margin-top: 48px;}

section#tv ul.mini-galeria li {width: 300px; background: #eee; display: block; margin-bottom: 20px; position: relative; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}
section#tv ul.mini-galeria li .lupa {background: url("../images/btn-lupa.png") no-repeat; width: 25px; height: 25px; position: absolute; right: 0; bottom: 0;}
section#tv ul.mini-galeria li .lupa-top {background: url("../images/btn-lupa.png") no-repeat; width: 25px; height: 25px; position: absolute; right: 0; top: 0;}
section#tv ul.mini-galeria li:hover {opacity: 0.7; filter: alpha(opacity=70);}
section#tv ul.mini-galeria li div.img {display: inline-table; vertical-align: top; float: left; padding: 5px}
section#tv ul.mini-galeria li div.tit {display: inline-table; vertical-align: top; float: left; margin-left: 15px;}
section#tv ul.mini-galeria li a div.tit {color: #666}

/* CONTATO */
section#contato {background: #f4f4f4; border-top: 1px solid #ddd; width: 100%; padding-bottom: 60px; text-align: center;}
section#contato h2 {padding: 8px 30px; margin-top: -18px; background: #ca2e2e; border: 1px solid #8c1919; display: inline-table; color: white; font-size: 16px; font-weight: 400; text-transform: uppercase; margin-bottom: 30px;}
section#contato p span {text-align: left; color: #ca2e2e;}
section#contato p {color: #ca2e2e; font-size: 14px; margin-bottom: 14px; text-align: left; padding-top: 20px;}
section#contato p span.titulo {font-size: 20px; text-transform: uppercase; display: block; margin-bottom: -20px;}
section#contato p span.ddd {font-size: 16px; display: inline-table;}
section#contato p span.telefone {font-size: 55px; margin-left: 8px; font-weight: 700; display: inline-table;}
section#contato p span.email {font-size: 55px; font-weight: 700; display: inline-table;}
section#contato p span.email a {color: #ca2e2e; font-weight: 700;}
section#contato p span.email a:hover {color: #5b1110; font-weight: 700;}
section#contato p span.email2 {font-size: 16px; font-weight: 400; display: inline-table;}
section#contato p span.endereco {color: #7f7f7f; font-size: 20px; display: inline-table; font-weight: 300; margin-top: 20px;}

/* FOOTER */
footer#footer {height: 190px; width: 100%; text-align: center; color: white; background: #ca2e2e;}
footer#footer nav ul {display: inline-table; text-align: center;}
footer#footer nav {border-bottom: 1px solid #982f25; height: 30px;}
footer#footer nav ul li {display: inline-table; text-transform: uppercase; border-right: 1px solid #982f25; padding: 5px 30px 5px 30px;}
footer#footer nav ul li a {color: white;}
footer#footer nav ul li a:hover {color: #7b1414}
footer#footer nav ul li:first-child {padding: 5px 30px 5px 0;}
footer#footer nav ul li:last-child {border-right: 0; padding: 5px 0 5px 30px;}
footer#footer a.voltar {width: 73px; height: 73px; position: absolute; right: 25px; background: url("../images/btn-up.png") no-repeat; margin-top: 20px; display: block; color: #7b1414; text-align: center; padding-top: 77px}
footer#footer a.voltar:hover {color:#f4F4F4}
footer#footer p {text-align: center; color: white; margin-top: 65px;}

/* FOOTER 2 */
footer#footer2 {height: 26px; width: 100%; text-align: center; color: #caa1a1; background: #7b1414; line-height: 26px; font-size: 12px; font-family: 'Raleway', Arial, sans-serif;}
footer#footer2 a span {font-weight: 300;}
footer#footer2 a {color: #caa1a1; font-weight: 800; text-transform: lowercase;}
footer#footer2 a:hover {color: white;}