/*---------------------------------------------------------
Author: Marcel Cemsák - MCdesign webstudio /www.mcdesign.sk/
-----------------------------------------------------------*/
* { 
   margin:           0; 
   padding:          0}

body {
   margin:           0;
   padding:          0;
   background:       #4b4b4b;
   font-family:      Geneva, Arial, Helvetica, sans-serif;
   font-size:        12px;
   color:            #333333}
   
#wrapper {
   margin-left:      auto;
   margin-right:     auto;
   width:            900px;
   height:           auto;}

.clear {clear:both}   

p {
   text-align:       justify; 
   line-height:      18px}
 
hr {
   color:            #CCCCCC; 
   margin:           5px 0 10px 0; 
   width:            130px; 
   border:           #cf161d 1px dotted}
   
h1 {
   font-size:        14px; 
   color:            #cf161d; 
   margin-bottom:    15px}

h2 {
   font-size:        12px; 
   color:            #cf161d; 
   margin-bottom:    10px}
   
h3 {
   font-size:        12px; 
   color:            #cf161d; 
   margin-bottom:    8px; 
   margin-top:       8px}

h4 {
   font-size:        11px; 
   color:            #666666; 
   margin-bottom:    5px}

h5 {
   color:            #000000; 
   font-size:        11px}

#header { 
   width:            900px; 
   height:           250px; 
   background:       url(../images/head.jpg); 
   background-repeat:no-repeat;}
   
#header a {
   width:            200px;
   height:           90px;
   float:            left;
   cursor:           pointer;
   margin:           45px 0 0 48px;
   display:          block;}

#content_index { 
   width:            900px; 
   height:           100%; 
   background:       #ffffff; 
   padding-bottom:   6px}

#content { 
   width:            900px; 
   height:           330px; 
   background:       #ffffff; 
   padding-bottom:   10px}
   
a.titl {
   color:            #000000;
   text-decoration:  none;
   border-bottom:    #cf161d 1px solid}

a.titl:hover {
   color:            #000000; 
   text-decoration:  none;
   border-bottom:    #cf161d 1px dashed;
   background-color: #CCCCCC}

#leftcol { 
   width:            164px; 
   height:           auto; 
   float:            left; 
   border-right:     #b60b11 1px solid; 
   margin:           15px 0 15px 0; 
   padding:          12px 18px 20px 18px}

#sckk { 
   width:            128px; 
   height:           140px; 
   float:            left; 
   padding:          30px 18px 0px 18px; 
   text-align:       center}

#news { 
   width:            100%; 
   height:           100%;}

#rightcol { 
   width:            645px; 
   height:           auto; 
   float:            right; 
   padding:          25px 25px 10px 20px}

#subcol { 
   width:            470px; 
   height:           auto; 
   float:            left; 
   margin:           15px 0 0 4px}

#textblock { 
   width:            850px; 
   height:			 auto; 
   float:			 left; 
   padding:	         25px 25px 15px 25px}

#textblock2 { 
   width:            595px; 
   height:           auto; 
   float:            right; 
   padding:          15px 10px 15px 20px}

#textblock2b { 
   width:            267px; 
   height:           auto; 
   float:            right; 
   padding-left:     40px}

#textblock2 ul { 
   line-height:      18px; 
   font-size:        11px; 
   color:            #000000; 
   font-weight:      bold}

#prierez { 
   width:            632px; 
   height:           auto; 
   float:            right; 
   margin-top:       15px}

#mainblock2 { 
   width:            780px; 
   height:           auto; 
   float:            right; 
   padding:          0px 10px 10px 25px; 
   margin-top:       10px}

#mainblock3 { 
   width:            647px; 
   height:           auto; 
   float:            right; 
   padding:          0px 0px 10px 20px; 
   border-left:      1px solid #dadada; 
   margin-top:       10px}

#realizacie { 
   width:            670px; 
   height:           auto; 
   float:            right; 
   padding:          0px 10px 10px 0; 
   border-left:      1px solid #dadada; 
   margin-top:       10px; 
   text-align:       right}

