/* resset  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0;  padding: 0; border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }
nav ul {list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;cursor:pointer; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select {vertical-align: middle;color: #5e5b5b;}

@font-face {
    font-family: 'sintonybold';
    src: url('sintony-bold-webfont.eot');
    src: url('sintony-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sintony-bold-webfont.woff') format('woff'),
         url('sintony-bold-webfont.ttf') format('truetype'),
         url('sintony-bold-webfont.svg#sintonybold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sintonyregular';
    src: url('sintony-regular-webfont.eot');
    src: url('sintony-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sintony-regular-webfont.woff') format('woff'),
         url('sintony-regular-webfont.ttf') format('truetype'),
         url('sintony-regular-webfont.svg#sintonyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background-color: #fff;font-weight:normal;font-family: 'sintonyregular';}

span{font-family: 'sintonybold';font-weight:normal;}

/* slider  */
header{width:1020px; height:285px; background-color:#fff; margin-left:auto; margin-right:auto; margin-bottom:5px;}
#slider {width:1020px;height:285px;/*IE bugfix*/padding:0;margin:0;background-color:#fff; }
#slider li { list-style:none;margin:0;padding:0;background-color:#fff;  }
#page {width:1020px;margin:0;padding:0;background-color:#fff; }
/* menus  */

nav{width:1020px;height:115px;color:#FFF; font-style:normal;font-size:14px;font-weight:normal;font-family: 'sintonybold'; margin-left:auto; margin-right:auto;}
nav img{ float:left; margin-right:20px;}
ul{width:762px;float:left; margin-top:37px;background-color:#5e5b5b;}
li{float: left;width:120px;padding-top: 10px;padding-bottom: 10px;background-color:#5e5b5b;display:block;}
li a {padding-bottom:10px; padding-top:10px;width:100%;padding-right:45px; padding-left:10px;}
li a:hover{background-color:#f6303e;}
#home a{padding-right:100px;}
#contactos a{padding-right:82px;}
#frota a{padding-right:73px;}
#empresa a{padding-right:73px;}
#noticias a{padding-right:73px;}

.active{background-color:#f6303e;}

a:link {color:#fff; text-decoration:none;}  
a:visited {color:#fff; text-decoration:none;}

aside{ }
aside p{ width:120px;background-color:#5e5b5b; float:left; padding-top: 3px;padding-bottom: 3px; margin-left:1px; margin-top:1px;}
aside a{ padding-left:10px; padding-bottom:3px; padding-top:3px;font-size:14px; font-weight:normal;font-family: 'sintonybold';}
aside a:hover{ background-color:#f6303e;}

.sub{background-color:#f6303e;}

#historia a{padding-right:47px;}
#organizacao a{padding-right:12px;}
#qualidade a{padding-right:34px;}
#logisticos a{padding-right:32px;}
#transporte a{padding-right:23px;}

/* conteúdo  */
#content{color:#024194; width:1020px; height:755px; margin-left:auto; margin-right:auto; font-style:normal; font-weight:normal; font-size:12px; font-family: 'sintonyregular';}
article{width:231px; float:left; margin-left:10px;}
#content .primeiro{ margin-left:270px;}
h1{	font-size:20px;	font-style:normal;	font-weight:normal;	font-family: 'sintonyregular';	letter-spacing: normal;}
h2 {font-size:12px; font-style:normal; font-weight:normal;font-family: 'sintonyregular';letter-spacing: 0.01em;}
h3 {font-size:12px; font-style:normal; font-weight:normal;font-family: 'sintonyregular';letter-spacing: 0.01em;}
h4 {font-size:12px;	font-style:normal;	font-weight:normal;	font-family: 'sintonyregular';	letter-spacing: 0.01em;}
h5 {font-size:12px;	font-style:normal;	font-weight:normal;	font-family: 'sintonyregular';	letter-spacing: 0.01em;}

#content article form input{border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;text-align:left;padding:0;background-color:#024194; color:#FFF;font-size:12px;	font-style:normal;	font-weight:normal;	font-family: 'sintonyregular'; width:231px;}
#content article form .nome{ margin-top:18px;}
#content article form textarea{ background-color:#024194; color:#FFF;font-size:12px;	font-style:normal;	font-weight:normal;	font-family: 'sintonyregular';width:231px; height:50px;border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none; padding:0; }
#content article form .enviar{	width:70px;	text-decoration:none;	text-align:left; padding:0;	border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none; cursor:pointer;}


.letras { font-size:32px; font-style:normal; font-weight:normal; font-family: 'sintonybold';}
/* footer  */
footer{color:#001689;width:1020px; height:70px; margin-left:auto; margin-right:auto;font-size:8px;	font-style:normal;	font-weight:normal;	font-family: 'sintonyregular';}

footer p{margin-left:55px; padding-bottom:15px;}
footer p img{margin-right:50px;}
footer a:link {color:#001689; text-decoration:none;}  
footer a:visited {color:#001689; text-decoration:none;}

::-webkit-input-placeholder {
   color: white;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

:-ms-input-placeholder {  
   color: white;  
}


.modal p {
  font-size: 14px;
  text-align: left;
  margin: 10px 0 0;
}
.modal p:hover {
  cursor: pointer;
}


/* \\\\\\\\\\\\\\\\\    END DEMO CODE   ///////////////////////////////// */

/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  display: none;
  background: #eee;
  padding: 0 20px 20px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 600px;
  min-height: 300px;
}

.modal h2{
  margin: 30px 0 50px;
}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */