/* 
more info css -----------*/


body {
        margin: 0;
        padding: 0;
        font-family:  Arial, Verdana, sans-serif;
        font-size: 0.7em;
        background: #d7ccdb url(../img/up_bg3.gif) top center repeat-x;
        }
h1 strong ,h3 strong ,h2 strong {
        display: none;
        }


a img {
        border: none;
        }
a:hover {
        border-bottom: 1px solid #51526e;
        }

a.arow {
        padding-bottom: 1px;
        padding-right: 15px;
        background: url(../img/trik.gif) right 40% no-repeat;
        } 

dl {
        margin: 0;
        padding: 1em 0 0; 
        line-height: 140%;
        }


input.submit {
        padding:10px 10px 30px 20px ;
        height:23px;
        width:125px;
        border:0;
        cursor: hand;
}


/*
clearfix -------*/

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */

}
.clearfix h1 {
        font-weight:normal;
        font-size:11px;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */      



/*
Components ----*/

#container {
        margin: 0 auto;
        padding: 0 35px;
        width: 862px;
        
}

/* 
LOGO ------*/

#logo {
        z-index:3;
        position:absolute;
        top:50px;
        
}



/* 
branding ----*/
#branding {
        position: relative;
        height: 214px;
        width:862px;
        top:10px;
        }

#branding h1 {
        position: absolute;
        top: 0px;
        margin: 0;
        width: 862px;
        background: url(img/content4.jpg) no-repeat;
        }

#branding h1 a {
        display: block; 
        height: 214px; 
        background: url(img/content4.jpg) no-repeat;
        }

#branding h1 strong {
        display: none;
        }       

#branding h1 a:hover{
        border: 0;
        }

/* 
Meniu ----------*/
#meniu {
        top:165px;
        z-index:2;
        position:absolute;
        width: 863px;
}

ul#m{
        margin: 0;
        padding: 0;
        height:60px;
        list-style: none;
        
        }
        
#m li {
        display: block; 
        float: left;
        }

li.m-0 {
        width:6px;
        height:60px;
        background:url(../img/meniu_line.gif) bottom no-repeat;
}

li#m-1 , li#m-2  ,li#m-3  , li#m-4 ,li#m-5  ,li#m-6 ,li#m-7,li#m-8{
        background: url(../img/meniu_bg.gif) bottom repeat-x;
        height:60px;
}
        


li#m-8 {
        padding-left:7px;
        padding-right:7px;
        }


#m li a {
        display: block;
        color: white;
        text-decoration: none;
        padding: 20px 20px 12px 20px;
        border-bottom: 0;
        }
#m li a:hover{
        font-family:Arial,sans-serif;
        color:#bebcbe;
        }


/* 
WRAPER------------*/
#wrap {
        position:absolute;
        width:863px;
        float:left;
        background: url(../img/cont_bg2.gif) repeat-y;
        }
/*
FOTTER ----------*/
#footer {
        clear: both;
        padding: 5px 0 20px;
        background: #555255 top repeat-x;
        border-bottom:1px solid white;
        }       

#footer p {
        font-size: 0.91em;
        color: #999;
        padding-top: 1em;
        text-align: center;
        }       

#footer a {
        color: #444;
        font-weight: bold;
        text-decoration: none;
        }

/*
center , left, right -------*/
div#navigation {
margin-top:12px;
margin-right:1px;
width:212px;
background: url(../img/right_bg.gif)  repeat-y;
border:0px solid red;
float:right;
}

div#meniu2{
margin-left:1px;
margin-top:12px;
width:202px;
background: url(../img/left_bg.gif)  repeat-y;
border:0px solid green;
float:left;
}

#content {
margin-top:12px;
border:0px solid blue;
margin-left:205px;
margin-right:216px;
}



/* 
Meniu2 -------*/
#meniu2 ul{
        width:200px;
        list-style:none;
        margin:0;
        padding:0;

}

#meniu2 li{
        margin:0;
        padding:0;
        width:100%;
        list-style:none;
        height:26px;
        background: url(../img/m2_bg_off.gif)  top center repeat-x;

}

#meniu2 li a {
        display: block;
        color: #595659;
        text-decoration: none;
        padding-top:5px;
        padding-left:30px;
        border-bottom: 0;
        }

#meniu2 li a:hover {
        color:#4b1608;
        text-decoration:underline;
        }

li#on {
        background: url(../img/m2_bg_on.gif)  top center repeat-x;
}
/* 
Navigation ---*/

#navigation ul {
        margin: 1.2em 30px 0;
        padding-right: 17px;
        line-height: 140%;
        list-style-image: url(../img/b.gif);

}

#navigation ul li{
        margin-top: 0.5em;
        }

#navigation a {
        font-weight: bold;
        color: #4b1608;
        text-decoration: none;
        }
/*
Content -------*/
#content span {
        text-align:center;
        text-transform:uppercase;
        color: #484b62;
        font-size:1.7em;
        margin-left:10px;
        margin-bottom:30px;
        
        }

#content h1 {
        margin-left:10px;
        margin-right:10px;
        text-align:justify;
        color:#5f616b;


}

#content h2 {
        margin-top:20px;
        margin-bottom:10px;
        display:block;
        margin-left: 10px;
        width: 36px;
        height:17px;
        background: url(../img/info.gif) no-repeat;
        border:0;
        }

#content h3 {
        margin-top:20px;
        margin-bottom:10px;
        display:block;
        margin-left: 10px;
        width: 63px;
        height:16px;
        background: url(../img/photos.gif) no-repeat;
        border:0;
        }

#wrap #smal {
        position:relative;
        width:420px;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:15px;
        margin-right:10px;
        border-bottom:1px solid #e5e0e5;
        }

#smal a:hover {
        border-bottom:0;
}

/*
DL DD DT--*/
.pic {
        
        margin-right: 10px;
        margin-bottom:20px;
        padding: 4px;
        border: 1px solid #e5e0e5;
        background: #FFF;
        }       

.pic2 {
        margin-left: 12px;
        margin-bottom:20px;
        padding: 10px;
        border: 1px solid #e5e0e5;
        background: #FFF;
        }       


#nav {
        height:53px;
        background:url(../img/nav_bg.gif) center repeat-x;
        margin:0;
        padding:0;
}

#nav a{
        margin-top:40px;
        margin-left:20px;
        font-weight:bold;
        text-decoration:none;
        color:white;
}