#realizacie img {margin:0 5px 10px 0; padding:3px; border:#CCCCCC 1px solid}
#realizacie img:hover {border:#cf161d 1px solid}

.rucka {border:#cf161d 1px solid;}

.prisl_text { 
   width:            130px; 
   height:           auto; 
   float:            right; 
   margin:           35px 0 0 0}

.prisl_text2 { 
   width:            150px; 
   height:           auto; 
   float:            right; 
   margin:           10px 20px 0 0}

.red {color:#cf161d;}

.tepelne_tab { 
   text-align:       center; 
   margin-top:       8px} 

.tepelne_tab td { 
   border:           #FFFFFF; 
   font-size:        11px; 
   padding:          2px 6px;}

.redtab { 
   color:            #FFFFFF; 
   background:       #9b0006; 
   font-size:        12px;}

.gray_tab {background-color:#CCCCCC} 

.red_tab {background-color:#f9bbbe}

.menu{
   font:             bold 11px Verdana;
   background:       #414141;
   width:            100%;}

.menu ul{
   margin:           0;
   padding:          0;
   list-style-type:  none;}

.menu ul li{
   position:         relative;
   display:          inline;
   float:            left;}

.menu ul li a{
   display:          block;
   background:       #414141;
   color:            white;
   padding:          7px 11px;
   border-right:     1px solid #778;
   color:            #2d2b2b;
   text-decoration:  none;}

.menu ul li a:link, .menu ul li a:visited{color:white;}

.menu ul li a:hover, .menu ul li .current_main {background:#cf161d;color:white;}

.arrowlistmenu {
   width:            150px; 
   margin-top:       25px}

.arrowlistmenu ul{
   list-style-type:  none;
   margin:           0;
   padding:          0;
   margin-bottom:    8px; /*bottom spacing between each UL and rest of content*/}

.arrowlistmenu ul li{padding-bottom: 2px; /*bottom spacing between menu items*/}

.arrowlistmenu ul li a{
   color:            #A70303;
   background:       url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
   display:          block;
   padding:          5px 0;
   padding-left:     19px; /*link text is indented 19px*/
   text-decoration:  none;
   font-weight:      bold;
   border-bottom:    1px solid #dadada;
   font-size:        90%;}

.arrowlistmenu ul li a:visited{color: #A70303;}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li .current{
   color:            #A70303;
   background:       #f3f3f3 url(../images/arrowbullet2.png) no-repeat center left;}

/*------------------------------------------expandable submenu------------------------------------------*/  
.arrowlistmenu2 {
   width:            150px; 
   margin-top:       25px}
   
.arrowlistmenu2 .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
   color:            #A70303;
   background:       url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
   display:          block;
   padding:          7px 0 5px 0;
   padding-left:     19px; /*link text is indented 19px*/
   text-decoration:  none;
   font-weight:      bold;
   border-bottom:    1px solid #dadada;
   font-size:        90%;
   cursor:           pointer;}

.arrowlistmenu2 .openheader{ /*CSS class to apply to expandable header when it's expanded*/background-image: url(../images/arrowbullet2.png);}

.arrowlistmenu2 ul{
   list-style-type:  none;
   margin:           0;
   padding:          0;}

.arrowlistmenu2 ul li{padding-bottom: 2px; /*bottom spacing between menu items*/ margin-left:10px}

.arrowlistmenu2 ul li a {
   color:            #666666;
   background:       url(../images/arrowbullet3.png) no-repeat center left; /*custom bullet list image*/
   display:          block;
   padding:          6px 0 5px 0;
   padding-left:     15px; /*link text is indented 19px*/
   text-decoration:  none;
   font-weight:      normal;
   border-bottom:    1px solid #dadada;
   font-size:        90%;}
   
.menuheader-nonexpand a {
   color:            #A70303;
   background:       url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
   display:          block;
   padding:          7px 0 5px 0;
   padding-left:     19px; /*link text is indented 19px*/
   text-decoration:  none;
   font-weight:      bold;
   border-bottom:    1px solid #dadada;
   font-size:        11px;}

.arrowlistmenu2 ul li a:hover, .arrowlistmenu2 ul li .current, a.current, .menuheader-nonexpand a:hover, .menuheader:hover {
   color:            #A70303;
   background:       #f3f3f3 url(../images/arrowbullet2.png) no-repeat center left;}

.list1 { 
   margin:           10px 0 0 35px; 
   line-height:      18px}

.list2 { 
   margin:           10px 0 0 35px; 
   line-height:      18px}

.fir { 
   border:           #cf161d 1px solid; 
   margin-left:      3px}

.vlozky { 
   width:            650px; 
   height:           auto; 
   float:            left;}

.vlozky2 { 
   width:            750px; 
   height:           auto; 
   float:            left;}

.vlozky2 ul {margin-top:20px}

.vlozky2 ul li {
   width:            130px;
   height:           20px;
   display:          block;
   list-style:       none;
   padding:          5px 0 0 0;
   margin:           8px 0;
   background:       url(../images/vl_menu_bg.jpg); 
   padding-right:    15px}

.separator { 
   width:            630px; 
   height:           1px; 
   float:            right; 
   margin:           20px 15px 25px 0}

.separator2 { 
   width:            730px; 
   height:           1px; 
   float:            left; 
   margin:           20px 0px 20px 10px}

.vl {margin-right:25px}

.v2 {margin-right:10px}

.vl_menu {
   width:            150px; 
   height:           auto; 
   float:            right; 
   text-align:       right;}

.vl_menu2 { 
   width:            130px; 
   height:           auto; 
   float:            right; 
   text-align:       left;}

.vl_menu2 p { 
   font-size:        11px; 
   font-weight:      bold}

.vlozky ul li {
   width:            130px;
   height:           20px;
   display:          block;
   list-style:       none;
   padding:          5px 0 0 0;
   margin:           8px 0;
   background:       url(../images/vl_menu_bg.jpg); 
   padding-right:    15px}
   
.roto5 {
   width:            195px;
   height:           auto;
   float:            right; 
   margin-bottom:    15px; 
   font-size:        10px; 
   margin-top:        6px}

.roto5 strong {color:#b60b11}

a.roto_link {
   color:            #000000;
   text-decoration:  none;
   font-weight:      bold;
   font-size:        11px}

a.roto_link:hover {
   color:            #000000; 
   text-decoration:  underline;
   font-weight:      bold;}

.roto_menu td {
   height:           15px; 
   width:            140px;
   background:       url(../images/vl_menu_bg.jpg) no-repeat; 
   padding-right:    20px;  
   text-align:       right}

.roto_menu {
   width:            250px; 
   height:           auto; 
   float:            right; 
   text-align:       right;
   margin-right:     40px;}

a.link5 { 
   font-size:        11px; 
   color:            #000000; 
   font-weight:      bold; 
   text-decoration:  none}

a.link5:hover { 
   font-size:        11px; 
   color:            #000000; 
   font-weight:      bold; 
   text-decoration:  underline;}

a.link7 { 
   font-size:        11px; 
   color:            #666666; 
   font-weight:      bold; 
   text-decoration:  none; 
   border-bottom:    #666666 1px dashed;}

a.link7:hover { 
   font-size:        11px; 
   color:            #999999; 
   font-weight:      bold; 
   text-decoration:  none; 
   border-bottom:    #999999 1px solid;}

a.link8 { 
   font-size:        11px; 
   color:            #cf161d; 
   font-weight:      bold; 
   text-decoration:  none; 
   border-bottom:    #cf161d 1px solid;}

a.link8:hover { 
   font-size:        11px; 
   color:            #cf161d; 
   font-weight:      bold; 
   text-decoration:  none; 
   border-bottom:    #cf161d 1px dashed;}

.print { 
   width:            160px; 
   height:           70px; 
   text-align:       center; 
   margin-top:       8px}

.private p {line-height:24px}

.ddoverlap {width:668px; float:right}

.ddoverlap ul{
   padding:          0;
   margin:           0;
   font:             bold 90% default;
   list-style-type:  none;}

.ddoverlap li{
   display:          inline;
   margin:           0;}

.ddoverlap li a{
   padding:          5px 7px;
   text-decoration:  none;
   padding-right:    31px; /*extra right padding to account for curved right edge of tab image*/
   color:            #cf161d;
   background:       transparent url(../images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
   border-left:      1px solid #dbdbd5;
   position:         relative;
   display:          block;
   float:            left;
   margin-left:      -20px; /*shift tabs 20px to the left so they overlap*/
   left:             20px;}

.ddoverlap li a:hover{
   text-decoration:  underline;color:#000000;}

.ddoverlap li.selected2 a{ /*selected tab style*/
   color:            #999999;
   z-index:          1; /*higher z-index so selected tab is topmost*/
   top:              1px; /*Shift tab 1px down so the border beneath it is covered*/
   background:       transparent url(../images/righttabselected.gif) 100% 0 no-repeat;}

.ddoverlap li.selected2 a:hover{text-decoration: none;}

#flags { 
   width:            120px; 
   height:           20px; 
   float:            left; 
   margin:           49px 0 0 24px; 
   font-size:        10px; 
   color:            #999999}

#flags a { 
   color:            #999999; 
   text-decoration:  underline;}

#flags a:hover { 
   color:            #999999; 
   text-decoration:  none;}

.cistic {margin:20px 25px 0 25px}

#footer {
   width:            885px;
   height:           27px;
   background:       url(../images/footer.jpg);
   background-repeat:no-repeat;
   padding:          13px 0 8px 15px;}

#footer ul li {
   display:          inline; 
   list-style:       none; 
   color:            #FFFFFF; 
   font-size:        11px;}

#footer a { 
   text-decoration:  underline; 
   color:            #999999}

#footer a:hover { 
   text-decoration:  none; 
   color:            #FFFFFF}

#footer2 {
   width:            885px;
   height:           30px;
   background:       url(../images/footer.jpg);
   background-repeat:no-repeat;
   padding:          10px 0 8px 15px;}

#footer2 ul li {
   display:          inline; 
   list-style:       none; 
   color:            #FFFFFF; 
   font-size:        11px;}

#footer2 a { 
   text-decoration:  underline; 
   color:            #999999}

#footer2 a:hover { 
   text-decoration:  none; 
   color:            #FFFFFF}
   
.balloonstyle{
   position:absolute;
   top: -500px;
   left: 0;
   padding: 10px;
   visibility: hidden;
   border:1px solid #cf161d;
   font:bold 11px Verdana;
   line-height: 18px;
   z-index: 100;
   background-color: white;
   width: 560px;
   /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
   filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
   text-align:center}
   
.balloonstyle img { margin:10px 0 0 0}

#arrowhead{
   z-index: 99;
   position:absolute;
   top: -500px;
   left: 0;
   visibility: hidden;}
   
.tabulka {margin-top:15px; font-size:10px}
.tabulka td, th { padding:1px 4px 1px 4px}
.tabhead {background-color:#9F2926; color:#FFFFFF; text-align:center}
.tabhead th { padding:3px 0}
.mmkg {color:#ffffff; text-align:center; background-color:#999999}
.tabtr {background-color:#e5e5e5}
.bodka { text-align:center; color:#999999; font-size:16px}
.priklad { text-align:center; margin-bottom:4px}
.priklad img { margin:8px 5px 4px 5px}
.dropdowndiv {position:absolute;visibility:hidden;border:6px solid #4b4b4b;background-color:white;width:160px;height:100px;padding:4px;}
a.prisl2 { color:#FFFFFF; text-decoration: underline}
a.prisl2:hover { color:#FFFFFF; text-decoration: none}