﻿/***************************************************
			      MAIN SETTINGS
***************************************************/

body {width: 100%; height: 100%; font: 12px/18px 'Open Sans', Arial, sans-serif; background: #e6e6e6; color: #464646; min-width: 990px;}
/***Cor original background #e6e6e6 depois #c9c7c7, cor barrabas #b9b8b8**/

a {color: #494949;	text-decoration: none;	cursor: pointer;}

.main {width: 990px; margin: 33px auto;}

.fl-l {float: left;}
.fl-r {float: right;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.underline {text-decoration: underline;}
.bold {font-weight:700;}

/* LINKS*/

.linkgoogle {text-decoration:none; color:white;}
.linkgoogle:hover {text-decoration:none; color:#fe7902;}

.saibamais {text-decoration:none; color:#494949;}
.saibamais:hover {text-decoration:none; color:#fe7902; font-weight:700;} 

.blp {text-decoration:none; color:white;}
.blp:hover {text-decoration:underline; color:white;}

.shadow {-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}

/***************************************************
			      HEADER
***************************************************/

.logo {width: 176px; height:85px; margin-bottom: -30px;	margin-top: -15px; z-index: 1;	position:relative; top: -8px; left: 15px;}

h1 {display: block;	text-indent: -999em; width: 176px;	height: 115px; background: url('../images/logo-psm.png') no-repeat;}

#fb{position:relative; float:left; top:-50px; left:400px; width:35px; height:35px; z-index:10000;}

.header-right {width: 450px; margin-bottom: -50px; position:relative; top: 30px; left: -10px;}

.header-center {width: 335px; margin-bottom: -50px;	margin-top: -15px; position:relative; top: -60px; left: 292px;}

.font-topo {font: 500 28px/34px 'Jockey One', sans-serif; color:#494949;} 
.font-1 {font: 600 19px/23px 'Open Sans', sans-serif; color:#0e7bd1;}
.font-2 {font: 11px/23px 'Open Sans', Arial, sans-serif; color:#494949;	margin-top: -2px; word-spacing:2px;}
.font-3 {font: 500 14px/23px 'Open Sans', Arial, sans-serif; color:#494949;	word-spacing:2px;}

#rover{position:absolute; float:left; top:78px; left:22px; z-index:10000;}
#landrover{position:absolute; float:left; top:78px; left:92px; z-index:10000;}

/***************************************************
			      MENU
***************************************************/

.menu{ font: 500 25px/28px 'Jockey One', sans-serif;  border:3px white solid; width: 100%; margin: 73px 0px 30px 0px; position:relative;}
.menu{-moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px;
            -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.6) inset;
               -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.6) inset;
                    box-shadow:0 5px 10px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.6) inset;}
                    
.menu ul{background:url("../images/menu.png") repeat-x; height:50px; list-style: none;}
.menu li{float:left; padding: 0px 10px 0px 10px;}
.menu li a{background:url('../images/menu.png') repeat-x; color:white; display:block; line-height:50px; 
  	      padding:0px 12px; text-align:center; text-decoration:none;}
.menu li a:hover, .menu ul li:hover a{background: url("../images/highlight.png") repeat-x; color:#FFFFFF; text-decoration:none;}
.menu li:hover ul{display:block;}
.menu li.active a {background: url("../images/highlight.png") repeat-x;}

/***************************************************
			      BANNER
***************************************************/

/**.bannerbg {background:url('../images/header-tail.gif') repeat-x; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}****/
.bannerbg {background:url('../images/head-tail1.jpg') no-repeat; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}
.bannerbg-servicos {background:url('../images/head-servicos.jpg') no-repeat; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}
.bannerbg-oficina {background:url('../images/head-oficina.jpg') no-repeat; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}
.bannerbg-eventos {background:url('../images/head-eventos.jpg') no-repeat; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}
.bannerbg-marcas {background:url('../images/head-marcas.jpg') no-repeat; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}
.bannerbg-agendamento {background:url('../images/head-agendamento.jpg') no-repeat; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}
.bannerbg-contatos {background:url('../images/head-contatos.jpg') no-repeat; width:100%; height:276px; margin-top:5px; margin-bottom:10px;}
.banner-jeep {position:relative; top: -20px; left: 15px;}
.banner-eventos {position:relative; top: -28px; left: 0px;}
.banner-oficina {position:relative; top: -24px; left: 0px;}
.banner-servicos {position:relative; top: -24px; left: 1px;}
.banner-contatos {position:relative; top: -20px; left: -30px;}
.banner-text {width: 450px;  position:relative; top: 10px; left: 50px;}
.banner-text-eventos {width: 450px;  position:relative; top: 30px; left: 20px;}
.banner-text-marcas {width: 450px;  position:relative; top: 30px; left: 50px;}
.banner-text-oficina {width: 500px;  position:relative; top: 15px; left: 40px;}
.banner-text-servicos {width: 500px;  position:relative; top: 15px; left: 60px;}
.banner-text-contatos {width: 432px;  position:relative; top: 30px; left: 50px;}
.font-banner {font: 500 60px/70px 'Jockey One', sans-serif; color:white; word-spacing:2px;}
.font-banner-eventos {font: 500 40px/60px 'Jockey One', sans-serif; color:white; word-spacing:2px; width: 455px;}
.font-banner-oficina {font: 500 40px/55px 'Jockey One', sans-serif; color:white; word-spacing:2px; width: 455px;}
.font-banner-servicos {font: 500 40px/55px 'Jockey One', sans-serif; color:white; word-spacing:1px; width: 500px;}
.font-banner-marcas {font: 500 40px/50px 'Jockey One', sans-serif; color:white; word-spacing:2px; width: 455px;}
.font-banner-1 {font: 500 30px/30px 'Jockey One', sans-serif; color:white; word-spacing:5px; position:relative; top: -20px; left:10px;}
.font-banner-1-eventos {font: 500 16px/30px 'Jockey One', sans-serif; color:white; word-spacing:5px; position:relative; top: -20px; left:120px;}

/***************************************************
			     HOLDERS
***************************************************/

/* BEM-VINDOS 1ª PAGINA*/

.holder_content1 {position: relative; float: left; width: 100%; margin-top:5px; margin-bottom:40px;}

.group1 {float: left; width: 600px; min-height:350px; position: relative; padding:15px; margin-top:-40px; margin-right:45px; background-color:transparent; border: 3px white solid;}
.group1 {-moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}


/* CONTATOS 1ª PAGINA*/
.group2 {float: left; width: 273px; min-height:350px; position: relative;	padding:15px; margin-top:-40px; background-color:#1565c4; border: 3px white solid;}
.group2 {-moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}
.font-group2 {font: 500 26px/30px 'Jockey One', sans-serif; color:white; word-spacing:2px; padding-bottom:15px;}
.font-group2-1 {font: 400 18px/24px 'Jockey One', sans-serif; color:white; word-spacing:2px;}

/*CONTATOS*/
.group-form {float: left; width: 560px; min-height:350px; position: relative; margin-top:20px; margin-right:30px; background-color:transparent;}
.group-contatos {float: left; width: 356px; min-height:350px; position: relative; margin-top:20px; background-color:transparent; text-align:left;}
.form-names {font: 600 13px/23px 'Open Sans', Arial, sans-serif; color:#494949; width:75px; height:20px; text-align:right; padding-right:10px}
.form-names-data-desejada {font: 600 12px/16px 'Open Sans', Arial, sans-serif; color:#494949; width:75px; height:20px; text-align:right; padding-right:10px; letter-spacing:-1px}
.form-style {font: 500 13px/23px 'Open Sans', Arial, sans-serif; color:black; width:431px; height:20px; text-align:left; border: 2px solid #0e7bd1; padding-left:5px;}
.form-style-ano-carro {font: 500 13px/23px 'Open Sans', Arial, sans-serif; color:black; width:60px; height:20px; text-align:left; border: 2px solid #0e7bd1; padding-left:5px;}
.form-style-textarea {font: 500 13px/23px 'Open Sans', Arial, sans-serif; color:black; width:431px; height:140px; text-align:left; border: 2px solid #0e7bd1; padding-left:5px;}
.form-style-dia {font: 500 13px/23px 'Open Sans', Arial, sans-serif; color:black; width:50px; height:25px; text-align:left; border: 2px solid #0e7bd1; margin-right:10px;}
.form-style-mes {font: 500 13px/23px 'Open Sans', Arial, sans-serif; color:black; width:55px; height:25px; text-align:left; border: 2px solid #0e7bd1; margin-right:10px;}
.form-style-ano {font: 500 13px/23px 'Open Sans', Arial, sans-serif; color:black; width:60px; height:25px; text-align:left; border: 2px solid #0e7bd1;}
.form-mandatory {font: 600 11px/23px 'Open Sans', Arial, sans-serif; color:#494949; width:457px; height:20px; text-align:left;}
.form-style-senderase {font: 500 13px/23px 'Open Sans', Arial, sans-serif; color:#494949; border: 2px solid #0e7bd1; padding:3px; background-color:white}
.font-text-contactos-normal {font: 700 14px/20px 'Open Sans', Arial, sans-serif; color:#494949; word-spacing:2px;}
.font-text-contactos-small {font: 400 13px/16px 'Open Sans', Arial, sans-serif; color:#494949; word-spacing:2px;}

.asterisk {font: 700 9px/23px 'Open Sans', Arial, sans-serif; color:red; position: relative; top: -0.5em;}

.font-bemvindos {font: 500 26px/30px 'Jockey One', Arial, sans-serif; color:#1565c4; word-spacing:2px;}
.fotos {border: 3px white solid; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.fotos {-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}   
.shadow {-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}                 
.font-text {font: 400 14px/23px 'Open Sans', Arial, sans-serif; color:#494949; word-spacing:2px;}


.m-b10 {margin-bottom:10px;}
.m-b15 {margin-bottom:15px;}
.m-b20 {margin-bottom:20px;}
.m-b25 {margin-bottom:25px;}
.m-b-r-15 {margin: 0px 15px 15px 0px;}
.m-t20 {margin-top:20px;}
.m-r10 {margin-right:10px;}
.p-b10 {padding-bottom:10px;}
.p-t10 {padding-top:10px;}
.pcenter{text-align:center;}

/* EVENTOS*/
.group-eventos {float: left; width: 956px; min-height:350px; position: relative; padding:15px; margin-top:-40px; margin-bottom:40px; background-color:transparent; border: 3px white solid;}
.group-eventos {-moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}

.group-ferias {float: left; width: 956px; min-height:100px; position: relative; padding:15px; margin-top:-40px; margin-bottom:40px; background-color:transparent; border: 3px white solid;}
.group-ferias {-moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}


.subtitle {margin-top:-5px; font: 400 12px/16px 'Open Sans', Arial, sans-serif; color:#494949;	word-spacing:2px;}
.imagelines {margin:0px 10px 0px 22px;}
.imagelines-last {margin-left:23px;}

/* OFICINA*/
.group-oficina-fotos {float: left; width: 956px; min-height:350px; position: relative; padding:15px; margin-top: 0; margin-bottom:40px; background-color:transparent; border: 3px white solid;}
.group-oficina-fotos {-moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}


/* FOOTER
========================================================================= */

.group3 {float: left; width: 100%; background-color:#494949; border: 3px white solid; margin-bottom:30px; padding: 15px 0;}
.group3 {-moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.6); box-shadow:0 5px 10px rgba(0, 0, 0, 0.6);}

.list-1 {margin-left: 15px; position:relative; list-style:none;}
.list-1 li {line-height: 30px;	padding: 0 8px; float:left;}
.list-1 li a {color: white; font: 500 16px/20px 'Jockey One', sans-serif; word-spacing:2px;}
.list-1 li a:hover, .list-1 li.active a {color:#0e7bd1;}

.copyright {font: 12px/16px Arial, sans-serif; color: white; margin-right:20px; margin-top:8px;}
.copyright a {color: white; display:inline-block; margin-left: 20px;}
.copyright a:hover {text-decoration:underline;}
