body {margin:0;padding:0;text-align:center;font-size: 62.5%;font-family: "Trebuchet MS", sans-serif; color:#333;}
table {border-collapse:collapse;border-spacing:0;}
h1 {margin:0;padding: 0 0 9px 0;font-size:2.9em;font-family:"Trebuchet MS",sans-serif;color:#cc0000;font-weight:normal;}
h2 {margin:0;padding: 0 0 15px 0;font-size:1.8em;font-family:"Trebuchet MS",sans-serif;color:#333; text-align:left; line-height:25px; font-weight:bold;}
h3 {margin:0;padding: 0 0 16px 0;font-size:1.4em;font-family:"Trebuchet MS",sans-serif;color:#333; }
h4 {margin:0;padding: 0 0 16px 0;font-size:1.3em;font-family:"Trebuchet MS",sans-serif;color:#cc0000;}
h5 {margin:0;padding: 0 0 16px 0;font-size:1.2em;font-family:"Trebuchet MS",sans-serif;color:#cc0000;}
ul {margin:0;padding: 0 0 16px 0;}
ul {list-style:none;}
li {font-size:1.3em;}
ul li {padding: 0 0 3px 10px;}
ol {padding:0 0 30px 20px;margin:0;}
ol li  {padding: 0 0 3px 5px;}
p {margin:0;padding: 0 0 20px 0;font-size:1.3em;line-height:20px;}
a {outline:0; color:#333;text-decoration:underline;}
img {border:0;}
textarea,
input {border:1px solid #e7e7e7;border-top-color:#acacac; font-family:"Trebuchet MS"; font-size:11px;}
input.submit {border:0;background:none;}

/*layout*/
.wrapper, 
.head, 
.main, 
.foot,
.disclaimer {float:left;width:100%;}
.w-in {width:904px;margin:0 auto; text-align:left;}
.head {background:#333;height:50px;}
.head .w-in {border-top:4px solid #666;background:#333;height:46px;}
.main {background: #fff url(dsg/bgr/main.gif) 0 0 repeat-x;}
.main .w-in  {background: #fff url(dsg/bgr/main.gif) 0 0 repeat-x;}
.foot {background: #fff8e5 url(dsg/bgr/foot.gif) 0 0 repeat-x;}
.foot .w-in {background:#fff8e5 url(dsg/bgr/foot.gif) 0 0 repeat-x; padding-top:29px;}
.l-con {width:432px; float:left; padding:0;}
.r-con {width:460px; float:right; padding:0; margin-top:-7px;}
.r-con h2, .r-con p {width:432px; float:right;text-align:left;}
.left {float:left;}
.right {float:right;}

/*homepage*/
.home .main {background: #fff url(dsg/bgr/home_main.png) 0 0 repeat-x;}
.home .main .w-in {background: #fff url(dsg/bgr/home_main.png) 0 0 repeat-x;}
.home .content ul.hyperlist li, .home .content ul.hyperlist li a {color:#999;}
.home .content ul.hyperlist {width:255px;}
.home .content {padding:0 0 70px;}
.home .head .w-in, .home  ul.top-nav li  {border-top:4px solid #cc0000;}
.home .head {height:48px;}
.main-in {padding-top:43px;height:345px;position:relative;top:0;left:-10px; width:914px;}
.img_con{float:left;width:455px; display:inline;}
.txt_con {float:right;width:424px;display:inline; padding:10px 0 0 0;}
.txt_con h2 {line-height:25px; width:405px; padding:0 0 20px 0;font-weight:normal;}
.btn {margin:0 0 0 -10px;}

/*head*/
p.logo {padding:11px;float:left;width:137px; padding:10px 0 0 0;}
p.loginButton {float:right;padding: 12px 0 0 0;}

ul.nav {margin:0;padding:0;list-style:none;float:left;}
ul.nav li {margin:0;padding:0;float:left;}
ul.nav li a {display:block;}

ul.top-nav {margin:-4px 0 0 0;padding:0;list-style:none;float:left;}
ul.top-nav li {margin:0 20px 0 0;padding:14px 0 0 0;float:left;font-size:1.5em;font-weight:bold;border-top:4px solid #666;}
ul.top-nav li a {display:block;color:#fff;text-decoration:none;}
ul.top-nav li.active {border-top-color:#cc0000;}
ul.top-nav li.active a {color:#999;}

.sec-nav {width:908px;float:left;background:url(dsg/bgr/navR.png) 100% 0 no-repeat;position:relative;top:15px; left:-8px; z-index:2;}
.sec-nav h3 {float:left;}
.sec-nav h3 a {float:left; width:96px; height:40px; line-height:43px; margin:10px 0 0 10px;text-decoration:none;overflow:hidden;}
.sec-nav h3.active a {color:#fff;}
.sec-nav ul {background:url(dsg/bgr/nav_firstR.png) 0 0 no-repeat; float:left; height:55px; padding:0 0 0 8px;}
.sec-nav li {float:left;background:url(dsg/bgr/nav_bg.png) 0 0 repeat-x;}
.sec-nav li a {width:128px;height:43px;float:left;line-height:56px; text-decoration:none;font-weight:bold; background:url(dsg/bgr/nav_sep.png) 100% 3px no-repeat; font-size:12px;overflow:hidden;}


.sec-nav.ws1 h3{background:url(dsg/bgr/nav_firstL.png) 0 0 no-repeat; float:left; width:106px; height:55px; text-align:center; font-weight:bold;}
.sec-nav.ws1 h3.active {background:url(dsg/bgr/first_on.png) 0 0 no-repeat;}
.sec-nav.ws1 li {float:left;width:128px;background:url(dsg/bgr/nav_bg.png) 0 0 repeat-x;height:43px; padding:0; margin:9px 0 0 0;text-align:center;}
.sec-nav  li.active {background:url(dsg/bgr/li_on_bg.png) 0 0 repeat-x; margin-left:-8px;}
.sec-nav  li.active a {color:#fff;}
.sec-nav.ws1  li.last {width:150px}
.sec-nav.ws1  li.last a {background:none;width:150px;}
.sec-nav.ws1  li.last.active {width:152px;} 
p.nav_title {background:url(dsg/txt/nav_title1.png) 0 0 no-repeat; position:absolute;top:5px;left:461px; z-index:1; text-indent:-99999px; width:110px;padding:0;}

.sec-nav.ws2 {left:-10px; width:922px;}
.sec-nav.ws2 ul {background:url(dsg/bgr/nav_firstR2.png) 0 0 no-repeat; float:left; height:55px; padding:0 0 0 10px;}
.sec-nav.ws2 h3{background:url(dsg/bgr/nav_firstL2.png) 0 0 no-repeat; float:left; width:188px; height:55px; text-align:center; font-weight:bold;}
.sec-nav.ws2 h3 a {width:180px;}
.sec-nav.ws2 h3.active{background:url(dsg/bgr/first_on2.png) 0 0 no-repeat;}
.sec-nav.ws2 h3.active a {width:178px;}
.sec-nav.ws2 li {float:left;width:144px;background:url(dsg/bgr/nav_bg.png) 0 0 repeat-x;height:43px; padding:0; margin:9px 0 0 0;text-align:center;}
.sec-nav.ws2 li a {width:144px;}
.sec-nav.ws2 li.active {background:url(dsg/bgr/li_on_bg.png) 0 0 repeat-x; margin-left:-8px; width:144px;}
.sec-nav.ws2 li.last a {background:none;}
.sec-nav.ws2 li.last.active {margin-left:0; width:144px;}
.sec-nav.ws2 .nav_title {background:url(dsg/txt/nav_title2.png) 0 0 no-repeat; position:absolute;top:3px;left:458px; z-index:1; text-indent:-99999px; width:115px;}


ul.main-nav  {background:url(dsg/bgr/home_nav.png) 0 0 no-repeat; width:944px; height:100px;position:relative;left:-20px; top:0px;float:left; padding:0 0 0 20px; }
ul.main-nav li {float:left;display:block; font-size:14px; margin:28px 0 0 0;padding:0; width:181px;height:60px;text-align:center;cursor:pointer;}
ul.main-nav li a{float:left;display:block;padding:0; width:180px;height:62px;line-height:60px;background:url(dsg/bgr/home_nav_sep.gif) 100% 2px no-repeat;}
ul.main-nav li a {color:#333;text-decoration:none; font-weight:bold; }
ul.main-nav li.active {background:url(dsg/bgr/home_nav_sel.png) 0 0 no-repeat; height:68px;margin:22px 0 0 0;}
ul.main-nav li.active a {color:#fff; line-height:74px; background:none;}


/*foot*/
.linkBox {float:left;width:180px;}
.linkBox h5 {color: #333;font-size:1.3em;font-weight:bold;padding-bottom: 8px;}
.linkBox p {color:#bfb69f;font-size:1.2em;}
.linkBox a {color:#bfb69f;}
.linkBox li {color:#bfb69f;padding:0 0 5px 0;font-size:1.2em;}
.linkBox li a {color:#bfb69f;}

.disclaimer {clear:both;width:100%;border-bottom:5px solid #cc0000;height:49px;margin-bottom:0px;padding:20px 0 0 0;}
.disclaimer a {color:#BFB6A0;}
.disclaimer p {font-size:1.2em;}
.disclaimer p.leftDisclaimer {float:left;color:#BFB6A0;padding: 9px 0 0 0;}
.disclaimer p.rightDisclaimer {float:right;color:#BFB6A0;padding: 0 0 0 0;}

.onTheTopLine {text-align:right;border-top:5px solid #FAF7ED;font-size:1.3em; text-align:right;padding:15px 0 38px 0;clear:both; width:904px;}
.onTheTopLine a {color:#BFB6A1;}

.contact {border:1px solid #e6e6e6; background:#fafafa;padding:20px 16px;margin:0 0 30px 0;float:left; width:870px;text-align:left;}
.contact .inquiry {width:419px;padding: 0 15px 0 0;float:left;}
.contact .faqForm {width:415px;padding: 0 0 0 18px;float:left;border-left:1px solid #e6e6e6;}
.l-con .contact {width:405px; margin:0 0 30px;}

.contact_list {width:432px;float:right;clear:both; border-bottom:1px solid #f2efe5; font-size:1.3em; padding:20px 0; line-height:20px;}
.contact_list a {color:#cc0000;}
.contact_list.first {padding:0 0 20px;}
.contact_list.last {border-bottom:none;}
.contact_list .right {padding-right:65px;}

/*content*/
.content {padding:42px 0 80px; float:left;width:904px; }
.content ul li {background:url(dsg/ico/bullet.gif) 0 8px no-repeat; display:block;padding: 0 0 10px 15px; line-height:20px;}
.content ul.hyperlist {padding:0 0 20px;}
.content ul.hyperlist li {background:url(dsg/ico/check.png) 0 2px no-repeat; padding:0 0 10px 25px; color:#333;font-size:1.3em; line-height:20px; display:block;}
.content ul li p {font-size:13px;}
.content ul.line { padding:0;}
.content ul.line li {border-left:1px solid #bfbcb5;background:url(dsg/ico/line.png) 0 17px no-repeat; padding:0 0 14px 20px;} 
.content ul.line li.last {padding:0 0 0 20px;}
.content ul.line li p {font-size:10px;text-transform:uppercase; padding:2px 0 0 0;}
.content ul.nobullet li {background:none;}

.con_wrap {float:left;width:904px; padding:0;}
.con {float:left;width:260px; border-right:1px solid #F2F2F2; margin:25px 30px 0 0; padding:0 25px 0 0;min-height:410px;height:auto !important;height:410px;position:relative;top:0;left:0;}
.con.last {border-right:none; padding:0; margin:25px 0 0;}
.con p {color:#999; line-height:20px;padding:0 0 20px;}
.con.last p {padding:0 0 16px;}
.con ul li {padding:0 0 10px 12px;}

.more {background:url(dsg/txt/more.gif) 0 0 no-repeat; float:left;width:100%;display:block; height:42px; position:absolute;bottom:0px; left:-5px;}
.title {margin:0 0 20px; width:100%;}
.lead {font-size:1.8em; padding:0 0 35px; line-height:25px;}
.center {text-align:center;margin:10px 0 0 0;}
.def .content {padding:42px 0 0 0;} 

.intro {width:100%;float:left;clear:both;border-bottom:5px solid #FAF7ED; padding:0 0 40px 0; margin:0 0 30px;}
.intro .lead {float:left; width:432px;}
.intro .right {width:432px; padding:0 0 0 40px;}

.terms {width:676px;}
.terms  ol {width:548px;}
.terms  h2 {padding:20px 0 25px;}
p.nopad {padding:0;}

/*forms*/
.fItem  {float:left;width:100%; margin: 0 0 8px;}
.fItem textarea {width:409px; height:100px; padding:3px 2px;}
.fItem label, .fItem p {font-size:13px;color:#333; float:left;display:block; padding:0 0 3px;}
.fTxt input {width:189px; padding:3px 2px;}
.fItem span {font-size:1.3em; padding:0 3px;}
.fSubmit {clear:both;}
p.info {font-size:1.1em; width:300px; float:left; padding:4px 0 0 0; line-height:15px;}
.fItem .submit {float:right;width:104px; padding:0;}
.faqForm .fTxt {float:left;width:195px;}
.span {float:left;width:15px;display:block;height:45px;line-height:70px;margin:0 5px; font-size:11px;}


.FreeTest h2 {padding:0 0 15px;}
.FreeTest .fItem label, .FreeTest .fItem p {width:135px; font-size:13px;}
.FreeTest .fTxtarea label {width:100%;}
.FreeTest input {width:263px;font-size:13px;}
.FreeTest textarea {width:400px;font-size:13px;}
.radios {float:left;display:block; width:190px;}
.radio  {width:100%; float:left; line-height:20px;}
.radio input {width:18px; height:18px;font-size:15px;float:left;display:block;border:0; margin:0 5px 0 0;} 
.radio label {float:left;display:block;}
.FreeTest span {font-size:12px;font-weight:normal;}
.FreeTest .fItem .submit {width:126px;}
.FreeTest p.info  {width:250px;font-size:11px;}

.error, label.error {color:#cc0000;font-size:13px; }
.error ol {padding:0 0 0 20px;margin:0;}
.error li {font-size:13px; padding:10px 0 0 0;}
div.error{background:#ffffcc; border:1px solid #d9d982;padding:10px 10px 15px;margin:0 0 15px;}
div.info{color:#5d7f19;font-size:13px; padding:11px 10px 10px; background:#e6ffb2; border:1px solid #c3d997; margin:0 0 15px;}




/*faq*/

.faq .title {margin:0 0 10px;}
.faq_list {clear:both; padding:12px 0 35px; float:left;width:100%; }
.faq_list.last {padding:12px 0 0;}
.faq_list h3 {width:304px;float:left;}
.faq_list ul {width:598px;float:right; border-left:1px solid #e6e6e6; padding:0;}
.content .faq_list li {background:none; padding:0 0 0 20px;width:550px; }
.content ul li p.question {font-size:18px; background:url(dsg/ico/bullet_red.png) 0 5px no-repeat;padding:0 0 5px 20px; float:left;width:100%;cursor:pointer;font-weight:bold;line-height:25px;}
.question a {text-decoration:none;} 
.content ul li p.question.selected {background:url(dsg/ico/bullet_red_on.png) 0 5px no-repeat;}
.answer {display:none;float:left;width:100%;padding:5px 0 20px 20px; line-height:20px;}
.selected {display:block;}

/*tables*/
table.def {width:100%; margin:40px 0 0 0; float:left;display:block;text-align:left;border-top:5px solid #FAF7ED;}
table.def td, table.def th {font-size:13px;color:#333;text-align:center; line-height:20px;}
table.def td.first {text-align:left; white-space:nowrap; width:255px;}
table.def td {border-top:1px solid #FAF7ED;vertical-align:top;padding:15px 0 13px; line-height:13px;}
table.def th {vertical-align:bottom; padding:50px 0 15px 0;}
table.def .last td {font-size:18px;border-bottom:5px solid #FAF7ED; padding:15px 0 35px; font-weight:bold;}
table.def .nopad td {padding:0; text-align:left; white-space:normal;}

.prices {clear:both;border-top:5px solid #faf7ed;float:left;padding-top:20px;width:904px;}
.prices .in {width:907px;}

ul.tableHolder {margin:0;padding:0;list-style:none;float:left;position:relative;z-index:2;}
ul.tableHolder li {float:left;margin:0;background:none;padding: 5px 6px 35px 5px;}
ul.tableHolder li div {padding:0px 10px 0 10px; width:128px;font-size:1.0em;border:1px solid #D9D6CD;background:#faf7ed;float:left;}
ul.tableHolder li.active {background:url(dsg/bgr/table-sel-bot.png) 0 100% no-repeat;padding:0px 3px 35px 0px;}
ul.tableHolder li.active div {padding:6px 13px 0 15px;width:130px;border:0px;background: url(dsg/bgr/table-sel-top.gif) 0 0 no-repeat;}
ul.tableHolder li table {border-top:0;border-collapse:collapse;margin:0;}

table {width:100%;border-top:5px solid #faf7ed;}
table td {vertical-align:top;padding:0;margin:0;line-height:13px;}

table.col {}
table.first td img,
table.col td img {}
table.first td,
table.col td {font-size:13px;color:#333;text-align:center;border-bottom:1px solid #e6e0ce;height:40px;vertical-align:middle;}
table.col td.messages {font-size: 18px;}
table.first td.td1,
table.col td.td1 {height:65px;vertical-align:middle;padding:0;}
table.first td.td-h,
table.col td.td-h {height:61px;vertical-align:middle;padding:0;}
table td.last {height:64px;font-size:24px;font-weight:bold;border-bottom:none;line-height:normal;vertical-align:middle;padding:0;}

table.first {text-align:left; white-space:nowrap; width:263px;background:none;margin:6px 0 0 0;padding:0;border-top:none;float:left;}
table.first td.messages {font-size: 18px;}
table.first td {text-align:left;border-bottom:1px solid #f2efe5;}
table.first td.last {border-bottom:0;}
table.first td.td1 {padding:0;}


.dataHolder {margin-top:0;border-top:5px solid #faf7ed;position:relative;z-index:1;float:left;width:100%;display:none;}
.dataHolder table {float:left;width:100%;}
p.button {text-align:right;}
p.button img {margin-right:-9px;position:relative;}

table.data {border-bottom:5px solid #faf7ed;margin-bottom:15px;border-top:0;}
table.data td {padding:12px 0px 12px 0; border-bottom:1px solid #f2efe5;font-size:18px;text-align:right;width:150px;}
table.data td span {color:#cc0000;}
table.data td.first {text-align:left; } 
table.data tr.first td {font-size:24px;font-weight:bold;padding:28px 0px 12px 0;}
table.data tr.last td {padding:12px 0;border-bottom:none;}

table.data2 {width:100%;border-bottom:5px solid #faf7ed;margin-bottom:15px;margin-top:8px;border-top:0;}
table.data2 td {font-size:18px;text-align:right;padding:12px 0; border-bottom:1px solid #f2efe5;}
table.data2 th {font-size:13px;text-align:left;font-weight:bold;padding:12px 0; border-bottom:1px solid #f2efe5;}
table.data2 td.first {width:330px;text-align:left;}
table.data2 td.last {border-bottom:none;border-top:5px solid #faf7ed;}

/*video*/
.videocontent {
background-color:#404041;
margin:30px auto 0;
text-align:left;
width:900px;
}
.bottom {
margin:-3px auto 0;
text-align:left;
width:900px;
}
.swfbox {
background-color:#221F1F;
margin:0 auto;
text-align:center;
width:849px;
}
a {
outline:medium none;
text-decoration:none;
}
a:active {
outline:medium none;
}
.kategorijetext {
color:#FFFFFF;
float:right;
font-family:Tahoma,Geneva,sans-serif;
font-size:16px;
font-weight:bold;
margin-right:20px;
}
.kategorijeicon {
float:right;
margin-right:20px;
}
.top {
background:url("gfx/top_menu.png") repeat-x scroll left top transparent;
height:30px;
margin:0 auto;
padding-top:10px;
position:relative;
text-align:left;
width:900px;
}
.toptext {
color:#FFFFFF;
font-family:Tahoma,Geneva,sans-serif;
font-size:24px;
padding-top:10px;
position:relative;
}
.toptextsel {
background:url("../vidioh2/gfx/top_selected.png") repeat-x scroll left top transparent;
color:#FFFFFF;
font-family:Tahoma,Geneva,sans-serif;
font-size:24px;
padding-top:10px;
position:relative;
}
.titletext {
color:#FFFFFF;
font-family:Tahoma,Geneva,sans-serif;
font-size:16px;
font-weight:bold;
padding-left:20px;
padding-top:20px;
}
.titletextgl {
color:#FFFFFF;
font-family:Tahoma,Geneva,sans-serif;
font-size:16px;
font-weight:bold;
padding-top:20px;
}
.titletextnormal {
color:#FFFFFF;
font-family:Tahoma,Geneva,sans-serif;
font-size:16px;
padding-left:20px;
padding-top:20px;
}
.datatext {
color:#FFFFFF;
font-family:Tahoma,Geneva,sans-serif;
font-size:14px;
padding-left:20px;
}
.selectedlink {
color:#929396;
font-family:Tahoma,Geneva,sans-serif;
font-size:14px;
font-weight:bold;
height:20px;
padding-left:20px;
}
.linktext {
color:#88898B;
font-family:Tahoma,Geneva,sans-serif;
font-size:14px;
height:20px;
padding-left:20px;
}
hr {
background-color:#FFFFFF;
border:medium none;
color:#FFFFFF;
height:1px;
margin-left:25px;
margin-top:10px;
width:850px;
}
.cats {
background-color:#404041;
height:350px;
margin:0 auto;
width:900px;
}
.leftcolumn {
background-color:#404041;
float:left;
top:0;
width:50%;
}
.rightcolumn {
background-color:#404041;
float:right;
top:0;
width:50%;
}
.leftcolumntop {
background-color:#404041;
float:left;
left:6px;
position:relative;
top:0;
}
.rightcolumntop {
background-color:#404041;
float:right;
position:relative;
right:30px;
top:0;
}
.firstcolumn {
background-color:#404041;
float:left;
height:100%;
left:20px;
position:relative;
text-align:left;
top:0;
width:50%;
}
.secondcolumn {
background-color:#404041;
float:right;
height:100%;
position:relative;
text-align:left;
top:0;
width:50%;
}
.thirdcolumn {
background-color:#404041;
float:left;
height:100%;
position:relative;
text-align:left;
top:0;
width:50%;
}
.fourthcolumn {
background-color:#404041;
float:right;
height:100%;
position:relative;
text-align:left;
top:0;
width:50%;
}
