/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* ESTRUTURA */

body {background:#395191 url(../imagens/body_background2.jpg) repeat-x left -1px; margin-top:25px;}
#page {width:740px; margin:0 auto;}
#header {background:#2a4384 url(../imagens/header_background.jpg) no-repeat left top; height:103px; position:relative;}
#flash {height:176px; margin-top:6px;}
#content {background:#fff url(../imagens/content_background.jpg) no-repeat left top; margin-top:12px; padding:1px 25px 0 25px;}
#footer {background:#fff; padding:15px 0;}

.fotos {width:300px; height:225px; border:1px solid #e5e5e5; padding:5px;  float:left;}
.map {width:350px; height:225px; border:1px solid #e5e5e5; padding:5px; float:right;}
.mapa {height:225px;}

h1 {padding-top:18px; margin-left:16px;}
h1 a {background:url(../imagens/logo.jpg) no-repeat; text-indent:-10000px; width:277px; height:65px; display:block;}

.menu {position:absolute; top:63px; left:336px;}
.menu li {float:left;}
.menu a {text-indent:-10000px; height:24px; margin-left:21px; display:block;}
.menu .quemsomos {background:url(../imagens/menu_quemsomos.jpg) no-repeat left top; width:98px;}
.menu .servicos {background:url(../imagens/menu_servicos.jpg) no-repeat left top; width:61px;}
.menu .pontos {background:url(../imagens/menu_pontos.jpg) no-repeat left top; width:52px;}
.menu .contato {background:url(../imagens/menu_contato.jpg) no-repeat left top; width:62px;}

.menu .quemsomos:hover {background:url(../imagens/menu_quemsomos.jpg) no-repeat left bottom;}
.menu .servicos:hover {background:url(../imagens/menu_servicos.jpg) no-repeat left bottom;}
.menu .pontos:hover {background:url(../imagens/menu_pontos.jpg) no-repeat left bottom;}
.menu .contato:hover {background:url(../imagens/menu_contato.jpg) no-repeat left bottom;}

.chamadas {padding-top:25px;}
.chamadas div {float:left;}
.chamada1 {width:220px;}
.chamada2 {width:220px; margin:0 15px;}
.chamada3 {width:220px;}

/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html {font-size: 62.5%; font-family: verdana, arial, helvetica, "microsoft sans serif", sans-serif; }
strong, b, th, thead td { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea {font-family: verdana, arial, helvetica, "microsoft sans serif", sans-serif;}
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

#content h2 {font-family:arial, verdana, helvetica, "microsoft sans serif", sans-serif; letter-spacing:-1px; border-bottom:1px solid #e5e5e5; padding-bottom:18px;}
#footer p {font-family:arial; text-align:center;}

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset {background:#fafafa; border:1px solid #d7d7d7; padding:15px;}
legend {background:#fff;}
textarea, input[type='text'], select {border: 1px solid #2a4384; margin:0 4px; background: #fff; outline: 3px solid #e5e7ee; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 3px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }
label {padding:5px 0; display:block;}

.contato_form {width:400px; float:left;}
.contato_outros {width:240px; float:right;}
.contato_ico {margin:0!important; list-style:none!important;}
.contato_ico li {margin:0!important; padding-left:35px;}
.contato_tel {background:url(../imagens/ico_tel.gif) no-repeat left center;}
.contato_cel {background:url(../imagens/ico_cel.gif) no-repeat left center;}
.contato_email {background:url(../imagens/ico_email.gif) no-repeat left center;}

.input_grande {width:300px;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

#content { font-size: 1.0em; line-height: 1.6em; }
#content h1 { font-size: 1.6em; }
#content h2 { font-size: 2.4em; }
#content h3 { font-size: 1.5em; }
#content h4 { font-size: 1em; }
#content h5 { font-size: 1.2em; }
#content h6 { font-size: 1em; }

/* HR */

#content hr { display: block; background: #e5e5e5; color: #aaa; width: 100%; height: 1px; border: none; clear:both; }

/* LISTS */

#content ul {list-style:disc;}
#content ul li { margin-left: .85em; }
#content ol { list-style-position: outside; list-style-type: decimal; }
#content dt { font-weight: bold; }

/* TABLES */

#content table {border-top: 1px solid #ccc;  border-left: 1px solid #ccc;}
#content th, #content td {border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
#content td {vertical-align:middle;}

#content th {background:#2a4384; color:#fff;}
#content td {color:#666;}
#content tbody tr.alt {background:#fafafa;}
#content tbody tr:hover {background:#ededed;}

.numero {text-align:center; width:20px;}
.estado {text-align:center; width:60px;}
.detalhes {text-align:center; width:50px;}
.espaco {width:20px;}
.bisemana, .periodo {text-align:center; width:120px;}

.livre {color:#00a651!important;}
.ocupado {color:#ed1c24!important;}
.manutencao {color:#00aeef!important;}
.indisponivel {color:#999!important;}

/* MARGINS & PADDINGS */

#content blockquote *:first-child { margin: .8em 0; }
#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form { margin-bottom: 1.6em; }
#content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
#content h1 { margin: 1em 0 .5em;  }
#content h2 { margin: 1.07em 0 .535em; }
#content h3 { margin: 1.14em 0 .57em; }
#content h4 { margin: 1.23em 0 .615em; }
#content h5 { margin: 1.33em 0 .67em; }
#content h6 { margin: 1.6em 0 .8em; }
#content th, #content td { padding: .3em .8em; }
#content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#content blockquote { padding: 0 1em; margin: 1.6em 0; }
#content fieldset {} /* padding-top is margin-top for fieldsets in Opera */
#content textarea, #content input { padding: .3em .4em .15em .4em; }
#content select { padding: .1em .2em 0 .2em; }
#content option { padding: 0 .4em; }
#content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
#content dt { margin-top: .8em; margin-bottom: .4em; }
#content ul { margin-left: 1.5em; }
#content ol { margin-left: 2.35em; }
#content ol ol, #content ul ol { margin-left: 2.5em; }
#content form div { margin-bottom: .8em; }

/* COLORS */

#content h2, #content h3 {color:#2a4384;}
#content h3 {font-weight:bold;}
#content h4 {font-weight:bold; color:#666;}
#content p, #content li {color:#666;}
#content strong {color:#2a4384;}
#footer p {color:#ccc;}

#content a:link {text-decoration: underline; color: #f48f05; }
#content a:visited { text-decoration: underline; color: #f48f05; }
#content a:hover { text-decoration: underline; color: #f48f05; }
#content a:active,
#content a:focus { text-decoration: underline; color: #f48f05; }
#content code, #content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

.foto_menu, .gmap_menu {margin:0!important; padding:5px 0; list-style:none!important;}
.foto_menu {float:left; width:312px;}
.gmap_menu {float:right; width:362px;}
.foto_menu li, .gmap_menu li {padding:0!important; vertical-align:middle; float:left;}
.foto_menu a, .gmap_menu a {color:#999!important; text-decoration:none!important;}

#footer a:link {color:#ccc;}
#footer a:hover, #footer a:active, #footer a:focus {text-decoration:underline; color:#b2b2b2;}

/* EXTRAS */

.settor {background:url(../imagens/settor.jpg) no-repeat left top; text-indent:-10000px; width:132px; height:21px; margin:12px auto 0 auto; display:block;}
.settor:hover {background:url(../imagens/settor.jpg) no-repeat left bottom;}
.clearBoth {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.textRight {text-align:right;}

.balao h2 {font:bold 16px Arial, Verdana; color:#2a4384; margin-bottom:6px;}
.balao b {color:#2a4384;}
.balao a {color:#00c; text-decoration:underline;}
.balao p {color: #666; line-height:15px;}

.bisemanas {width:220px; float:left;}
.bisemanas td {padding:0 !important;}