html, body {width: 100%; height: 100%; font-family: "Verdana", "Helvetica", "Lucida", sans-serif; color: #000000;}
html, body, div, p, a, h1, h2, h3, h4, h5, h6, img, table, tr, td {padding: 0px; margin: 0px; text-align: left; vertical-align: top;}
img {border: none;}
ul.menu_link li {list-style: none;} ol li {list-style: decimal;}
input, textarea {color: #2e3033; font-family: 'Verdana' sans-serif;}

body {
    background: #d4d5de url(/images/bg3.jpg) left top no-repeat;
    /*background: #f6ca97 url(/images/bg2.jpg) left top no-repeat;*/
    /*background: #f8ecbc url(/images/bg.jpg) left top no-repeat;*/
}

/*.glass {width: auto; background: url(/images/right_glass.jpg) 650px top no-repeat; overflow: hidden; }*/
/*.left_glass {background: url(/images/left_glass.jpg) left top no-repeat; width: 730px; height: 600px;}*/

.container {width: 100%; position: absolute; top: 0px;}
.content {
    margin: 0 auto; /*background: black;*/
    min-width: 1000px; width:expression(document.body.clientWidth > 1000? "100%" :"1000px");
    max-width: 1280px; width:expression(document.body.clientWidth > 1380? "1380px" : "auto");
}

.left_side {float: left; width: 66%; padding-left: 1%;}
.right_side {float: left; width: 32%;}

.left_top_navi {font-size: 12px; height: 15px; padding: 50px 0px 0px 50px;}
.left_top_navi a {color: #cac7d0;}
.logo {background: url(/images/logo.png) left 17px no-repeat; height: 51px; padding-top: 17px;}

.main_content_table {width: 100%; /*background: black;*/ /*border: 1px solid black;*/}
/*.main_content_table td {border: 1px solid black;}*/

.left_top_content {background: url(/images/decor/left_top_content.png) right bottom no-repeat; width: 39px; height: 22px;}
.left_top2_content {background: url(/images/decor/left_top2_content.png) left bottom no-repeat; width: 64px; height: 22px;}
.right_top_content {background: url(/images/decor/right_top_content.png) left bottom no-repeat; width: 39px; height: 22px;}
.right_top2_content {background: url(/images/decor/right_top2_content.png) right bottom no-repeat; width: 64px; height: 22px;}

.left_side_content {background: url(/images/decor/side_content.png) right top no-repeat; width: 39px; height: auto;}
.right_side_content {background: url(/images/decor/side_content.png) left top no-repeat; width: 39px; height: auto;}

.left_bottom_content {background: url(/images/decor/bottom_content.png) left bottom no-repeat; width: 103px; height: 20px;}
.right_bottom_content {background: url(/images/decor/bottom_content.png) right bottom no-repeat; width: 103px; height: 20px;}

.center_content {background: none;}

.content_layout_one_table {margin: 0.5%; margin-bottom: 0px !important; width: 99%;}

.corner1 {width: 11px; height: 11px; background: url(/images/menu_layout_table_corner_tl.png) 0 0 no-repeat;}
.corner2 {width: auto; height: 11px; background: url(/images/menu_layout_table_top.png) 0 0 repeat-x;}
.corner3 {width: 11px; height: 11px; background: url(/images/menu_layout_table_corner_tr.png) 0 0 no-repeat;}
.corner4 {width: 11px; height: auto; background: url(/images/menu_layout_table_left.png) 0 0 repeat-y;}
.corner5 {background: url(/images/menu_layout_table_inside.png) 0 0 repeat; height: auto;}
.corner6 {width: 11px; height: auto; background: url(/images/menu_layout_table_right.png) 0 0 repeat-y;}
.corner7 {width: 11px; height: 11px; background: url(/images/menu_layout_table_corner_bl.png) 0 0 no-repeat;}
.corner8 {width: auto; height: 11px; background: url(/images/menu_layout_table_bottom.png) 0 0 repeat-x;}
.corner9 {width: 11px; height: 11px; background: url(/images/menu_layout_table_corner_br.png) 0 0 no-repeat;}

.content_layout_text {color: #2e3033; padding-bottom: 50px !important; padding-right: 30px; position: relative;}

.help_line {position: absolute; top: 160px; left: 58%; width: 102px; color: #242429; background: url(/images/decor/right_top2_content.png) right top no-repeat; padding-top: 1px;}
.test_icon {height: 120px; background: url(/images/test_icon.png) 0 0 no-repeat; margin-bottom: 15px;}
.time_icon {height: 47px; background: url(/images/time_icon.png) 0 0 no-repeat; margin-bottom: 15px;}
.time_icon p {text-align: center; width: auto !important; padding-top: 10px; font-size: 24px; font-family: 'Times New Roman';}
.test_icon table {height: 102px; background: none; width: 100%;}
.line1 {font-size: 12px; padding-top: 7px; text-align: center;}
.line2 {font-size: 30px; text-align: center; font-family: 'Times New Roman'; color: #ff3701 !important; padding-top: 5px;}
.line3 {font-size: 14px; color: #5d5e62 !important; padding-bottom: 7px; text-align: center;}

.divider {margin: 0px 50px 0px 20px; height: 2px; background: url(/images/divider.png) 0 0 repeat-x;}
.menu_divider {margin: 0; height: 2px; background: url(/images/menu_divider.png) 0 0 repeat-x;}

.left_menu_table {width: 95%; margin: 73px 10px 0px 5%;}
.left_bottom_menu {background: none; width: 103px; height: 20px;}
.right_bottom_menu {background: none; width: 103px; height: 20px;}

.menu_layout_table {margin: 2%; width: 96%; height: auto;}

.menu_corner1 {width: 8px; height: 8px; background: url(/images/menu_corner1.png) 0 0 no-repeat;}
.menu_corner2 {width: auto; height: 8px; background: url(/images/menu_inside.png) 0 0 repeat-x;}
.menu_corner3 {width: 8px; height: 8px; background: url(/images/menu_corner2.png) 0 0 no-repeat;}
.menu_corner4 {width: 8px; height: auto; background: url(/images/menu_inside.png) 0 0 repeat-y;}
.menu_corner5 {background: url(/images/menu_inside.png) 0 0 repeat; height: auto;}
.menu_corner6 {width: 8px; height: auto; background: url(/images/menu_inside.png) 0 0 repeat-y;}
.menu_corner7 {width: 8px; height: 8px; background: url(/images/menu_corner4.png) 0 0 no-repeat;}
.menu_corner8 {width: auto; height: 8px; background: url(/images/menu_inside.png) 0 0 repeat-x;}
.menu_corner9 {width: 8px; height: 8px; background: url(/images/menu_corner3.png) 0 0 no-repeat;}

.menu_content {padding-bottom: 40px; width: 100%; position: relative; font-size: 13px; color: #fffcfd;}

.menu_link {margin: 0 auto !important; width: 85%; padding: 10px 0px 20px 0px !important; letter-spacing: 1px;}

/*.text {width: 80% !important; margin: 0 auto; padding-right: 40px;}*/
.question {width: 90% !important; margin: 0 auto;}

.footer {width: 98%; margin: 100px 1% 0px 1%; padding-bottom: 30px;}
.footer_divider {width: 100%; height: 3px !important; background: url(/images/footer_divider.png) left top repeat-x; font-size: 2px; line-height: 2px;}

.double_menu {width: 70%; float: left;}
.copyrights {width: 30%; float: right;}
.double_menu, .copyrights, .double_menu a, .double_menu a:visited, .double_menu a:hover, .double_menu a:visited:hover {font-size: 12px; color: #242429 !important; padding-top: 10px;}
.double_menu a {margin: 0px 10px 0px 10px;}

/*!!!!!!!!!!!!!!!!!!!!   stili teksta   !!!!!!!!!!!!!!!!!!!!*/

.menu_link a, .menu_link a:visited {color: #fffcfd !important; text-decoration: underline;}
.menu_link a:hover, .menu_link a:visited:hover {color: #26abff !important;}
.menu_link li {font-family: 'Georgia' serif; font-style: italic; font-size: 20px; font-weight: 100; padding: 5px 0px 5px 0px;}
.menu_content p {padding: 0px 20px 0px 20px; color: #e4d2d8;}
.menu_content a, .menu_content a:visited {color: #e4d2d8;}
.menu_content a:hover, .menu_content a:visited:hover {color: #26abff;}
.li_submenu {font-size: 14px !important; font-weight: 100; padding: 2px 0px 2px 20px !important;}

.content_h1 {color: #242429; font-size: 24px; font-weight: 100; margin: 10px 0px 19px 30px;}
.menu_h2 {color: #f5d70c; font-size: 20px; font-weight: 100; margin: 7px 0px 13px 0px; text-align: center;}

.content_layout_text h3 {color: #2e3033; font-size: 17px; font-weight: 500; margin: 15px 10px 7px 20px;}
.content_layout_text h3 a, .content_layout_text h3 a:visited {text-decoration: underline !important;}
.content_layout_text h3 a:hover, .content_layout_text h3 a:visited:hover {color: #0062a6;}
.content_layout_text h4 {color: #2e3033; font-size: 14px; margin: 15px 50px 7px 45px;}
.content_layout_text p {font-size: 14px; line-height: 20px; margin: 7px 50px 7px 30px;}
.content_layout_text a {color: #2e3033;}
.content_layout_text a:hover, .content_layout_text a:visited:hover {color: #0062a6;}
.content_layout_text a:visited {color: #650d36;}


/*.text p, .text li, .text_table td {font-size: 12px !important; line-height: 20px;}*/
/*.text p {margin: 7px 0px 7px 20px !important;}*/
/**/
/*.text ul, .text ol {padding: 0px 0px 0px 60px !important; margin: 3px 0px 3px 0px !important;}*/
/*.text li {margin: 0px !important; padding: 0px !important;}*/

.question p, .question li, .question_table td {font-size: 14px !important; line-height: 20px;}
.question p {margin: 7px 0px 7px 20px !important; text-indent: 24px;}
.question a, .question a:hover, .question a:visited, .question a:visited:hover {color: #2e3033; text-decoration: none;}

.question ul, .question ol {padding: 0px 0px 0px 60px !important; margin: 3px 0px 3px 0px !important;}
.question li {margin: 0px !important; padding: 0px !important;}

.text_table {width: auto; margin: 0 auto;}
.text_table td {padding: 3px 10px 3px 10px;}
.even_tr {background: url(/images/even_tr.png) left top repeat;}

.questions_list {width: 95%; margin: 15px 0px 7px 20px; font-size: 14px !important;}
.questions_list h3 {margin-right: 10px !important;}
.questions_list td {padding: 2px 0px 2px 0px;}
.questions_list input {margin: 0px 10px 1px 0px;}

.button {padding-bottom: 3px; margin: 30px 0px 0px 270px !important; font-size: 16px; font-family: 'Georgia' serif; font-style: italic;}

.contollers {width: 66%; margin: 0px 1% 0px 1%;}
.paginator {float: left; margin: 12px 0px 0px 47px; height: 20px;}
.end_button {float: right; margin: 12px 47px 0px 0px;}

.end_button_table {width: auto; height: 30px; font-family: 'Georgia' serif; font-style: italic; font-size: 16px; font-weight: 100; letter-spacing: 1px;}
.end_test_left {width: 16px; height: 30px; background: url(/images/end_test_left.png) right top no-repeat;}
.end_test {width: auto; height: 26px; padding: 4px 0px 0px 2px; background: url(/images/end_test.png) right top repeat;}
.end_test_right {width: 16px; height: 30px; background: url(/images/end_test_right.png) left top no-repeat;}
.end_test a, .end_test a:hover, .end_test a:visited, .end_test a:visited:hover {color: #f5d70c;}
.end_link {position: relative !important;}

.paginator_table {width: auto !important; background: transparent;}
.left_arrow {display: block; background: url(/images/left_arrow.png) 0 0 no-repeat; cursor: pointer; cursor: hand;}
.right_arrow {display: block; background: url(/images/right_arrow.png) 0 0 no-repeat; cursor: pointer; cursor: hand;}
.left_arrow_disabled {background: url(/images/left_arrow2.png) 0 0 no-repeat;}
.right_arrow_disabled {background: url(/images/right_arrow2.png) 0 0 no-repeat;}
.page_number {width: auto; height: 30px; vertical-align: middle; text-align: center; background: url(/images/paginator.png) center repeat-x;}
.link_num a, .link_num span {text-decoration: none; font-size: 16px; padding: 0px 5px 0px 5px !important;}
.link_num a, .link_num a:visited {color: #00a8ff;}
.link_num a:hover, .link_num a:visited:hover {color: #41f4ff;}
.link_num span {color: #7efffa;}
.link_num {position: relative !important; margin: 0 auto; text-align: center; padding: 0px 10px 0px 10px;}
.left_arrow_td, right_arrow_td, .left_arrow, .right_arrow, .left_arrow_disabled, .right_arrow_disabled {width: 59px !important; height: 30px !important;}



.index_h1 {font-size: 26px; font-weight: 100; margin-top: 37px; margin-left: 9px; color: #242429;}
.test_categories_h1 {font-size: 26px; font-weight: 100; margin: 0px 0px 10px 8px;}
.index_top_p {padding: 15px 150px 30px 27px; font-size: 14px; color: #242429;}
.index_top_p a {color: #242429;}
.index_top_p a:visited {color: #650d36;}
.index_top_p a:hover, .index_top_p a:visited:hover {color: #0062a6;}

.index_small_table {width: 312px;}
.index_small_table_corner1 {width: 8px; height: 8px; background: url(/images/index/index_small_table_corner1.png) 0 0 no-repeat;}
.index_small_table_corner2 {width: auto; height: 8px; background: url(/images/index/index_small_table_corner2.png) 0 0 repeat-x;}
.index_small_table_corner3 {width: 8px; height: 8px; background: url(/images/index/index_small_table_corner3.png) 0 0 no-repeat;}
.index_small_table_corner4 {width: 8px; height: auto; background: url(/images/index/index_small_table_corner4.png) 0 0 repeat-y;}
.index_small_table_corner5 {background: url(/images/index/index_small_table_corner5.png) 0 0 repeat;}
.index_small_table_corner6 {width: 8px; height: auto; background: url(/images/index/index_small_table_corner6.png) 0 0 repeat-y;}
.index_small_table_corner7 {width: 8px; height: 8px; background: url(/images/index/index_small_table_corner7.png) 0 0 no-repeat;}
.index_small_table_corner8 {width: auto; height: 8px; background: url(/images/index/index_small_table_corner8.png) 0 0 repeat-x;}
.index_small_table_corner9 {width: 8px; height: 8px; background: url(/images/index/index_small_table_corner9.png) 0 0 no-repeat;}

.index_divider_line {font-size: 1px; line-height: 1px; height: 3px; width: 98%; margin: 0 auto; background: url(/images/index/index_divider_line.png) 0 0 repeat-x;}
.index_layout {padding-top: 20px; width: 100%; color: #242429;}

.one_test_slide {float: left; margin: 0px 10px 0px 10px; width: auto;}
.test_slide_content {overflow: hidden !important;}
.test_slide_content h2 {font-size: 18px; font-weight: 100; padding-bottom: 5px; letter-spacing: 1px;}
.test_slide_content p {padding-bottom: 5px; font-size: 12px;}
.slide_text {position: relative; height: 110px !important; padding: 10px; overflow: hidden !important;}
.slide_stats {background: url(/images/index/index_dot_line.png) left top repeat-x; height: 70px !important; padding: 5px 10px 0px 10px; color: #41444d; font-size: 14px;}
.slide_left_stats {width: 50% !important; float: left;}
.slide_right_stats {width: 50% !important; float: right;}
.slide_right_stats table {width: 100%;}
.text_right {text-align: right !important;}
.padding_td {padding-left: 80px;}
.big {font-size: 26px; font-weight: 100;}
.blue {color: #0062a6;}
.error_red {color: #f52558; font-size: 14px;}
.orange {color: #ff3701;}

.start_test_button {margin: 10px 0px 0px 30px;}
.start_test_button_table {width: auto; height: 30px; font-family: 'Georgia' serif; font-style: italic; font-size: 16px; font-weight: 100; letter-spacing: 1px;}
.start_test_left {width: 16px; height: 30px; background: url(/images/end_test_left.png) right top no-repeat;}
.start_test {width: auto; height: 26px; padding: 4px 0px 0px 2px; background: url(/images/end_test.png) right top repeat;}
.start_test_right {width: 16px; height: 30px; background: url(/images/end_test_right.png) left top no-repeat;}
.start_test a, .start_test a:hover, .start_test a:visited, .start_test a:visited:hover {color: #f5d70c;}
.start_test_link {position: relative !important;}

.slide_text h2 a, .slide_text h2 a:visited {text-decoration: none; color: #242429;}
.slide_text h2 a:visited:hover, .slide_text h2 a:hover {text-decoration: underline; color: #0062a6;}
.slide_text a, .test_categories_text a, .test_categories_text a:visited {color: #242429;}
.slide_text a:hover, .slide_text a:visited:hover, .test_categories_text a:hover, .test_categories_text a:visited:hover {color: #0062a6; text-decoration: underline;}
.slide_text a:visited {color: #650d36;}

.test_categories {padding: 20px 5% 0px 1%; margin: 0px !important;}
.test_categories_table {margin: 0px 8px 0px 8px; width: 98%;}
.test_categories_table td {padding: 5px 70px 5px 0px;}
.test_categories_table h3 {font-size: 18px; font-weight: 100; padding: 5px 0px 5px 0px; letter-spacing: 1px;}
.test_categories_table p {padding: 0px 0px 0px 15px; font-size: 14px;}
.test_categories_table h3 a, .test_categories_table h3 a:visited {text-decoration: none; color: #242429;}
.test_categories_table h3 a:hover, .test_categories_table h3 a:visited:hover {text-decoration: underline; color: #0062a6;}

.test_categories_text {float: right; width: 80%;}
.test_category_icon {width: 62px; height: 62px; margin: 12px 10px 0px 0px; float: left;}




.clear {clear: both; font-size: 1px; line-height: 1px;}
.spacer15px {font-size: 1px; line-height: 1px; height: 15px;}
.spacer30px {font-size: 1px; line-height: 1px; height: 30px;}