@charset "utf-8";
/* CSS Document */

#template-neck { background: url(../../Resources/Template1/images/layout/neck-back.png) no-repeat; width: 432px; height: 30px; padding: 10px 0 7px 550px; list-style: none; margin: 0; vertical-align:middle;}
#template-neck * { vertical-align: middle;}
#template-neck li { display: inline;}

#template-main { padding: 0; clear: both; background: url(../../Resources/Template1/images/layout/main-back.png) repeat-x #fafafa; overflow: hidden; height: 100%;}
#template-main a { color: #3675b6;}

#template-left { width: 194px; float: left; margin:0; padding:0;}
#template-content { width: 537px; float: left; padding: 0 39px 0 16px; margin:0;}
#template-right { float: left; width: 196px; padding: 0 0 0 0; margin:0;}

#template-footer { clear: both; background: #3675b6; color: #fff; padding: 15px 15px 15px 15px; margin: 22px 0 0 0; width: 952px;}
#template-footer a { color: #70afe3;}

#template-footer-page-menu { list-style: none; margin: 0; padding: 0; float: right; width: 170px;}
#template-footer-page-menu li { display: inline; height: 35px; padding: 0 3px 0 0;}

#template-footer-menu { list-style: none; margin: 0; padding: 5px 0; float: left;}
#template-footer-menu li { display: inline;}
#template-footer-menu li a { font-size: 12px; text-transform: uppercase; padding: 4px 5px; color: #fff;}
#template-footer-menu li a:hover { background: #011b33; text-decoration: none;}

#template-footer p { clear: both; padding: 11px 0 0 0; text-align: center; font-size:11px;}

#menu { list-style: none; margin: 0; padding: 0;}
#menu li { margin-bottom: 3px; width: 17.6em; max-width:240px; min-width:194px;}
#menu li a { border: 1px solid #549ad4; margin: 0 46px 0 13px; background: #70afe3; color: #fff; padding: 7px 0 8px 10px; font-size: 1.1em; color: #fff; display: block; text-transform: uppercase; overflow: inherit;}
#menu li ul { list-style: none; margin: 0; padding: 0;}
#menu li ul li { margin-bottom: 3px;  width: 194px;}
#menu li ul li a { display: block; color: #414042; background: #fafafa; margin: 0 0 0 0; border: 0px; padding: 3px 0 3px 40px; text-transform: none;}
#menu li ul li a:hover { text-decoration: none; background: url(../../Resources/Template1/images/layout/menu-item-left.png) no-repeat left #fff;}

#map { font-size: 0.9em; padding: 0 0 0 0; }

/*Modal Popup*/
.modalBackground { background-color:Black; filter:alpha(opacity=60); opacity:0.6;}

.modalPopup { background-image: url(../../Resources/Template1/images/picbox.jpg); background-repeat:repeat-y; width:600px; text-align:left; color:#ffffff;}

.modalPopup .boxDesc { text-align:left; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px;}
.modalPopup .boxTitle{ color:#65b9ff; text-transform:uppercase; font-size: 1.3em; padding-bottom:10px; }
.modalPopup .boxLeft {width:38px; height:38px; border-style: none; border-width:0px;}
.modalPopup .boxRight {width:38px; height:38px; border-style: none; border-width:0px; }
.modalPopup .boxClose {width:16px; height:16px; border-style: none; border-width:0px;}
.modalPopup .boxCnt { font-weight:bold; font-size:1.1em;}
/* Survey Results */
.modalPopupSurvey { padding: 0; margin:0; text-align:left; color:#ffffff;}
.right-float {float:right; padding:0 10px 0 0; margin:0; }
.right-float a { font-size:1.2em; color:Black; }


/*Login Box*/
.loginBox { background-image: url(../../Resources/Template1/images/podloga-za-login.png); background-repeat:repeat-y; width:194px; height:25em; min-height:275px; max-height:305px; text-align:left; color:#ffffff;}
.boxInner {padding: 10px 0 0 22px; line-height:24px; color:White; text-align:left; }
.boxInner a {color:White; }
.boxTitle {color:White; font-size: 1.1em; text-transform:uppercase; padding:0 0 10px 0;}

/*Survey Results*/
#SurveyResults { color:#414042; background-color:#efefef; padding: 10px 20px 20px 20px; margin:0; width:440px;  font-size:11px; }
#SurveyResults .surveyTitle { font-weight:bold;  font-size:11px; }
#SurveyResults h1 { font-size:14px; text-transform: uppercase; }

#progressBackgroundFilter { background-color:Black; filter:alpha(opacity=60); opacity:0.6}

#protected-info { background: #70afe3; color: #fff; padding: 10px 5px 10px 15px; }
#protected-info a { color: #fff;}
#protected-info .log-off { font-size: 0.9em;}
#protected-info .title { font-size: 1.1em; text-transform: uppercase; background: url(../../Resources/Template1/images/layout/ico-lock.png) right no-repeat; padding: 10px 0;}
#protected-menu { list-style: none; margin: 0 0 2em 0; padding: 0 0 1em 0; background: #70afe3; font-size: 1.1em;}
#protected-menu li { margin-bottom: 3px;  width: 194px;}
#protected-menu li a { display: block; color: #414042; background: #fafafa; margin: 0 0 0 0; border: 0px; padding: 3px 0 3px 40px; text-transform: none;}
#protected-menu li a:hover { text-decoration: none; background: url(../../Resources/Template1/images/layout/menu-item-left.png) no-repeat left #fff;}

.articleText { text-align:justify;}

.faqText  { vertical-align:middle;}
.faqText input  { padding-right:10px;}
.faqText * { vertical-align:middle;}
