/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-bg.jpg) top center no-repeat #cedef4; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8175em; line-height:1.154em; color:#082401;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#4b5d7a;  font-weight:bold;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
h1{ float:left; height:220px;  margin:10px 0 0 0; font-size:6.15em; line-height:1em; letter-spacing:-5px; background:url(images/logobg2.jpg) right top no-repeat;}

#logotipo{float:left; height:220px; width:150px;  margin:10px 0 0 0; font-size:6.15em; line-height:1em; letter-spacing:-5px; background:url(images/logobg2.jpg) right top no-repeat;}

h1 a{ color:#ffffff;  text-decoration:none; padding:0 12px 0 0; display:inline-block; margin:-6px 0 0 0;}
h1 span{ display:block; font-size:0.15em; letter-spacing:normal; word-spacing:2px; line-height:1em; text-transform:uppercase; margin:-8px 0 0 20px;}
h2{ font-size:2.538em; line-height:1em; color:#fff; text-transform:uppercase; padding:143px 0 0 40px;}
h2 span{ font-size:0.667em; display:block; margin-bottom:-10px;}
strong{ display:block; padding-bottom:15px;}
cite{ font-style:normal;}


/* ============================= main layout ====================== */
.imgindent {margin:-5px 15px 0 0; float:left; position:relative;}
.phone{ float:right; padding-right:85px;}
.phone2{ float:right; padding-right:250px;}
.space1{ margin-left:50px;}
.space2{ margin-left:23px;}
.padding1{ padding-top:26px;}
.padding2{ padding-top:16px;}
.margin1{ margin-top:10px !important;}

/* ============================= header ====================== */
#header .top{ width:100%; overflow:hidden; height:140px;}
#header .menu{ float:right; padding-top:60px;}
#header .menu li{ float:left; padding-left:1px;}
#header .menu a{ display:inline-block; font-size:0.9em; text-transform:uppercase; color:#ffffff; text-decoration:none; font-weight:bolder; background:url(images/menu-item-tail.jpg) top repeat-x;cursor:pointer;}
#header .menu a span{ width:109px; text-align:center;  display:inline-block; padding:23px 0 24px 0;}
#header .menu .first a span{ background:url(images/menu-first-item-left-bg.jpg) left top no-repeat;}
#header .menu .last a span{ background:url(images/menu-last-item-right-bg.jpg) right top no-repeat;}

#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-tail-act.jpg) top repeat-x; color:#4b5d7a;}
#header .menu .first a:hover span, #header .menu .first .active span{ background:url(images/menu-first-item-left-bg-act.jpg) left top no-repeat;}
#header .menu .last a:hover span, #header .menu .last .active span{ background:url(images/menu-last-item-right-bg-act.jpg) right top no-repeat;}

/* ============================= content ====================== */
#content .left-top{ background:url(images/content-corner-left-top.gif) top left no-repeat;}
#content .right-top{ background:url(images/content-corner-right-top.gif) top right no-repeat;}
#content .left-bot{ background:url(images/content-corner-left-bot.gif) bottom left no-repeat; width:100%;}
#content .right-bot{ background:url(images/content-corner-right-bot.gif) bottom right no-repeat; padding:10px;}
#content .bg1{ background:#ffffff; margin:-10px 0; padding:10px 0;}
#content .bg2{ background:#ffffff; margin:0 -10px; padding:0 10px;}
#content .indent{ padding:0 0 37px 0;}
#content .indent2{ padding:44px 10px 0 9px;}

#content .box{ background:url(images/box-tail.gif) top repeat-x #e4f7c4; line-height:1.385em;}
#content .box .left-top{ background:url(images/box-corner-left-top.gif) left top no-repeat;}
#content .box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat;}
#content .box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat;}
#content .box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; padding:0;}
#content .box .indent{ padding:0 10px 0 23px; }
#content .box .indent1{ padding:25px 0 41px 0; text-align:center;}


.box .title{ padding-bottom:10px;}
.link{ display:inline-block; margin-top:24px; font-size:0.923em;}
.line1{ background:url(images/box-line.gif) repeat-y 206px 0; width:100%;}
.line2{ background:url(images/box-line.gif) repeat-y 436px 0; width:100%;}
.line3{ background:url(images/box-line.gif) repeat-y 666px 0; width:100%;}

.title1{ border-bottom:solid 2px #e1e5d4; margin-bottom:20px;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:47px; margin-bottom:20px;}

.list li{ background:url(images/list-marker.gif) no-repeat 0 2px; padding:0 0 10px 20px;}
.list .last{ padding-bottom:0;}
.list a{ font-weight:normal; color:#082401; text-decoration:none;}
.list a:hover{ color:#4b5d7a;}

/* ============================= footer ====================== */
#footer{color:#334259;}
#footer a{ font-weight:normal; color:#334259; text-decoration:none;}
#footer a:hover{ color:#333333;}
#footer .menu{ width:100%; overflow:hidden;}
#footer .menu ul{ padding:26px 0 0 3px;}
#footer .menu li{ float:left; padding-left:15px;}
#footer .menu a{ font-size:1.308em; display:inline-block; margin-right:15px;}
#footer .text{ font-size:0.923em; padding:7px 0 0 19px;}

/* ============================= forms ============================= */
#ContactForm label{ display:block; height:30px;}
#ContactForm input{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px;}
#ContactForm textarea{ border:solid 1px #e4e4e4; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#082401; padding:1px 0 1px 5px; width:430px; height:190px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 0 0 40px;}