﻿@charset "utf-8";
/* CSS Document */

html, body{
margin: 0;
padding: 0;
}

body{
background: #eeeeee url(../images/body-back.jpg) repeat-x;
font-family: tahoma, san-serif;
font-size: 11px;
color: #333333;
}

a{
text-decoration: none;
}

a:focus{
-moz-outline: none;
}

img{
border: none;
}

p{
margin:0 0 10px 0;
}

#container{
margin-left: auto;
margin-right: auto;
width: 900px;
}

/*---HEADER---*/

#header{
background: url(../images/header-back.jpg) repeat-x;
width: 900x;
height: 150px;
}

#home{
float: right;
width: 230px;
height: 94px;
background: url(../images/logo.jpg) no-repeat;
margin-top: 35px;
margin-left: 50px;
display: inline;
}

#home a{
display: block;
width: 230px;
height: 67px;
float: left;
padding: 67px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:67px; /* for IE5/Win only */
}

#miniContact{
float: left;
width: 300px;
height: 100px;
background: #fff;
margin-top: 7px;
margin-left: 250px;
border-left: 3px solid #ac1c1d;
border-right: 3px solid #ac1c1d;
border-bottom: 3px solid #ac1c1d;
font-size: 11px;
}

.miniLine{
margin-top: 8px;
margin-left: 15px;
line-height: 22px;
}

.miniLine img{
float: left;
margin-right: 10px;
}

/*-----------*/


/*---MENU---*/

#navigation{
width: 900px;
height: 40px;
background: url(../images/menu-back.jpg) repeat-x;
}

#navigation a{
float: right;
padding-left: 15px;
padding-right: 15px;
line-height: 40px;
color: #fff;
font-size: 12px;
font-weight: bold;
display: block;
}

#navigation a.selected{
background: url(../images/hover-back.jpg) repeat-x;
}

#navigation a:hover{
background: url(../images/hover-back.jpg) repeat-x;
}

/*----------*/

#track{
width: 900px;
height: 20px;
background: url(../images/track-back.jpg) repeat-x;
}

h1{
font-size: 20px;
font-style: italic;
color: #b13437;
margin-top: 0;
margin-left: 40px;
font-weight: normal;
}

h2{
font-size: 18px;
font-style: italic;
color: #b13437;
margin-top: 10px;
margin-left: 20px;
font-weight: normal;
}

h3{
font-size: 14px;
color: #b13437;
margin-top: 20px;
margin-left: 40px;
font-weight: normal;
}

.link{
color: #b13437;
font-weight: bold;
text-decoration: underline;
}

.link:hover{
text-decoration: none;
}

.vise{
text-align: right;
margin-right: 20px;
}

.rightPic{
float: right;
margin-left: 15px;
margin-bottom: 10px;
border: 2px solid #b13437;
padding: 2px;
}

.leftPic{
float: left;
margin-right: 15px;
margin-bottom: 10px;
border: 2px solid #b13437;
padding: 2px;
}

/*---INDEX PAGE---*/

#imageRotator{
float: left;
width: 600px;
height: 240px;
}

#block{
float: left;
width: 300px;
height: 240px;
background: url(../images/block-back.jpg) repeat-y;
}

#black{
float: left;
width: 900px;
height: 150px;
background: url(../images/black-back.jpg) repeat-x;
padding-top: 20px;
border-top: 10px #ac1c1d solid;
}

.white{
color: #fff;
margin-left: 40px;
margin-right: 40px;
}

.block-text{
margin-left: 20px;
margin-right: 20px;
}

#content{
background: #fff;
padding-bottom: 20px;
}

.halfLeft{
float: left;
width: 400px;
margin-right: 40px;
}

.halfRight{
float: left;
width: 399px;
border-left: 1px #999999 solid;
}

.textHalf{
margin-left: 40px;
}

.separator{
width: 900px;
height: 1px;
clear: both;
background: #fff;
}

/*-------------*/

/*---REGULAR PAGE---*/

.wide{
padding-top: 20px;
}

.text{
margin-left: 40px;
margin-right: 40px;
}

/*------------------*/

/*---TABELA---*/

table{
margin-left: 40px;
border: 1px solid #ffffff;
border-collapse: collapse;
}

th{
background-color: #ffffff;
padding: 3px 1em;
text-align: center;
font-size: 14px;
color: #fff;
border: 1px solid #ffffff;
}

td{
font-size: 12px;
text-align: center;
border: 1px solid #ffffff;
}

tr{
color: #000000;
}

/*------------*/

/*---FOOTER---*/

#footer{
width: 900px;
height: 30px;
background: #333333 url(../images/track-back.jpg) repeat-x;
text-align: center;
color: #fff;
font-size: 11px;
line-height: 30px;
}

/*------------*/

/*---FORM---*/

.left{
width: 500px;
float: left;
padding-top: 20px;
}

.right{
padding-top: 20px;
}

#form{
margin-left: 40px;
}

div.block-row{
clear: both;
margin: 0 0 8px 0;
padding: 0;
}

div.buttonblock{
margin: 0 0 12px 0;
}

/* FORM-ELEMENTS */

label{
font-weight: bold;
padding-right: 0.5em;
display: block;
white-space: nowrap;
}

span.req{
color: #f33;
font-weight: bold;
}

span#count{
color: #b13437;
}

span.counter{
margin-left: 200px;
font-size: 11px;
font-weight: normal;
}

.form-info{
font-size: 11px;
}

input.box{
width: 98%;
}

input.big-box{
width: 98%;
height: 120px;
}

div.break {
clear: both;
}

div.buttonblock *  {
margin: 0;
}
