/*
- Unificira razlike između browsera
- najčešće korištene klase
*/
*{margin:0; padding:0;}
.cut {overflow:hidden;} /*sav sadržaj koji izlazi van diva se ne vidi*/
.fix, .to_c .cfix {overflow:hidden;} #ie6 .fix, #ie6 .to_c .cfix {height:1%;}
.ff,.to_c .ff {float:left; overflow:hidden; width:100%;} /* float fix */
#ie6 .lff {margin-right:-3px;} /* 3 px jog */
#ie6 .rff {margin-left:-3px;}
.c, .break {clear:both; line-height:1px; height:0; font-size:1px; overflow:hidden;} /* break */
.h, .hide {display: none;} /*hide*/
.l {float:left;}
.r {float:right;}
.nmt {margin-top:0;}
.img {font-size:0;} /* killing white space around images */
#ie .cMe, #ie .float-break {height:1%;} /* clear Me */
.cMe:after, .float-break:after{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both;}
/* FLOAT BREKING (cLEAR ME) */
#ie .split, #ie ul.inline{height:1%;}
.split:after,ul.inline:after{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both;}
/**/
/*
SPLIT ELEMENT
split .s2 - prepolovi div unutar kojeg se nalazi na 2 dijela
split .s3 - ... na 3 dijela
- opera ne zna računati postotke s decimalom (33.3%) stoga je širina prilagođena
split .s4 - ... na 4 dijela
split .s30-70 - ... lijevi 30% desni 70%
split .s70-30 - ... lijevi 70% desni 30%
Ukoliko se pokaže potreba split element se može definirati u pixelima zbog točnosti layouta,ako dizajn to zahtjeva
*/
.split{margin:1em 0;}
.split .s{width:50%; float:left;}
.split .sl{clear:left; clear:left;}
.split .sr{float:right; clear:right;}
.split .s2 .s{width:50%;}
#ie6 .split .s2 .s{width:49.9%;}
.s3 .s{width:34%} .s3 .sc{width:32%}
.s4 .s{width:25%;}
.s30-70 .sl{width:30%;} .s30-70 .sr{width:70%;}
.s70-30 .sl{width:70%;} .s70-30 .sr{width:30%;}
.split .s-in{padding:0 5px;}
.split .sl .s-in{padding-left:0;}
.split .sr .s-in{padding-right:0;}
/* Inline list ol/ul*/
.inline{list-style:none; margin:0;}
.inline li{float:left; margin-bottom:0;}
.inline a, .inline span{display:block; outline-style:none; padding:0 5px;}
#ie6 .inline a,#ie6 .inline span{display:inline-block;} /* Zbog ovoga ne radi u IE Image Replacement Tehnika s text-indent:-999em; */
/* Simple fix for stopping spambots from getting correct e-mail addresses from a web page: info(Remove SPAMFILTER to reply) */
.spamfilter{display:none; }
body{font:68.75%/1.4 Arial, Helvetica, sans-serif; background-color: #fff; color:#333;}
/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:1.25em 0 .25em; font-weight:bold;}
h1{font-size:1.8em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:1em;}
p{margin:.5em 0 1em;}
a{color:#0000a0; text-decoration:none;}
a:hover{color:#fff; background-color:#000;}
a img{border:none;}
pre, code{font-family: "Courier New", Courier, monospace; font-size: 1em; overflow:auto;}
table{font-size: 1em;}
th, td{padding: 0;}
ul, ol{margin:.75em 0 1em 3em;}
ul ul, ol ul,ul ol, ol ol{margin:.3em 0 .5em 1.3em;}
ul ol, ol ol{margin-left:1.9em;}
ul, ul ul{list-style-type: disc;}
li{margin-bottom:.3em;}
dl{margin:.25em 0;}
dt, dd{font-style: normal; margin-bottom:.25em;}
dt{font-weight: bold;}
dd{margin: 0 1em 0.5em 2.5em;}
label{font-weight:bold; white-space:nowrap;}
optgroup{font-weight:bold; font-style:normal;}
fieldset{border:none;}
textarea{overflow:auto;}
textarea,
select,
input.txt,
input.btn, input.button, input.defaultbutton{font-family:Arial, Helvetica, sans-serif; font-size:1em;}
textarea,
input.txt{border:1px solid #999; padding:2px; color:#333;}
input.chk{} /*checkbox*/
input.rdb{} /*radio button*/
input.box, textarea.box { width: 100%; }
input.halfbox, textarea.halfbox { width: 48%; }
hr{
color: #ffffff; /* Color must be set to the same as the background color to hide default formatting in IE */
border: none; /* All borders must be removed as they are default for Opera */
border-top: 1px solid #e0e0e0; /* This single top border is the one replacing the default look of the ruler */
height: 1px;
margin: 0.35em 0 0.35em 0; /* Be aware that these margins may not be calculated consistently across browsers */
}
/* eZPublish stuff */
div.message-confirmation,div.message-feedback,div.message-warning,div.message-error,div.warning{margin:.5em 0 1em;padding:.5em 1em;border:6px solid gray;background-color:#f8f8f8;}
div.message-feedback{border-color:#40b040;}
div.message-warning,div.warning{border-color:#c0c040;}
div.message-error{border-color:#c04040;}
/* The remaining styles are important for proper content rendering in eZ publish -
* Do not remove or alter them without proper knowledge of the possible consequences
*/
/* Used around groups of objects which are connected in some way,and requires extra margins to the surroundings */
div.block{margin:.5em 0;padding:0;clear:both;}
/* Used if several objects are to be stacked horizontally within the same block */
div.block div.element{padding-right:1em;float:left;}
/* Floats elements to the left in a block */
div.block div.left{width:48%;float:left;clear:left;}
/* Floats elements to the right in a block */
div.block div.right{width:48%;float:right;clear:right;}
/* Used for floating images and other content elements to the left inside other content */
div.object-left{margin:.25em .25em .25em 0;float:left;clear:left;}
/* Used for floating images and other content elements to the right inside other content */
div.object-right{margin:.25em 0 .25em .25em;float:right;clear:right;}
/*
Author: Marko Žabčić
Ver: 0.4
== Ispravljeni bugovi
- IE // 3px jog
- FF, IE // margin-top bug
===================================
IE giljotina bug: nema ga (v0.2)
*/
/* Initial width set (2 most used widths) */
.w750 .w{width:68em; margin:0 auto;}
.w750 #ie .w{width:68.8em;}
.w950 .w{width:86.4em; margin:0 auto;}
.w950 #ie .w{width:87.4em;}
/*
margin uncollapsing - je isključeno do danjeg jer uzrokuje bug u FF sličan kao giljotina kod IE
*/
/*
.d2,.d, .full-content{overflow:hidden;} * FF / IE7 *
#ie6 .d2, #ie6 .d, #ie6 .full-content{height:1%;}
*/
/* Setting initial widths & margins for some elements*/
.left-content{float:left; width:25%;}
.right-content{float:right; width:200px;}
/* IE 3-pixel jog bug */
#ie6 .left-content{margin-right:-3px}
#ie6 .right-content{margin-left:-3px}
/* Remove right or left column */
.no-left .left-content, .no-right .right-content,
.no-both .left-content, .no-both .right-content{display:none;}
/* Logo */
#logo{margin:1em 0;}
#logo p{margin:0;}
#logo a{display:block; outline:none; width:100px; height:60px; background:#eee; text-indent:-999em;} /* obično je ovo slika */
/* FORMS ###################################################### */
.w95{width:95%;}
.w75{width:75%;}
.w58{width:58%;}
.w50{width:50%;}
.w30{width:30%;}
.w25{width:25%;}
.w15{width:15%;}
.w5{width:5%;}
form{background:#fafafa; border:1px solid #eee; margin-bottom:20px; padding:10px 20px;}
form .short{height:100px;}
form label{font-size:1.1em; line-height:1.6em; margin-bottom:2px;}
form input.txt, form textarea{padding:5px;}
form textarea{width:98%;}
form em{font-style:normal; color:#666; padding-left:4px;}
form p, form .spread{margin:1.4em 0;}
form img{border:1px solid #999;}
form option{padding-right:20px;}
.formError{color:#900;}
/* Title for group */
.legend{margin:1.5em 0 0.5em; border-bottom:1px solid #999; font-weight:normal; font-style:italic; font-size:1.6em; color:#777; font-family:Georgia; clear:both;}
/* Highlight on focus // JS for IE*/
form input:focus, form input.mo_focus,
form textarea:focus, form textarea.mo_focus{background:#fffff4;}
/* Form buttons on the end */
form .action-buttons{background:#eee; border:1px solid #999;margin:0px;padding:4px 6px;text-align:center;}
form .action-buttons input{background:none;border:none;cursor:pointer;font-weight:bold;}
#ie6 form .action-buttons input,
#ie7 form .action-buttons input{margin-bottom:-2px;}
form .action-buttons a{padding:2px 4px;}
.admin form .action-buttons input:hover,
.admin form .action-buttons input.mo_hover{background:#333;color:#fff;}
/* Form errors ===================================================================*/
div.fieldWithErrors{display:inline;}
.fieldWithErrors label{color:#c00; border-left:10px solid #c00; padding-left:6px;}
.fieldWithErrors input.txt,
.fieldWithErrors textarea{border-color:#f00;}
#errorExplanation{background-color:#f0f0f0;border:2px solid red;margin-bottom:20px;padding:7px 7px 12px;}
#errorExplanation h2{background-color:#c00;color:#fff;font-size:12px;font-weight:bold;margin:-7px;padding:5px 5px 5px 15px;text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
#errorExplanation p{color:#333;margin-bottom:0;padding:5px;}
#errorExplanation ul li{font-size:1em;list-style:square;}
/* **************************************** *
* HORIZONTAL NAVIGATIONS *
* **************************************** */
/*
HTML STRUCTURE
=============================================
- Ipsum
-
*/
ul.tabs a, ul.tabs span{background-repeat:no-repeat; background-position:0 0;}
ul.tabs a{padding:0;}
ul.tabs a:hover,
ul.tabs .active a{background-color:transparent;}
/* standing tabs */
ul.tabs span{display:block; background-position:100% 0;}
ul.tabs a:hover span,
ul.tabs .active a span{background-position:100% 0;}
/* hanging tabs */
.hanging-tabs ul.tabs a{background-position:0 100%}
.hanging-tabs ul.tabs span{display:block; background-position:100% 100%;}
.hanging-tabs ul.tabs a:hover span,
.hanging-tabs ul.tabs .active a span{background-position:100% 100%;}
/* ACTIVE IS TAB
=======================
Description
=======================
Sets active tab to act
as tab. Others are blank.
Usage:
=======================
Class goes on ul parent.
*/
.active_is_tab ul.tabs span,
.active_is_tab ul.tabs a{background-image:none;}
/* nav_align-right */
.nav_align-right ul{float:right;}
/* nav_align-center ***************/
.nav_align-center ul{margin:0 auto; display:table; white-space:nowrap;}
.nav_align-center li{display:table-cell;}
.nav_align-center a,
.nav_align-center a span{float:left; cursor:pointer;}
#ie .nav_align-center ul{display:inline-block;}
#ie .nav_align-center ul{display:inline;}
#ie .nav_align-center li{float:left;}
.nav_align-center {text-align:center;}
/* #########################################
CONFIGURATION
######################################### */
ul.tabs a{padding-left:8px;}
ul.tabs span{padding:5px 10px 5px 2px;} /* Left padding = span::padding_left - a::padding_left */
ul.tabs a,
ul.tabs span{background-image:url(../images/tabs/tab.gif); background-color:transparent; color:#333;} /* Here goes normal tab image*/
/* Only active link is tab*/
.active_is_tab ul.tabs .active span,
.active_is_tab ul.tabs .active a,
ul.tabs a:hover, ul.tabs .active a,
ul.tabs a:hover span, ul.tabs .active a span{background-image:url(../images/tabs/tab_a.gif); background-color:transparent; color:#fff;} /* Here goes active tab image*/
/* Horizontal - 1 navigation */
ul.horizontal-1 a{padding:0 1px; margin:0 5px; line-height:1.2em;}
ul.horizontal-1 li{margin:0; border-left:1px solid;}
ul.horizontal-1 li.first{border-left:none;}
ul.horizontal-1 li.first a{margin-left:0;}
ul.horizontal-1 li.last a{margin-right:0;}
/* **************************************** *
* VERTICAL NAVIGATIONS *
* **************************************** */
ul.vertical{margin:0; list-style:none;}
ul.vertical li{margin:0;}
ul.vertical li a{display:block; width:100%;}
ul.vertical li a span{padding:2px 4px; display:block;}
/* arrows */
ul.arrows{margin:0; list-style:none;}
ul.arrows li{margin:0;}
ul.arrows li{height:1%;}
ul.arrows li a{display:block;}
ul.arrows1 a{padding:1px 0 1px 11px; background:transparent url(../images/arrows/lj_r.gif) no-repeat 2px 0.4em; color:#666; margin-left:-2px; position:relative;}
ul.arrows1 a:hover{background:#8C3C92 url(../images/arrows/white_r.gif) no-repeat 2px 0.4em; color:#fff;}
/* items */
#ie .more-right, #ie .item, #ie .column-list{height:1%;}
.more-right:after, .item:after, .column-list:after{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both;}
/*
@base
.to_c - To columns
Defines columns on item element
*/
/* Base item style & options */
.item {margin-bottom:0.5em;}
.item .side{float:left;}
.item .inside{margin:0em 0.8em 0em 0;} /* Neovisno o unutrašnjem sadržaju imamo razmak */
.item .image{margin-top:0.3em;} /* mora sadržavati samo sliku kako bi se maknuo razmak u IE */
.item .short p{margin-top:0;}
.item .title h2{margin-top:0;}
.item .author p{margin-bottom:0;}
.item .inline-more{white-space:nowrap;}
.item .block-more,
.item .more-right{display:block;}
.item .more-right a{display:inline; float:right}
/*
OPTIONS
*/
/* align-left = default */
#ie6 .item .side{margin-right:-3px;}
/* align-right */
.align-right .item .side{float:right;}
#ie6 .align-right .item .side{margin-left:-3px;}
.align-right .item .inside{margin-left:0.8em; margin-right:0;}
/* align-center */
.align-center .item .side{float:none;}
.align-center .item .inside{padding:0.5em 0; margin:0 0 0.5em 0; width:auto !important;}
.align-center .item .img{text-align:center;}
.align-center .item .credit,
.align-center .item .caption,
.align-center .item .rich_image{margin:0 auto;}
/* Image details // Figure like */
.figure .credit{text-align:right; font-size:0.85em; margin-bottom:0.2em;}
.figure p{margin:0;}
.figure .caption{font-style:italic; font-size:0.93em;}
.figure .caption em{font-style:normal; font-weight:bold; }
/* Line view */
.line-view .item .title h2{font-size:1.1em; font-family:Arial, Helvetica, sans-serif; line-height:1.2em;}
.line-view .item .short{font-family:Arial, Helvetica, sans-serif;}
.line-view .item .image{margin-top:0.2em;}
/* column-list */
.column-list .col{float:left;}
.columns2 .col{width:48%; margin-left:4%; }
.columns3 .col{width:32%; margin-left:2%; }
.columns4 .col{width:24%; margin-left:1%; }
.column-list .col-1{clear:left; margin-left:0;}
/* Rich image */
.rich_image{position:relative;}
#ie6 .rich_image{display:inline-block;}
.rich_image .ri-img{font-size:0;}
.rich_image .ri-container, .rich_image .ri-bg{position:absolute; left:0;}
.rich_image .ri-label{position:absolute;}
.rich_image .ri-label{color:#000; background:#f00; padding:2px;}
.rich_image .ri-pos-tl{top:0; left:0;}
.rich_image .ri-pos-tr{top:0; right:0;}
.rich_image .ri-pos-bl{bottom:0; left:0;}
.rich_image .ri-pos-br{bottom:0; right:0;}
.rich_image .ri-label p{margin:0;}
.rich_image .ri-container{bottom:0; width:100%; overflow:hidden;}
.rich_image .ri-bg{bottom:0; position:absolute; width:100%; height:1000px; background:#000; opacity:.8; filter:alpha(opacity=80); z-index:0;}
.rich_image .ri-content{position:relative; padding:4px 6px;}
.rich_image .ri-minibox{z-index:50; position:absolute;}
#ie6 .rich_image .ri-minibox-br,
#ie6 .rich_image .ri-minibox-bl{bottom:-1px;}
.rich_image a.povecalo{width:27px; height:29px; display:block; text-align:center; font-size:20px; background:#f00; outline:none;}
.rich_image a.povecalo:hover{background:#000;}
.rich_image .ri-content p{margin:0; color:#fff;}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#bottomNavClose:hover{background-color: transparent;}
/* Pagination */
.pagination{text-align:center;padding:.3em; margin:2em 0;}
.pagination a,.pagination span{padding:.2em .5em;}
.pagination span.current{background:#0084AD; color:#fff;}
.pagination span.disabled{color:#AAA; background:#fff;}
.pagination a, .pagination span.disabled{border:1px solid #DDD;text-decoration:none;}
.pagination a:hover,.pagination a:focus{background:#0084AD;color:#FFF;}
.pagination .page_info{color:#aaa;padding-top:.8em;}
.pagination .prev_page{margin-right:0.5em;}
.pagination .next_page{margin-left:0.5em;}
/* Overview */
#overview{background:#fff; padding:4px; text-align:center; position:absolute; top:0; left:0; width:100%; opacity:.80;filter:alpha(opacity=80); font-size:13px;}
#overview p{margin:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#overview a{color:#3EBDFF; padding:2px;}
#overview a:hover{color:#fff; background:#3EBDFF;}
body{background:#509135 url(/images/bg/green.png) repeat-x 0 0; color:#666;}
#flora{background:url(/images/bg/flora1.png) no-repeat 50% 0; padding-top:60px;}
#container{width:800px; margin:0 auto;}
a{color:#4470A4;}
a:hover{background-color:#4470A4; color:#fff;}
#logo{border-bottom:1px solid #ADD7B0; margin:0 0 40px;}
#logo a{background:url(/images/logo/logo.gif) no-repeat 50% 50%; width:140px; height:248px; margin:0 auto;}
.left-content{width:200px;}
.left-content .d2{padding:0 10px;}
.left-content h1{font-weight:normal; font-family:"Arial Black", Arial, sans-serif; font-size:1.3em; color:#333;}
.right-content{width:185px;}
.right-content .d2{padding:1px 10px;}
#d-top-bg{background: url(/images/bg/c_top.png) no-repeat 0 0; height:25px;}
#ie6 #d-top-bg{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/images/bg/c_top.png",sizingMethod="scale");}
#d-btm-bg{background: url(/images/bg/c_btm.png) no-repeat 0 0; height:25px;}
#ie6 #d-btm-bg{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/images/bg/c_btm.png",sizingMethod="scale");}
#body{position:relative; width:100%;}
#body .d{background:#fff url(/images/bg/c_center.gif) repeat-y 0 0; margin:0 10px; position:relative; z-index:2;}
#d-center-bg{background:#fff; opacity:.50;filter:alpha(opacity=50); position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;}
#body{overflow:hidden;}
#ie6 #d-center-bg{height:5000px;}
.center-group{padding:0 10px; position:relative;}
.contacts .contact{border-bottom:1px solid #DDE0DC; padding-bottom:20px; margin-bottom:20px; line-height:1.3em;}
.contacts .last{border-bottom:none;}
.contact .name{color:#279931; font-weight:bold; font-size:1.1em;}
.contact span{display:block;}
.contact .org{margin:1em 0;}
.contact strong{color:#333; font-weight:normal;}
.logos{text-align:center;}
.logos a{margin-bottom:1em; display:block;}
.logos a:hover{background:transparent;}
.logos a:hover img{opacity:.50;filter:alpha(opacity=50);}
.center-content .d2{border-right:1px solid #eee; padding-top:1px; padding-right:10px; }
.green_teaser{background:url(/images/bg/banner_3.gif) no-repeat 0 0; height:68px; color:#fff; padding:6px 10px;}
.green_teaser .l{width:288px;}
.green_teaser .r{width:180px; margin-top:24px; margin-right:66px; text-align:right;}
.green_teaser{margin-bottom:25px;}
.green_teaser h1{font-family:"Arial Black", Arial, sans-serif; font-size:1.66em; margin:0; font-weight:normal; line-height:1.2em;}
.green_teaser .top{font-size:1.46em; margin:0;}
.green_teaser .join{font-family:"Arial Black", Arial, sans-serif; font-size:1.5em; margin:0 0 2px; display:block; color:#fff; background:transparent;}
/*.green_teaser .join:hover{background:transparent;}*/
.green_teaser .open{font-size:1.1em; margin:0;}
/*.js .green_teaser{cursor:pointer;}*/
/*.gt_hover{opacity:.90;filter:alpha(opacity=90);}*/
.green_teaser2{background-image:url(/images/bg/banner_3.gif);}
.green_teaser2 .r{margin-right:0; margin-top:0; width:250px;}
.green_teaser2 .join{margin-bottom:28px; margin-top:-2px;}
#footer{text-align:center; color:#fff; line-height:1.3em;}
#footer a{color:#fff;}
#footer a:hover{color:#fff; background:transparent; text-decoration:underline;}
.gallery .img{float:left; margin-left:10px; margin-bottom:10px;}
.gallery .first{clear:left;}
.gallery a img{border:1px solid #eee;}
.gallery a:hover img{border-color:#509135;}
.view-full .main-title,
.view-full h2,
.view-full h3{color:#0F330F; font-size:1.8em; font-weight:normal;}
.view-full .main-title{margin-top:0;}
.view-full h2{font-size:1.5em; margin-bottom:-0.5em;}
.view-full h3{font-size:1.3em; margin-bottom:-0.5em;}
.view-full .image{margin:1em 0;}
/* main nav*/
.main_nav{margin-bottom:30px;}
.main_nav ul.horizontal li{margin-left: 10px;}
.main_nav ul.horizontal li.first{margin-left: 0;}
.main_nav li a{background:transparent url(/images/bg/home.jpg) no-repeat 0 0; padding:0; display:block; cursor:pointer;}
.main_nav li a.summer_training_camp{background-image:url(/images/bg/summer_training_camp.jpg);}
.main_nav li a.application_form{background-image:url(/images/bg/application_form.jpg);}
.main_nav li a .title{width:180px; height:260px; position:relative; display:block; color:#fff; }
.main_nav li a .title span{width:180px; border-top:1px solid #333; background:#668EBF; position:absolute; bottom:10px; display:block; text-align:center; font-size:1.3em; padding:10px 0;}
.main_nav li a.summer_training_camp .title span{background-color:#862D1A;}
.main_nav li a.application_form .title span{background-color:#00AC94;}
.main_nav li a:hover{opacity:.85; filter:alpha(opacity=85); background-color:transparent;}
.main_nav li.active a:hover{opacity:1; filter:alpha(opacity=100);}
.main_nav li.active a .title{background:url(/images/arrows/blue_plain_down.gif) no-repeat 50% 100%;}
.main_nav li.active a.summer_training_camp .title{background-image:url(/images/arrows/red_plain_down.gif)}
.main_nav li.active a.application_form .title{background-image:url(/images/arrows/green_plain_down.gif)}
#application_form .right-content{display:none;}
#application_form .center-content .d2 {padding-right:0; border:none;}
.public_form label{white-space:normal; font-weight:normal; color:#000; line-height:1.3em;}
.public_form form{background:#fff; border:none;}
.public_form form p{margin:2em 0 0 1em;}
.legend-first{margin:0;}
.legend{color:#0F330F; font-size:1.8em; font-weight:normal; margin-bottom:-0.5em;}
textarea,
input.txt{border:1px solid #ccc;}
.public_form .action-buttons2{margin-top:2em;}
.public_form .action-buttons2 .btn{font-size:1.4em; padding:4px 10px;}
.simple_captcha_image img{vertical-align:bottom;}
#simple_captcha label{display:block;}
/* Documents =========================================================================================*/
.documents{ margin:2em 0 1em; border-top:1px solid #eee; padding-top:4px; clear:both;}
.documents p{margin:0; font-variant:small-caps; border-bottom:1px dotted #ccc; font-weight:bold; color:#666; margin-bottom:4px;}
.documents ul{margin:0; padding:0; list-style:none;}
.documents ul{border:none;}
.documents .image{margin:0;}
.documents li{width:100%; margin:0; padding:0; list-style:none;}
.documents li a{ padding:3px 0; padding-left:20px; background-repeat:no-repeat !important; background-position:0 0.2em !important; display:block; line-height:1.2em; text-decoration:none;}
.documents li a:hover{background-color:#fff; color:#4470A4;}
.documents li a:hover .title{text-decoration:underline;}
.documents li a em{color:#333; font-style:normal;}
.documents li a{height:1%;}
.documents .ext{text-transform:uppercase;}
.documents .info{color:#555;}
.documents a:hover .info{color:#333;}
.documents li a.empty{background-image:url(/images/icons/mimetypes/16x16/empty.png);}
.documents li a.pdf{background-image:url(/images/icons/mimetypes/16x16/pdf.png);}
.documents li a.zip{background-image:url(/images/icons/mimetypes/16x16/zip.png);}
.documents li a.text{background-image:url(/images/icons/mimetypes/16x16/text.png);}
.documents li a.word{background-image:url(/images/icons/mimetypes/16x16/word.png);}
.documents li a.excel{background-image:url(/images/icons/mimetypes/16x16/excel.png);}
.documents li a.powerpoint{background-image:url(/images/icons/mimetypes/16x16/powerpoint.png);}
.documents li a.html{background-image:url(/images/icons/mimetypes/16x16/html.png);}
.documents li a.image{background-image:url(/images/icons/mimetypes/16x16/image.png);}
.documents li a.sound{background-image:url(/images/icons/mimetypes/16x16/sound.png);}
.documents li a.video{background-image:url(/images/icons/mimetypes/16x16/video.png);}