/* = body
---------------------------------------------------------------------------------------------------*/
body, html { margin: 0px; padding: 10px 0 10px 0; font-size: 12px; text-align: center; font-family: sans-serif; background:#001B3E url(../images/bg.jpg) repeat-x; color:#fff; }

textarea { font-family: sans-serif; font-size:12px; }
sup { font-size:9px; }
h1 { font-size:23px; color:#000; }
h2 { font-size:23px; }
h3 { font-size:12px; }

h1, h2, h3, p, form, ul { font-weight:normal; padding:0; margin:0; }

p { line-height:1.5em; }

ul li { list-style:none; }

a, a:visited { color:#003B86; text-decoration:underline; outline:none; }

a:link { color:#003B86; }

a:hover { text-decoration:none; }

img { border:none; padding:0; display:block; }
strong.red { color:#000; }
.clear { clear:both; }

.wrap { margin:0 auto; text-align:left; }

.box { width:970px; position:relative; }

.relative { position:relative; overflow:hidden; }

.over { top:0; left:0; position:absolute; width:100%; height:100%;}

a .over { cursor:pointer; }

.textCenter { text-align:center; }
.textRight { text-align:right; }
.imgLeft { float:left; margin:0 10px 10px 0; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { height:118px; background:#A9CEFF url(../images/header.jpg); }
.header a.logo { float:left; display:inline; margin:28px 0 0 30px; width:106px; height:84px; font-size:18px; }
.header a.logo img { position:absolute; top:0; left:0; display:block; }

.menu { float:right; margin:40px 40px 0 0; /**/ display:inline; /* float bug fix IE6*/ }
.menu li { float:left; display:block; position:relative; text-transform:uppercase; }
.menu li a,
.menu li a:visited { display:block; line-height:50px; padding:0 20px 0 20px; color:#000; text-decoration:none; }

.menu li a:hover,
.menu li.dropdown:hover,
.menu li.dropdown:hover a { color:#003B86; background:url(../images/hoverbg.png); }

.menu li.dropdown:hover a { background:none; }

.menu li.dropdown ul { position:absolute; display:none; background:url(../images/hoverbg.png); padding:0 0 10px 0; }
.menu li.dropdown ul li { float:none; width:100%; text-transform:none; }
.menu li.dropdown ul li a { float:none; background:none; display:block; width:100%; }
.menu li.dropdown:hover ul { display:block; top:50px; left:0px; width:200px; padding:0 15px 15px 15px; z-index:2; }

.menu li.dropdown:hover ul a,
.menu li.dropdown ul a,
.menu li.dropdown:hover ul a:visited,
.menu li.dropdown ul a:visited { padding:0 0 0 20px; display:block; line-height:25px; color:#003B86; background:url(../images/icon-arrow.gif) 7px no-repeat; text-decoration:underline; }
.menu li.dropdown:hover ul a:hover,
.menu li.dropdown ul a:hover { text-decoration:none; }


/* = side
---------------------------------------------------------------------------------------------------*/
.side { width:432px; float:left; }
.sideTop { height:455px; background:#A9CEFF url(../images/side.jpg); }
.sideContact { height:238px; background:#BD2107 url(../images/side-bottom.jpg); color:#000; }
.sideContact h2 { font-size:23px; }
.sideContact h2,
.sideContact p { margin:0 0 15px 0; }
.sideContactInner { padding:20px 200px 0 20px; }
.sideContact .infoBox { width:161px; height:38px; padding:14px 20px; background:url(../images/side-bottom1.jpg); }
.sideContact .infoBox li,
.sideContact .infoBox li a,
.sideContact .infoBox li a:visited { font-weight:bold; color:#fff; }
.sideContact .infoBox li.phone { padding:0 0 0 20px; line-height:18px; background:url(../images/icon-phone.gif) no-repeat; background-position:0 6px; }
.sideContact .infoBox li.email { padding:0 0 0 20px; line-height:18px; background:url(../images/icon-email.gif) no-repeat; background-position:0 6px; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width:518px; height:688px; padding:5px 0 0 20px; margin:0 0 20px 0; overflow:hidden; float:right; background:#A9CEFF url(../images/main.jpg); }
.main h1,
.main .mainSub { padding:0 30px 0 0; }
.main h1 { margin:20px 0 25px 0; }
.main .mainSub { color:#000; font-size:15px; }
.main p.standard { margin-bottom:20px; }
.main h2 { font-size:18px; margin-bottom:20px; }

/* = misc
---------------------------------------------------------------------------------------------------*/
table { }
table caption { display:none; }
table .c1 { width:200px; }
table tr td { padding-bottom:5px; }
form.contactForm { text-align:left; }
form.contactForm label { width:150px; display:block; float:left; margin:0 0 10px 0; }
form.contactForm input,
form.contactForm textarea{ float:right; width:250px; }
form.contactForm input,
form.contactForm textarea { color:gray; }
form.contactForm .subs { float:left; margin:5px 0 5px 185px;  }
form.contactForm .submitButton { width:auto; float:right;  margin:5px 0 0 0; color:#000; }
/*.refImage { margin-top:10px; }*/
a.refI { display:block; width:440px; height:330px; position:relative; z-index:1; margin-top:10px; }
a.refI span { width:440px; height:330px; background:url(../images/lupa1.png) 200px 150px  no-repeat; position:absolute; left:0; top:0; display:none; cursor:pointer; }
a.refI:hover span { display:block;}
.pdf { background:url(../images/icon-pdf.gif) left no-repeat; padding:0 0 0 21px; }
.main ul { padding:0 0 0 15px; line-height:130%; }
.main ul li { margin:0 0 5px 0; }
ul.standard { padding-bottom:15px; }
ul.standard li { list-style:disc; }
ul.standard li ul { padding:20px 0 10px 20px; }
ul.standard li ul li { list-style:lower-alpha; }
ul.number li { list-style: decimal; }
.system { font-size:11px; margin-bottom:10px; }

/* = solutionsBox
---------------------------------------------------------------------------------------------------*/
.solutionsBox { position:absolute; top:342px; right:0; width:478px; height:182px; padding:20px; background:url(../images/solutions.jpg); overflow:hidden; }
.solutionsBox h2 { margin:0 0 20px 0; font-size:23px; }
.solutionsBox h3 { text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; }
.solutionsBox h3 a,
.solutionsBox h3 a:visited { color:#fff; }
.solutionsBox p { margin:0 0 10px 0; } 

/* = mainBottom
---------------------------------------------------------------------------------------------------*/
.mainBottom { position:absolute; top:754px; right:40px; width:478px; height:40px; text-align:right; text-transform:uppercase; font-size:11px; }
.mainBottom h2 { font-size:23px; }
.mainBottom ul { float:right; }
.mainBottom ul li { float:left; padding:0 3px 0 0; margin:0 3px 0 0; background:url(../images/divider.gif) right no-repeat; }
.mainBottom ul li.last { margin:0; padding:0; background:none; }

/* = SUBPAGES
---------------------------------------------------------------------------------------------------*/
.sub { color:#000; }
.sub .box { width:960px; background:#F8F9FD url(../images/sub.jpg) top left no-repeat; }
.sub .header { background:none; }


/* = main
---------------------------------------------------------------------------------------------------*/
.sub .main { width:900px; height:auto; padding:50px 30px 0px 30px; float:none; background:none; }
.sub .main .left,
.sub .main .right { width:440px; float:left; margin-bottom:30px;}
.sub .main .left2,
.sub .main .right2 { width:440px; float:left;}
.sub .main .left { padding:0 10px 0 0; }
.sub .main .right { padding:0 0 0 10px; }
.sub .main p { padding:0; }
.sub .main p.mainSub { margin:0 0 20px 0; }
.sub .main h1 { margin:0 0 25px 0; }
.sub .main .noBottom { margin-bottom:0 !important; }

/* = thumbs
---------------------------------------------------------------------------------------------------*/
.sub .thumbs { margin:30px 0 0 0; }
.sub .thumbs img { display:inline; margin:0 17px 0 0; }
.sub .thumbs img.last { margin:0; }


/* = mainBottom
---------------------------------------------------------------------------------------------------*/
.sub .mainBottom { position:static; top:auto; right:auto; overflow:hidden; height:auto; margin:30px 0 0 0; width:auto; text-align:left; text-transform:none; font-size:12px;  border:3px solid #4978B4; color:#fff; }
.sub .mainBottom .mainBottomInner { padding:6px 17px 8px 18px; background:url(../images/sub1.jpg) repeat-x; }
.sub .mainBottom h2 { float:left; margin:0 30px 0 0; line-height:38px; }
.sub .mainBottom p { float:left; width:315px; border-left:1px solid #BED1E4; padding:0 0 0 20px; }
.sub .mainBottom ul { float:right; margin:4px 0 0 0; padding:8px 10px; background:#D7E1EC; }
.sub .mainBottom ul li { float:left; padding:0; margin:0; color:#003B86; font-weight:bold; padding:0 0 0 18px; }
.sub .mainBottom ul li.phone { background:url(../images/icon-phone1.gif) left 4px no-repeat; margin-right:13px; }
.sub .mainBottom ul li.email { background:url(../images/icon-email1.gif) left 4px no-repeat; }


/* = bottom
---------------------------------------------------------------------------------------------------*/
.bottom { line-height:35px; height:50px; padding:0 22px 0 30px; }
.bottom .left { float:left; font-size:10px;  }
.bottom .right { float:right; }
.bottom .right li { float:left; margin-right:8px; }
.bottom .right li a,
.bottom .right li a:visited { text-transform:uppercase; font-size:10px;  }

/* = mapa
---------------------------------------------------------------------------------------------------*/
.col {
  width: 220px;
  float: left;
}

#map {overflow:hidden}