@charset "utf-8";
/* PANDA RASTREAMENTOS DE VEÍCULOS */

* {margin:0; padding:0;}

body {font:14px 'Yanone Kaffeesatz', sans-serif; font-weight:300; color:#666666; background:#fff;}

a {-webkit-transition: color 120ms linear; -moz-transition: color 120ms linear; -ms-transition: color 120ms linear;	-o-transition: color 120ms linear; transition: color 120ms linear;}
a:hover {-webkit-transition: color 120ms linear; -moz-transition: color 120ms linear; -ms-transition: color 120ms linear; -o-transition: color 120ms linear; transition: color 120ms linear;}

#foto {height:445px; background:url(../images/foto-topo.jpg) center top repeat-x;}

#foto-wrap {width:940px; height:445px; margin:0 auto;}

#logo-menu {width:522px; height:166px; background:url(../images/bg-logo-menu.png) no-repeat; float:left;}
#logo-menu #logo {margin:43px 0 0 23px; float:left;}
#logo-menu #menu {width:180px; height:166px; float:right; font-weight:300;}
#logo-menu #menu ul {list-style:none; text-align:right; margin-top:15px;}
#logo-menu #menu ul li {margin-bottom:2px;}
#logo-menu #menu ul li a {text-decoration:none; font-size:11px; color:#fff; display:block; padding-right:106px; background:url(../images/bg-li.png) right no-repeat; text-transform:uppercase;}
#logo-menu #menu ul li a:hover {color:#ff7e00;}
#logo-menu #menu ul li.active a {color:#ff7e00; background:url(../images/bg-li-active.png) right no-repeat; text-shadow:1px 1px 0 #000;}

#rastreamento {width:210px; height:108px; background:#05599a; color:#fff; float:right; text-align:center; text-shadow:1px 1px 0 #333;}
#rastreamento h3 {font-size:22px; margin-top:4px;}
#rastreamento span {font-size:14px;}
#rastreamento #azul-claro {width:185px; height:35px; background:#1b7cc6; margin:10px auto 0 auto; font-weight:300;}
#rastreamento #azul-claro ul {list-style:none; padding-top:5px;}
#rastreamento #azul-claro ul li {float:left; border-right:1px solid #2f92dd; padding:3px 10px}
#rastreamento #azul-claro ul li:first-child  {}
#rastreamento #azul-claro ul li:last-child {border-right:none;}
#rastreamento #azul-claro ul li a {text-decoration:none; font-size:8px; color:#fff; text-transform:uppercase;}
#rastreamento #azul-claro ul li a:hover {text-decoration:underline;}

#cinza {background:#ebebeb; margin-top:67px; padding-bottom:133px;}
#cinza-wrap {width:940px; margin:0 auto;}

#top {padding:30px 0 45px 0; text-align:center; font-size:20px; font-weight:300;}
#top h3 {color:#05599a; font-size:40px; font-weight:700;}
#top h3 span {color:#ff7e00; font-size:50px;}
#top span {color:#ff7e00; font-size:23px;}
#top a {color:#ff7e00; font-size:23px; text-decoration:none;}
#top a:hover {text-decoration:underline;}

.box {width:300px; height:390px; float:left; margin-right:20px; font-size:18px; text-align:center; font-weight:300; margin-top:-67px; background:#fff;}
.box h3 {text-transform:uppercase; color:#fff; font-size:19px; font-weight:400; text-align:center; height:52px; padding-top:15px; text-shadow:1px 1px 0 #000;}
.box p {padding:0 20px; margin-bottom:5px;}
.box p img {margin-bottom:8px; margin-left:-20px;}
.box a {color:#ff7e00; text-decoration:none;}
.box a:hover {text-decoration:underline;}

#box3 {margin-right:0;}

#box1 h3 {background:url(../images/h3-1.jpg) no-repeat;}
#box2 h3 {background:url(../images/h3-2.jpg) no-repeat;}
#box3 h3 {margin-right:0; background:url(../images/h3-3.jpg) no-repeat;}

#footer {width:640px; margin:0 auto; text-align:center; }

#copyright {height:80px; box-shadow:0 0 10px #ccc; margin-top:-55px; background:#fff; margin-bottom:15px; font-size:17px; font-weight:300; text-align:left; padding-top:13px;}
#copyright h3 {font-size:21px; color:#05599a; margin-left:20px; font-weight:400;}
#copyright p {margin-left:20px;}
#copyright #logo-footer {float:right; margin-top:-53px; margin-right:20px;}

#us3 {margin-bottom:20px;}

/* INTERNO */

#wrap {width:940px; margin:0 auto; height:auto; padding-top:20px;}

#content {font-size:20px; text-align:justify;}
#content ul {padding-left:20px;}
#content .actions {display:none;}
#content p {margin-bottom:15px;}
#content strong {color:#333;}

#content h2 {font-size:45px; color:#05599a; margin-bottom:30px; padding-left:12px; background:url(../images/ponto-h2.gif) no-repeat; background-position:0 38px;}

/* CONTATO */

#userForm .componentheading {font-size:45px; color:#05599a; margin-bottom:30px; padding-left:12px; background:url(../images/ponto-h2.gif) no-repeat; background-position:0 38px; font-weight:700;}
#userForm .formTableLayout .formTableLeft {padding-right:20px;}
#userForm .formTableLayout input {margin-top:7px; border:1px solid #d2d2d2; padding:10px; font-size:18px; font-family:'Yanone Kaffeesatz'; color:#05599a; border-radius:4px; width:437px;}
#userForm .formTableLayout select {margin-top:7px; border:1px solid #d2d2d2; padding:9px 10px; font-size:18px; font-family:'Yanone Kaffeesatz'; color:#05599a; border-radius:4px; width:458px;}
#userForm .formTableLayout textarea {margin-top:7px; border:1px solid #d2d2d2; padding:10px; font-size:18px; font-family:'Yanone Kaffeesatz'; color:#05599a; border-radius:4px; width:918px;}
#userForm .formTableLayout #Enviar {padding:10px; font-size:18px; font-family:'Yanone Kaffeesatz'; background:#05599a; border-radius:4px; text-transform:uppercase; color:#fff; width:auto !important; cursor:pointer; border:none; margin-top:-20px; -webkit-transition: background 0.6s ease; -moz-transition: background 0.6s ease; -ms-transition: background 0.6s ease; -o-transition: background 0.6s ease; transition: background 0.6s ease;}
#userForm .formTableLayout #Enviar:hover {background:#ff7e00;}
	
#userForm .formTableLayout span {font-size:16px;}
.rsform-submit-button.btn.btn-primary {padding:10px; font-size:18px; font-family:'Yanone Kaffeesatz'; background:#05599a; border-radius:4px; text-transform:uppercase; color:#fff; width:auto !important; cursor:pointer; border:none; margin-top:-20px; -webkit-transition: background 0.6s ease; -moz-transition: background 0.6s ease; -ms-transition: background 0.6s ease; -o-transition: background 0.6s ease; transition: background 0.6s ease;}