/* 1. Global reset
----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td { margin: 0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family: inherit; vertical-align:baseline; }

body { font-size:62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */ text-align: center; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */ }

caption, th, td { text-align: left; font-weight: normal; }

input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }

hr { display: none; }

strong { font-weight: bold; }

em { font-style: italic; }

abbr, acronym { border-bottom: 1px dotted #999; cursor:help; }

/* 2. Common
----------------------------------------------------------------------------------------------*/
.clear { clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */

/* 2. Layout
----------------------------------------------------------------------------------------------*/
body { font-family:Arial, Helvetica, sans-serif; background: #d7dae3 url(../img/design/bgr_page.jpg) 0 0 repeat-x; }

#page { background-color: #ffffff; width: 780px; margin: 20px auto 30px auto; text-align: left; font-size: 1.2em; padding-bottom: 15px; position: relative; }

#header { position: relative; height: 172px; }
.homepage #header { height: 267px;}

#content-wrapper { position: relative; padding: 0 15px; }

#main-content { padding: 20px 15px; margin-left: 207px; min-height: 490px; }

#side-nav { position: absolute; top: 20px; left: 15px; width: 207px; min-height: 180px; background-color: #f6edd4 }
#globe-wrapper { position: absolute; top: 20px; left: 15px; width: 237px; height: 161px; background: url(../img/design/img_globe.png) 0 0 no-repeat; }

#bottom-stripe { background-color: #f3f1ed; height: 30px; margin: 0 15px; }

#footer { position:absolute; bottom: -18px; left: 15px; color: #013c64; font-size: 0.8em; }


/* 3. Header
----------------------------------------------------------------------------------------------*/
#logo { color: #a4bcdb; text-transform: uppercase; font-size: 1em; font-weight: bold; position: absolute; left: 15px; top: 20px; }
#logo a { color: #a4bcdb; text-decoration: none; }
#logo span { color: #023c64; }
#top-nav { position: absolute; top: 20px; right: 15px; }
#top-nav li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #023c64; font-weight: bold; }
#top-nav li a { color: #e7cf8d; }
#top-nav li.last-item { margin-right: 0px; padding-right: 0px; border: none; }

#teaser { position: absolute; top: 43px; left: 15px; width: 750px; }
#teaser .teaser-info { position: absolute; top: 0; right: 0; height: 187px; width: 370px; }
#teaser .teaser-info span { display: block; background: url(../img/design/img_prevention_title.png) 0 0 no-repeat; width: 371px; height: 186px; position: absolute; top: 0; right: 0; }
#teaser #teaser-img { display: block; height: 187px; width: 385px; }
#teaser #teaser-img.organization { background: url(../img/design/uvod.jpg) 0 0 no-repeat; }
#teaser #teaser-img.activities { background: url(../img/design/aktivity.jpg) 0 0 no-repeat; }
#teaser #teaser-img.contact { background: url(../img/design/kontakt.jpg) 0 0 no-repeat; }
#teaser #teaser-img.publications { background: url(../img/design/publikacie.jpg) 0 0 no-repeat; }
#teaser #teaser-img.projects { background: url(../img/design/projekty.jpg) 0 0 no-repeat; }
#teaser #teaser-img.conferences { background: url(../img/design/konferencie.jpg) 0 0 no-repeat; }

#main-nav { position: absolute; bottom: 0; left: 15px; height: 27px; width: 750px; background-color: #aa9763; }
#main-nav li { float: left; background:url(../img/design/main_menu_splitter.jpg) no-repeat top right; text-transform: uppercase; }
#main-nav li.last-item { background: none; }
#main-nav li a { padding: 6px 16px 6px 16px; color: #fff; text-decoration:none; display: block; font-size: 1.1em; margin-right: 6px; }
#main-nav li a:hover, #main-nav li a.active { background-color: #013c64; }

#main-nav.eng-menu li a { font-size: 1em; margin-right: 5px; }


/* 4. Main content
----------------------------------------------------------------------------------------------*/
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h2 a { font-weight: bold; margin-bottom: 15px; color: #013c64; }
#main-content h1 { font-size: 1.4em; }
#main-content p { line-height: 1.5em; margin-bottom: 20px; }
#main-content a { color: #db552b; text-decoration: underline; }
#main-content a.button { text-decoration: none; padding: 1px 2px; display: block; text-align: center; font-size: .9em; }
#main-content ol, #main-content ul { margin-bottom: 20px; }
#main-content li {	 margin-left: 40px; line-height: 150%; }
#main-content ol li { list-style: decimal; }
#main-content ul li { list-style: circle; }
#main-content h3 { text-align: center; }
#main-content h4 { font-size: 1.2em; margin-top: 25px; }
#main-content table { border: none; }
#main-content td { border-right: 0; text-align: left; padding: 6px 5px;	vertical-align: top; }
#main-content td td { padding-bottom: 0; }
#main-content th { font-weight: bold; text-align: left; padding: 6px 5px; background: #F6EDD4; border: none; }
#main-content tr.alt td { background: #FAF4E4; }
#main-content tr.borderTB td, #main-content tr.borderTB th { border-top: 1px dotted #E6CA80; border-bottom: 1px dotted #E6CA80; }
#main-content table .borderL { border-left: 1px dotted #E6CA80; }
#main-content .projektyTable { margin-bottom: 1.5em; }
#main-content .projektyTable th { width: 100px; background: transparent; vertical-align: middle; }
#main-content .projektyTable.alt { background-color: #FAF4E4; }
#main-content .projektyTable td { background-color: transparent; padding-left: 10px; }

#main-content .p-project { margin-top: -12px; }

#main-content .conf2011 table { border-collapse: collapse; margin-bottom: 10px; }
#main-content .conf2011 td { border: 1px solid #ccc; color: #004b79; }
#main-content .conf2011 .conf2011Tab, #main-content .conf2011 .conf2011Tab td { border-color: #fff!important;}
#main-content .conf2011 .conf2011Tab td { background-color: #fde5d1!important; border-bottom: 1px solid #3c606e!important; }
#main-content .conf2011 .conf2011Tab td.blue { background-color: #aec5e1!important; border-bottom-color: #fff!important; }
#main-content .conf2011 .conf2011Tab td.last { border-bottom-color: #fff!important; }
#main-content .conf2011 table.noborder, #main-content .conf2011 table.noborder td { border: none!important; }

#reg2011, #abs2011 { margin-bottom: 20px;}
#reg2011 table, #abs2011 table { margin-bottom: 20px;}
#reg2011 table td, #abs2011 table td { vertical-align: top; padding: 5px 0; }
#reg2011 fieldset, #abs2011 fieldset { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; overflow: hidden; }
#reg2011 fieldset table, #abs2011 fieldset table { margin-bottom: 0;}
#reg2011 legend, #abs2011 legend { font-weight: bold; }
#reg2011 label, #abs2011 label { padding-top: 3px; display: block; }
#reg2011 label.required:after, #abs2011 label.required:after { content: "*"; }
#reg2011 label.error, #abs2011 label.error { padding-top: 0; margin-top: 3px!important; }
#reg2011 input[type=submit], #abs2011 input[type=submit] { background-color: #615630; color: #fff; font-size: 1em; border: 2px solid #d0ccb7; width: auto; height: auto; padding: 3px 10px; cursor: pointer; }
#reg2011 input.error, #reg2011 textarea.error, #abs2011 input.error, #abs2011 textarea.error { border: 1px solid #ff0000; background-color: #ffffd5; display: block; margin-bottom: 0; }
/*#reg2011 select { max-width: 340px; }*/
p.small { font-size: .9em;}

#organizations select { width: 220px; }
#organizations .submit input { float: left; margin-right: 20px;}
.gallery img { float: left; margin: 0 10px 10px 0; }

/* 4.1 Homepage
----------------------------------------------------------------------------------------------*/
.homepage #main-content { min-height: 200px; margin-left: 237px; }
#main-content div.welcome p a.read-more { background-color: #4c6179; color: white; border: 2px solid #e3e5ed; width: 5em;  }
#main-content div.welcome p strong { color: #013c64; }

.homepage-content div.homepage-bottom-col { float: left; width: 193px; padding: 20px 25px; height: 220px; margin: 0 10px 15px 0; font-size: .9em; position: relative; }
.homepage-content div.homepage-bottom-col h1 { font-size: 1.35em; font-weight: bold; margin-bottom: 10px; }
.homepage-content div.homepage-bottom-col h2 { font-size: 1.3em; font-weight: bold; }
.homepage-content div.homepage-bottom-col p { line-height: 1.2em;}

.homepage-content div.news { background-color: #f6edd4; }
.homepage-content div.news h2, #side-nav.news h2 { color: #797047; margin-top: 10px; margin-bottom: 7px; font-size: 1.2em; }
.homepage-content div.news ul, #side-nav.news ul { list-style: square; margin-left: 15px; margin-bottom: 5px; }
.homepage-content div.news a, #side-nav.news a { text-decoration: underline; color: #797047; font-weight: bold; }
.homepage-content div.news p { line-height: 1.3em; margin-bottom: 2px;}

.homepage-content div.email-list { background-color: #e2dcca; }
.homepage-content div.email-list p { margin-top: 15px; }
.homepage-content div.email-list p.error { color: #CC0000; font-weight: bold; }
.homepage-content div.email-list form { margin-top: 15px; }
.homepage-content div.email-list form input { height: 26px; width: 182px; font-size: 1.7em; vertical-align: middle; padding: 4px 5px 2px 5px; }
.homepage-content div.email-list form input.send { background-color: #615630; color: #fff; margin-top: 21px; font-size: 1em; border: 2px solid #d0ccb7; width: 5em; height: auto; padding: 2px 1px; }

.homepage-content div.partners  { background-color: #f3f1ed; margin-right: 0!important; }
.homepage-content div.partners a { line-height: 30px; }
.homepage-content div.partners a.eupha-logo { padding-left: 50px; }
.homepage-content div.partners a.sf-logo { padding-left: 29px; }
.homepage-content div.partners a.azms-logo { padding-right: 50px; }
/*.homepage-content div.partners a.nphf-logo { padding-left: 27px; }*/

#mailingMessage { border: 1px solid #336600; background-color: #339900; color: #fff; padding: 5px 10px; margin-top: 15px; text-align: center; font-weight: bold; }
label.error { color: #330000; margin-top: 25px!important; font-weight: bold; }
a#more-news { position: absolute; bottom: 10px;	right: 10px; color: #000; }

/* 4.2 News
----------------------------------------------------------------------------------------------*/
#main-content .news-box { padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px; }
#side-nav.news h2 { font-size: 1em !important; margin-left: 15px; margin-right: 15px; }

/* 4.2 Contact
----------------------------------------------------------------------------------------------*/
.contact-page #main-content { margin-left: 450px!important; }
#map-box { position: absolute; top: 20px ; left: 15px; }

/* 4.3 Applicant form
----------------------------------------------------------------------------------------------*/
#ApplicationForm label { font-weight: bold; display: block; margin-bottom: 3px; }
#ApplicationForm td.right { text-align: right; }
#applicantMessage { border: 1px solid #336600; background-color: #339900; color: #fff; padding: 5px 10px; margin-bottom: 15px; text-align: center; font-weight: bold; }

/* 5. Side content
----------------------------------------------------------------------------------------------*/
.side-nav-inner { padding: 20px 25px; }
.side-nav-inner h3 { color: #635a41; font-size: 1.3em; margin-bottom: 15px; font-weight: bold; }
.side-nav-inner ul ul { margin-left: 30px; }
.side-nav-inner li { line-height: 1.65em; color: #637c7a; font-weight: bold; }
.side-nav-inner li a { color: #637c7a; }
.side-nav-inner li a:hover { color: #242424; }

/* 6. Footer
----------------------------------------------------------------------------------------------*/
#footer a { color: #010101; }