/* HTML tags */
body {font:0.9em Arial, Helvetica, sans-serif; line-height:1.458em; background:#fff url(../img/body.png) repeat-x 0 0;}
a {text-decoration:underline; color:#17527A;}
a:hover, a:focus {text-decoration:none;}
p {color:#637977; font-size:0.9em; margin-bottom:7px;}
p.small {color:rgb(137, 149, 148); font-size:0.7em; margin: 7px 0 0 0;}
h1, h2, h3, h1 a, h2 a, h3 a {color:#17527a; text-decoration:none;}
h1 {font-size:1.4em; line-height:1.6em; margin-bottom:5px;}
h2 {font-size:1.3em; line-height:1.5em; margin-bottom:5px;}
h3 {margin-bottom:8px; font-size:1.1em;}

/* Layout */
.container {margin:0 auto; width:960px; position:relative;}
#header {height:94px; background:url(../img/header-bg.png) repeat-x 0 0; width:100%; position:relative; z-index:9999;}
#content {margin-bottom:30px;}
#col-side {float:left; width:224px; background:#5eabe0; padding-bottom:15px; position:relative; z-index:20;}
#col-content {float:left; width:685px; margin-top:20px; margin-left:30px;}
#footer {height:40px; background:url(../img/footer.png) no-repeat 0 0;}
.front {float:right; width:310px;}
.left {float:left;}
.right {float:right;}

#logoBG {position:absolute; width:224px; height:94px; display:block; background:#5eabe0; left:0; top:-94px; }
h1#headline {border-top:1px solid #e5eaec; border-bottom:1px solid #e5eaec; margin-bottom:20px;}
.divider {height:2px; font-size:1px; clear:both; overflow:hidden; display:block; margin:20px 0; padding:0; width:100%; background:#e5eaec url(../img/divider.png) repeat-x 0 0;}

/* HEADER */
#nav-skip {position:absolute; left:-999em; top: 0;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:960px; background:#fff; padding-top:2px; z-index:10; text-align:center;}

#logo {float:left; margin:20px 0 0 40px; display:inline;}

#site-nav {float:right; font-size:0.9em; background:#4695cc; height:30px; margin:50px 6px 0 0; position:relative; display:inline;}
#site-nav ul li {float:left; margin:5px 0 0 0; line-height:20px;}
#site-nav ul li a {position:relative; padding:0 20px 0 35px; color:#fff; text-decoration:none; border-right:1px solid #fff;} 
#site-nav ul li a:hover, #site-nav ul li a:focus {text-decoration:underline;}
#site-nav ul li a span {position:absolute; top:3px; left:13px; width:10px; height:10px; display:block; overflow:hidden;}
#site-nav ul li.home a span {background:url(../img/site-nav-home.gif) no-repeat 0 0;}
#site-nav ul li.sitemap a span {background:url(../img/site-nav-map.gif) no-repeat 0 0;}
#site-nav ul li.print a span {background:url(../img/site-nav-print.gif) no-repeat 0 0;}
#site-nav ul li a:hover span, #site-nav li a:focus span {background-position:0 -10px;}
#site-nav ul li.print a {border:none;}
#site-nav span {position:absolute; top:0; display:block; width:6px; height:30px; background:url(../img/site-nav-corner.png) no-repeat 0 0;}
#site-nav span.left {left:-6px;}
#site-nav span.right {right:-6px; background-position:-6px 0;}  

/* Content */
#nav {margin:40px 0 0 15px; padding:0;}
#nav li ul {position:absolute; display:none; width:155px; left:195px; top:0; padding:0 30px; background:url(../img/nav-ul.png) repeat-y 25px 0;}
#nav li {float:left; position:relative; width:195px; padding:5px 0; background:#5eabe0 url(../img/nav-line.png) no-repeat 0 100%;}
#nav li.active, #nav li:hover, #nav li.sfhover {background:#569ed1 url(../img/nav-line.png) no-repeat 0 100%;}
#nav li a {display:block; padding:0; color:#fff; text-decoration:none; background:url(../img/nav-bullet.png) no-repeat 170px 50%; padding-left:10px; }
#nav li ul li {font-weight:normal; text-align:left; background:#5eabe0 url(../img/nav-line.png) no-repeat 0 100%; width:145px; margin:0 5px;}
#nav li ul li:hover, #nav li ul li.sfhover {background:#569ed1;}
#nav li ul li a {padding:3px 5px; line-height:95%; background-image:none; }
#nav li ul li.last {padding-bottom:5px; border-bottom:1px solid #def0f7;}
#nav li ul li.last a {border-bottom:none;}

#map {position:relative; margin:30px 0 0 0; display:block; width:224px; height:126px; background:url(../img/mapa.png) no-repeat 0 0;}
#map a {position:absolute; display:block; overflow:hidden; width:88px; height:25px; font-size:0.9em; right:0; bottom:-13px; text-align:center;}
#map a span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/mapa-a.png) no-repeat 0 0; cursor:pointer;}

#search-box {margin:20px 0 0 15px; display:block; width:209px; height:80px;}
#search-box label {font-size:1.2em; color:#17527a; font-weight:bold; margin-bottom:5px;}
#search-box fieldset {border:none; position:relative;}
#search-box input, #search-box select, #search-box label {vertical-align:middle;}
#search-box input#searchstring {background:#fff url(../img/search-input.png) no-repeat 0 0; color:#666; font-size:0.7em; height:17px; padding:4px 5px 0 5px; width:180px; border:none; }
#search-box input.submit {background:transparent url(../img/search-btn.png) no-repeat 0 0; height:35px; width:35px; cursor:pointer; text-indent:-999em; border:none; position:absolute; right:8px; bottom:-22px;}

#shop {display:block; width:224px; height:147px;}

#info table {margin:15px 0 0 15px; font-size:0.9em; color:#17527a; font-weight:bold;}
#info table td {padding:0 10px 0 0;}
#info table td p, #info table td a {font-weight:normal; color:#fff;}

#news {float:left; width:335px;}
#news h2 {font-size:1.3em; margin-bottom:10px; line-height:1.5em;}
#news .divider {height:1px; font-size:1px; clear:both; overflow:hidden; display:block; margin:0 0 15px 0; padding:0; width:100%; background:#d5dfdf;}
#news img {float:left; width:59px; margin-top:7px;}
#news .text {float:right; width:256px; margin-bottom:10px;}
#news .heading {color:#17527a; margin-bottom:2px;}
#news a, #news .heading strong {color:#bf2838;}

#breadcrumb {width:675px; height:31px; float:left; background:url(../img/breadcrumb.png) no-repeat 0 0; margin-left:25px; color:#fff; line-height:31px; padding-left:15px;}
#breadcrumb a {color:#fff;}
#paging {float:left; text-align:right; border-top:1px solid #e5eaec; border-bottom:1px solid #e5eaec; padding:5px 0; margin-top:25px; width:100%; color:#17527a;}
#paging a {color:#17527a; text-decoration:none;}
#paging a:hover, #paging a:hover {text-decoration:underline;}
#paging a.active {font-weight:bold;}

.photo {float:left; margin:0 15px 5px 0;}
.photo p {margin:0; padding:0; line-height:0;}
.photo img {display:block; border:1px solid #a7b0b6;}
.photo a {display:block; text-decoration:none;}
.photo a span {display:block; cursor:pointer; text-decoration:none; width:120px; height:100%; margin:0; padding:5px; overflow:hidden; line-height:1.458em; color:#637977; font-weight:bold; text-align:center;}
#gallery {overflow:hidden; width:100%; margin-top:30px;}
#gallery .photo {margin-bottom:10px; margin-right:55px;}
#gallery .last {margin-right:0;}

#atts {overflow:hidden; width:100%;}
#atts p {float:left; width:340px; margin:0 0 10px 0; cursor:pointer; display:block;}
#atts p a {position:relative; display:block; width:275px; padding:4px 0 0 10px; height:52px; margin-left:50px; color:#4a5258; line-height:13px; font-weight:bold; text-decoration:none; font-size:0.9em;}
#atts p a:hover, #atts p a:focus, #atts p a:focus  {color:#17527A;}
#atts p a span.type {display:block; margin-top:5px; font-weight:lighter; color:#8A99A4;}
#atts .xls {background:url(../img/atts/xls.png) no-repeat 0 0;}
#atts .xlsx {background:url(../img/atts/xlsx.png) no-repeat 0 0;} 
#atts .doc {background:url(../img/atts/doc.png) no-repeat 0 0;}
#atts .docx {background:url(../img/atts/docx.png) no-repeat 0 0;}
#atts .ppt {background:url(../img/atts/ppt.png) no-repeat 0 0;}
#atts .pptx {background:url(../img/atts/pptx.png) no-repeat 0 0;}
#atts .pdf {background:url(../img/atts/pdf.png) no-repeat 0 0;}
#atts .rtf {background:url(../img/atts/rtf.png) no-repeat 0 0;}
#atts .zip {background:url(../img/atts/zip.png) no-repeat 0 0;}
#atts .jpg {background:url(../img/atts/jpg.png) no-repeat 0 0;}
#atts .mp3 {background:url(../img/atts/audio.png) no-repeat 0 0;}
#atts .att {background:url(../img/atts/att.png) no-repeat 0 0;} 

.form {background:#f2f6f9; width:623px; margin:40px 0 0 0; border:1px solid #4695cc; padding:20px 30px; position:relative; margin-bottom:10px;} 
.form h2 {border-bottom:none; margin-bottom:20px; font-size:1.2em;}
.form span {margin-bottom:7px; height:100%; display:block; width:100%; overflow:hidden; background:url(../img/form-line.png) repeat-x 0 100%; padding-bottom:5px;}
.form span.last {background:none;}
.form label {float:left; width:255px; font-size:0.8em; line-height:24px; color:#17527a; height:30px;}
.form input {float:left; width:356px; height:15px; background:#fff url(../img/form-input.png) no-repeat right 0; padding:5px; border:none; font-size:0.8em; color:#333; position:relative; z-index:1; font-family:Arial,Helvetica,sans-serif;}
.form .code {float:left; margin-top:3px;} 
.form input#code {margin-left:20px; width:100px; text-align:center;} 
.form textarea {width:356px; height:70px; padding:7px 5px 5px 5px; border:none; font-size:0.9em; background:#fff url(../img/form-input.png) no-repeat 0 0; font-family:Arial,Helvetica,sans-serif; color:#333;}
.form .submit-btn {float:right; width:88px; height:25px; padding:0; color:#fff; background:#BF2738 url(../img/form-btn.png) no-repeat 0 0; cursor:pointer; text-transform:uppercase; line-height:25px;}
.form p.info {margin:0; color:#17527a;}
.form p.error, .form p.success {position:absolute; top:20px; right:30px; font-weight:bold; padding-left:25px;}
.form p.error {color:#BF2D11; background:url(../img/error.png) no-repeat 0 50%;}
.form p.success {color:#658D2C; background:url(../img/success.png) no-repeat 0 50%;}

#col-content ul {margin:0 0 10px 0; color:#637977; font-size:0.9em;}
#col-content ul li {padding:0 0 0 25px; background:url(../img/bullet.png) no-repeat 0 3px;}
#col-content ul li ul {font-size:1em;}

/* JQ Gallery */
#jq-gallery {position:relative; width:736px; height:400px; display:block; float:left;}
#jq-gallery .main-image {position:absolute; top:-94px; left:0;}
#jq-gallery .jcarousel-container {position:relative;}
#jq-gallery .jcarousel-clip {z-index:2; padding:320px 0 0 0; margin:0 0 0 25px; overflow:hidden; position:relative; width:690px;}
#jq-gallery .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
#jq-gallery .jcarousel-list li, .jcarousel-item {float:left; list-style:none; width:130px; height:72px; margin:0 10px 0 0;}
#jq-gallery .jcarousel-item img {border:1px solid #a4adb4;}
#jq-gallery .jcarousel-prev, #jq-gallery .jcarousel-next {z-index:3; display:none; position:absolute; width:42px; height:41px; top:335px; cursor:pointer;}
#jq-gallery .jcarousel-prev {left:26px;}
#jq-gallery .jcarousel-next {left:673px;}
#jq-gallery .jcarousel-prev-horizontal {background:url(../img/btn-left.png) no-repeat 0 0;}
#jq-gallery .jcarousel-prev-disabled {display:none!important;}
#jq-gallery .jcarousel-next-horizontal {background:url(../img/btn-right.png) no-repeat 0 0;}
#jq-gallery .jcarousel-next-disabled {display:none!important;}

/* Footer */
#footer p {color:#fff; margin-bottom:0; line-height:40px;}
#footer a {color:#17527a; font-weight:bold;}
#footer p.left {margin-left:20px;}
#footer p.right {margin-right:20px; color:#17527a;}

/* Hacks */
#jq-gallery .jcarousel-prev {_left:2px;}
#jq-gallery .jcarousel-next {_left:646px;}
.form textarea {_width:352px;}
#nav li ul {_background:url(../img/nav-ul.png) repeat-y 30px 0;}