/* generic */
body {
margin:0px 0px; padding:0px;
text-align: center;
font-family: arial;
font-size: 12pt;
color: #0072bb;
background-color: #ffff;
}
#banner {
position: absolute;
top: 20px;
width: 1000px;
height: 150px;
} 


h1 {
font-weight: bold;
font-size: 14pt;
text-align: center;
margin-top: 0px;
padding-top: 0px;
}
h2 {
font-weight: bold;
font-size: 14pt;
}
#fp_menu {
position: absolute;
top: 220px;
width: 1000px;
height: 20px;
color: #0072bb;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
text-align: center;
background-color: #ffffff;
border: 0px #ed1b24 solid;
} 
a.m:link, a.m:visited, a.m:active {
font-size: 12pt;
color: #0072bb;
font-weight: bold;
}
a.m:hover {
color: #ff0000;
font-size: 12pt;
font-weight: bold;
}
a.links:link, a.links:visited, a.links:active {
font-size: 8pt;
color: #0072bb;
font-weight: normal;
text-decoration: none;
}
a.links:hover {
color: #ff0000;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}
a.c:link, a.c:visited, a.c:active {
color: #002b74;
}
a.c:hover {
color: #ff0000;
}
/* index */
#index_container {
position: relative;
top: 0px;
width: 1000px;
height: 900px;
margin:0px auto;
text-align: left;
} 
#index_content {
position: absolute;
top: 260px;
left: 0px;
width: 1000px;
height: 550px;
background-color: #ffffff;
border: 1px #ed1b24 solid;
} 
#footer {
position: absolute;
top: 500px;
left: 20px;
font-size: 10pt;
font-weight: bold;
}
#indexa {
position: absolute;
left: 180px;
top: 10px;
width: 800px;
height: 155px;
}
#indexb {
position: absolute;
left: 180px;
top: 340px;
width: 560px;
height: 140px;
background-color: #dcdcdc;
}
#indexc {
position: absolute;
top: 10px;
left: 10px;
width: 100px;
height: 100px;
background-color: #ffffff;
}
#indexd {
position: absolute;
top: 10px;
left: 120px;
width: 100px;
height: 100px;
font-size: 6pt;
color: #000000;
text-align: center;
background-color: #ffffff;
}
#indexe {
position: absolute;
top: 10px;
left: 230px;
width: 100px;
height: 100px;
background-color: #ffffff;
}

#indexf {
position: absolute;
top: 10px;
left: 340px;
width: 100px;
height: 100px;
background-color: #ffffff;
}
#indexg {
position: absolute;
top: 10px;
left: 450px;
width: 100px;
height: 100px;
background-color: #ffffff;
}
#indexh {
position: absolute;
top: 110px;
left: 10px;
width: 100px;
height: 20px;
background-color: #ffffff;
text-align: center;
font-size: 8pt;
}
#indexi {
position: absolute;
top: 110px;
left: 120px;
width: 100px;
height: 20px;
background-color: #ffffff;
text-align: center;
font-size: 8pt;
}
#indexj {
position: absolute;
top: 110px;
left: 230px;
width: 100px;
height: 20px;
background-color: #ffffff;
text-align: center;
font-size: 8pt;
}
#indexk {
position: absolute;
top: 110px;
left: 340px;
width: 100px;
height: 20px;
background-color: #ffffff;
text-align: center;
font-size: 8pt;
}
#indexl {
position: absolute;
top: 110px;
left: 450px;
width: 100px;
height: 20px;
background-color: #ffffff;
text-align: center;
font-size: 8pt;
}

/* map */
#mapa {
position: absolute;
left: 180px;
top: 20px;
width: 400px;
height: 450px;
}
#mapb {
position: absolute;
left: 700px;
top: 10px;
width: 250px;
height: 450px;
}
/* about */
#about_content {
position: absolute;
top: 190px;
left: 200px;
width: 800px;
height: 500px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 


#content_1 {
position: absolute;
padding:5px;
top: 190px;
left: 200px;
width: 290px;
height: 490px;
background-color: #ebe9d9;
border: 1px #002b74 solid;
} 
#content_2 {
position: absolute;
padding:5px;
top: 190px;
left: 520px;
width: 220px;
height: 490px;
background-color: #FFF0BF;
border: 1px #002b74 solid;
} 
#content_3 {
position: absolute;
padding:5px;
top: 190px;
left: 770px;
width: 220px;
height: 490px;
background-color: #FFE180;
border: 1px #002b74 solid;
} 
#content_4 {
position: absolute;
padding:5px;
top: 190px;
left: 200px;
width: 290px;
height: 490px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 
/* contact form */
/* valid XHTML */
#contact_form {
position: absolute;
left: 180px;
top: 0px;
width: 470px;
height: 520px;
background-color: #ffffff;
padding: 10px;
color: #0072bb;
}
#blue_car {
position: absolute;
left: 640px;
top: 80px;
}

#fcf2 {
width:450px;
font-size: 10pt;
color: #0072bb;
}

#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FFF;
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
color: #0072bb;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:normal;
color: #0072bb;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}


#about_1 {
position: absolute;
left: 10px;
top: 10px;
width: 390px;
height: 20px;
font-size: 12pt;
font-weight: bold;
background-color: #ffffff;
}
#about_2 {
position: absolute;
left: 10px;
top: 35px;
width: 370px;
height: 450px;
background-color: #ffffff;
}
#about_3 {
position: absolute;
left: 410px;
top: 35px;
width: 370px;
height: 450px;
background-color: #ffffff;
}

#content_6 {
position: absolute;
top: 190px;
left: 200px;
width: 800px;
height: 900px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 

#content_7 {
position: absolute;
top: 190px;
left: 200px;
width: 800px;
height: 1400px;
background-color: #ffffff;
border: 1px #002b74 solid;
} 




img.left {
float: left;
margin: 5px;
}
img.right {
float: right;
margin: 5px;
}
/* ae index */
#gears_top_left {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 225px;
background-image: url(../images/gears_top_left.jpg);
}
#gears_bottom_right {
position: absolute;
top: 325px;
right: 0px;
width: 150px;
height: 225px;
background-image: url(../images/gears_bottom_right.jpg);
}