/********************** GENERAL STYLES *************************/
* { margin: 0; padding: 0; }
img,
fieldset { border: none; }
a:link,
a:visited { text-decoration: none; color: #577c93; }
a:hover { text-decoration: none; color: #666; }
a:active { text-decoration: none; color: #577c93; }
em { font-style: normal; }

body { background: #fff; font-family: Arial, Helvetica, sans-serif; color: #666; }
#container { width: 792px; margin: 0px auto; overflow: hidden; background: url(../images/BKGcont.gif) top left repeat-y; padding-left: 52px; }
div.link1 { background-image: url(../images/BKGcont1.gif) !important; }
div.link2 { background-image: url(../images/BKGcont2.gif) !important; }
div.link3 { background-image: url(../images/BKGcont3.gif) !important; }
div.link4 { background-image: url(../images/BKGcont4.gif) !important; }
div.link5 { background-image: url(../images/BKGcont5.gif) !important; }
div.link6 { background-image: url(../images/BKGcont6.gif) !important; }

#gazele_2008 { position:relative; width:230px; text-align:center; margin:10px 0; background:#fff; }
#home_sidebar #gazele_2008 { width:299px; background:#fff; }

/********************** HEADER&NAV *******************************/
h1 { float: left; margin-top: 5px; }

#lang { float: right; padding-left: 6px; background: #6d8bc7; font-size: 11px; line-height: 18px; list-style: none; }
#lang li { display: block; float: left; }
#lang li a:link, #lang li a:visited { color: #fff; display: block; float: left; background: url(../images/BKGlang.gif) 0px 2px no-repeat; padding: 0 6px 0 10px; }
#lang li a:hover, #lang li a:active, #lang li a.on { color: #ffec00 !important; background-image: url(../images/BKGlang_on.gif) !important; }

#topnav { float: right; clear: right; font-size: 11px; line-height: 18px; list-style: none; margin-top: 50px; background: url(../images/BKGtopnav.gif) top left no-repeat; }
#topnav li { display: block; float: left; }
#topnav li a:link, #topnav li a:visited,#topnav li a:active { color: #577c93; font-weight: bold; display: block; float: left; padding: 0 12px 5px 15px; background: url(../images/BKGtopnav.gif) top right no-repeat; position: relative; margin-left: -1px; }
#topnav li a:hover, #topnav li a.on { color: #ffec00 !important; background: #577c93 !important; }

#flash_header { margin-left: -52px; border-top: 3px solid #eef2f4; float: left; height: 253px; background: url(../images/BKGheader.gif) bottom left repeat-x; }
.link1 #flash_header { border-top: 3px solid #114D88; }
.link2 #flash_header { border-top: 3px solid #237B9A; }
.link3 #flash_header { border-top: 3px solid #D9DD71; }
.link4 #flash_header { border-top: 3px solid #26B6D1; }
.link5 #flash_header { border-top: 3px solid #906A3F; }
.link6 #flash_header { border-top: 3px solid #A20352; }
.link7 #flash_header { border-top: 3px solid #D09A2C; }
.link8 #flash_header { border-top: 3px solid #724395; }
.link9 #flash_header { border-top: 3px solid #F36422; }

#nav { clear: left; overflow: hidden; list-style: none; }
#nav li { display: block; float: left; }
#nav a { font-size: 11px; padding: 8px 0 0 8px; line-height: 11px; width: 114px; border-left: 10px solid #d2232a; float: left; height: 42px; display: block; font-weight: bold; color: #577c93; }
#nav a:hover { color: #d2232a; }
#link1 a { border-color: #A20352; }
#link2 a { border-color: #237B9A; }
#link3 a { border-color: #fcbd06; }
#link4 a { border-color: #906A3F; }
#link5 a { border-color: #114D88; }
#link6 a { border-color: #724395; }

#link1 a:hover, #link1 a.on, .link1 h2, .link1 .text h3, .link1 .text a { color: #A20352; }
#link2 a:hover, #link2 a.on, .link2 h2, .link2 .text h3, .link2 .text a { color: #237B9A; }
#link3 a:hover, #link3 a.on, .link3 h2, .link3 .text h3, .link3 .text a { color: #fcbd06; }
#link4 a:hover, #link4 a.on, .link4 h2, .link4 .text h3, .link4 .text a { color: #906A3F; }
#link5 a:hover, #link5 a.on, .link5 h2, .link5 .text h3, .link5 .text a { color: #114D88; }
#link6 a:hover, #link6 a.on, .link6 h2, .link6 .text h3, .link6 .text a { color: #724395; }

/********************** GENERAL *******************************/
#content { margin: 50px 0; overflow: hidden; }

h2 { color: #999; font-size: 24px; font-weight: bold; margin-bottom: 30px; }
h3 { color: #577c93; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.text h3 { margin-bottom: 20px; }
.text a { text-decoration: underline; }
.text a:hover { color: #666; }

.more { background: url(../images/BKGmore.gif) left 3px no-repeat; padding-left: 13px; font-size: 11px; display: block; line-height: 11px; color: #577c93 !important; font-weight: bold; }
.back { background: url(../images/BKGback.gif) left 4px no-repeat; padding-left: 13px; font-size: 11px; display: block; color: #577c93 !important; font-weight: bold; margin-top: 30px; }

/********************** HOME *******************************/
#homelist { width: 465px; margin-top: -10px; list-style: none; }
#homelist li { background: url(../images/BKGgradbig.gif) bottom left repeat-x; overflow: hidden; padding: 10px 5px 10px 0px; }
#homelist img { float: left; display: block; border-right: 13px solid #237B9A; margin-right: 14px; }
  #homelist .link2 img { border-color: #906A3F; }
  #homelist .link3 img { border-color: #fcbd06; }
  #homelist .link4 img { border-color: #724395; }
  #homelist .link5 img { border-color: #114D88; }
  #homelist .link6 img { border-color: #A20352; }
#homelist p { font-size: 11px; color: #666; margin-bottom: 10px; overflow: hidden; }
#homelist .more { float: right; }

#home_sidebar { float: right; width: 299px; font-size: 11px; margin-top: 50px; }
#home_sidebar div { background: url(../images/BKGgradsmall.gif) bottom left repeat-x; overflow: hidden; }
#home_sidebar div span { color: #999; font-size: 24px; font-weight: bold; }
#home_sidebar .more { float: right; margin: 15px 0 20px 0;}

#home_sidebar dl { margin: 32px 0 34px 0; background: url(../images/BKGgradsmall.gif) bottom left repeat-x; padding-bottom: 20px; }
#home_sidebar dt { margin-bottom: 16px; }
#home_sidebar dt span { color: #999; font-size: 24px; font-weight: bold; display: block; }
#home_sidebar dd { margin-bottom: 4px; }
#home_sidebar dd a { background: url(../images/BKGmore.gif) left 3px no-repeat; padding-left: 13px; font-size: 11px; color: #577c93; font-weight: bold; }

.smal_contacts { background: none !important; margin: 30px 0 0 0 !important; padding: 0 !important; overflow: hidden; font-size: 11px; }
.smal_contacts dd { float: left; line-height: 15px; margin: 0; padding-right: 20px; }
.smal_contacts dd.right { padding-left: 35px; background: url(../images/BKGbigarrow.gif) left 10px no-repeat; }

/********************** INNER CONTENT *******************************/
.text { font-size: 12px; line-height: 18px; margin-right: 25px; }
.text p { margin: 0; }
.text h3 { color: #666;  }
.text h4 { color: #666; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.text ul { list-style: none; }
.text ul li { padding: 0 0 15px 14px; background: url(../images/BKGtext_bullit.gif) left 4px no-repeat; }

#list { width: 530px; margin-top: -10px; list-style: none; }
#list li { background: url(../images/BKGgradbig.gif) bottom left repeat-x; overflow: hidden; padding: 10px 5px 10px 0px; }
#list img { float: left; display: block; margin-right: 14px; }
#list p { font-size: 11px; color: #666; margin-bottom: 10px; overflow: hidden; }
#list .more { float: right; }

#ref_list { float: left; margin-right: 24px; }
#ref_list dd a { display: block; width: 171px; cursor: pointer; padding: 3px 20px 0 8px; min-height: 30px; height: auto !important; height: 30px; margin-bottom: 13px; font-weight: bold; font-size: 11px; }
#ref_list a.on,
#ref_list a:hover { background: #eef2f4 url(../images/BKGrefsmall.gif) right center no-repeat !important; }
.reflist { overflow: hidden; font-size: 11px; margin-right: 24px; }
.reflist br { display: block; margin-bottom: 3px;}

#contact_thanks { font-size: 12px; display: block; margin-top: 30px; }

/********************** SIDEBAR *******************************/
#sidebar { width: 230px; float: right; margin: 50px 0; }
#sidebar dl { margin-top: 30px; background: #eef2f4 url(../images/BKGcertifikati.gif) bottom left repeat-x; padding: 8px 0 18px 10px; overflow: hidden; }
#sidebar dt { color: #000; font-weight: bold; font-size: 14px; margin-bottom: 6px; }
#sidebar dt span { color: #999; display: block; }
#sidebar .more { margin: 10px 0 0 0; float: left; clear: left; }
#sidebar .pdf { background: #fff; font-size: 12px; margin-right: 10px; padding: 10px 0 5px 0; border-left: 5px solid #fff; border-right: 5px solid #fff; border-bottom: 1px solid #849fb0; overflow: hidden; }
#sidebar .pdf a { color: #577c93; width: 118px; min-height: 30px; height: auto !important; height: 30px; padding-left: 36px; margin-right: 2px; display: block; float: left; border-right: 1px solid #dde5e9; background: url(../images/ICOpdf.gif) top left no-repeat; }
#sidebar .pdf span { display: block; margin-top: 6px; font-size: 11px; }
#sidebar .last { border-bottom: none; }

#sidebar .gallery { padding: 8px 0 18px 0; }
#sidebar .gallery dt { padding: 0 0 0 10px; }
#sidebar .gallery dd { float: left; }
#sidebar .gallery dd img { margin: 0 8px 8px 0; cursor: pointer; }
#sidebar .gallery img.last { margin-right: 0; }

#popup_wrapper {  }
#popup { display: none; border: 1px solid #ccc; background: #fff; position: absolute; z-index: 1000; padding: 10px; margin: 0px 0 0 -450px; }
#popup.ref  { margin-top: -155px; }
#popup span { font-weight: bold; font-size: 12px; display: block; margin-bottom: 5px; }
/********************** FORMS *******************************/
.inputtext,
textarea { border: 1px solid #b7c8d3; background: #8da9ba; padding: 2px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; }
.button { background: none; border: none; color: #fff200; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; background: url(../images/BKGbutton.gif) left 5px no-repeat; padding-left: 10px; }

#contact { background: #577c93; padding: 28px 0 0 24px; margin-top: 40px; width: 511px; color: #cdd8df; float: left; }
#contact h3 { color: #fff; margin: 0; }
#contact span { display: block; font-size: 11px; margin-bottom: 25px; }
#contact em { color: #fff200; }
#contact label { font-size: 12px; display: block; margin-bottom: 2px; }
#contact .inputtext { width: 147px; display: block; }
#contact .long { width: 315px !important; }
#contact fieldset { float: left; margin: 0 15px 8px 0; }
#contact textarea { width: 483px; height: 156px; }
#contact .button { float: right; margin: 50px 20px 15px 0; }

#contact .check img { display: block; float: left; margin-right: 10px; border: 1px solid #b7c8d3; }
#contact .check .inputtext { float: left; }
#contact span.warrning { font-size: 12px; display: block; color: red; margin: 20px 0 0 325px; position: absolute; }

/********************** FOOTER *******************************/
#footer { border-top: 1px solid #dedede; width: 839px; margin: 0px auto; overflow: hidden; font-size: 11px; padding: 7px 0 15px 5px; }
#footer span { float: right; display: block; }
#sign { color: black; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; float: left;  }
#sign em { color: red; }
#sign:hover { color: red; }