body{
	font-family:"Arial","Helvetica",sans-serif;	
	font-size:    10pt;
}
/* CSS Document */
#main-container{
	position:       relative;
	margin-right: auto;
	margin-left: auto;
	border:  none;
     width:          100%;    
}

#main-content{
    position:       relative;
    width:          100%;
}

#main-header{
    position:           relative;
    float:              left;
    background-image: 	url(../images/header.gif);
    height:             151px;
    width:  			100%;
    repeat-x;
}

#main-footer{
    position:           relative;
    float:              left;
    background-image: 	url(../images/footer.jpg);
    width:              100%;
    height:             115px;
    border:             none;
    repeat-x;
    text-align: 		center;
}

#foot{
	margin:			35px 0 0 0;
}

#center-container{
    position:           relative;
    float:              left;
    border:             none;
    width:              100%;
    height:				       297px;
    background-image: 	url(../images/body.gif) no-repeat;
    repeat-x;
}

#center-content{
    text-align:         justify;
    height: 100%;
}

/* left menu */
#left-container{
    position:           relative;
    float:              left;
    width:              23%;    
    margin: 		    19px 0px 0px 0px;
}

#left-content{
    margin:             16px 0px 0px 60px;
}

/* right side */
#right-container{     
	position:           relative;
     float:              right;    
	width:			73%; 
     margin:			0px 0px 0px 0px;
}

#right-content{
	margin:				0px 0px 0px 0px;
}

#op{
     height:        150px;
}

#menu{
	font-size:		8pt;
	color:			  #5D5D5D;		
}
#login{          
     margin:   12% 0 0 24%;
}
A{
	text-decoration:   none;
}

A:link
{
color: #F7C603;
}
A:visited 
{
color: #F7C603;
}
A:active 
{
color: #F7C603;
}

a.ref{
	color: #F7C603;
	font-weight: 500;
	font-size: 8pt;
}

#welcome{
	background-image: url(../images/welcome.jpg);
	width: 470px;
	height: 80px;
	position: absolute;
	top:  40px;
	left:  26%;
}
#welcome2{
     position: absolute;
	top:  40px;
	left:  26%;
	width: 470px;
	height: 80px;
	text-align:   center;
}

#welc-text1{
     color:         #F7C603;
     font-size:     18pt;
     font-weight:   bold;
}

#welc-text2{
     margin:        15px 0 0 0;
     color:         white;
     font-size:     16pt;
}

#ust{
	margin: 0px 0px 0px 15px;
}

#ustImage{
  position:   absolute;
  background-image: url(../images/ust2.png);
  height:   58px;
  width:    170px;
  top:      95px;
  left:     90px;
}

#ref{
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 8pt;
}

#contact{
	text-align: center;
	font-size:	14px;
	margin: 20px 0 0 0;
 	width: 48%; 	
	float: left;
}

#contact-form{
     margin: 6px 0 0 20%;
}

#map{
	margin: 20px 5px 0 0;
	width: 48%;	
	float: right;
	text-align: center;
}

#upload-image{
     margin:             14% 0 0 24%;
}

#about-image{
     position:           relative;
     float:              right;
     width:              47%;
     height:             70%;   
}

#about-title{
     position:           relative;
     float:              left;
     width:              88%;
     margin:             10px 0 20px 10px;
     font-size:          12pt;
}
#about-descr{
     position:           relative;
     float:              left;
     width:              47%;
     /* height:             70%; */
     height:             200px; 
     overflow:           auto;
     margin:             0 15px 0 0; 
     padding:            0 10px 0 0;
     font-size:          10pt;   
}

#offer-title{
     position:           relative;
     float:              left;
     width:              88%;
     margin:             3px 0 10px 30px;
     font-size:          12pt;
}
#offer-image{
     position:           relative;
     float:              left;
     width:              47%;
     height:             70%;     
}
#offer-descr{
     position:           relative;
     float:              right;
     width:              47%;
     /* height:             70%; */
     height:             200px; 
     overflow:           auto;
     margin:             0 15px 0 0; 
     padding:            0 10px 0 0;
     font-size:          10pt;   
}

#refs{
     position:           relative;
     float:              left;
     width:              60%;
     height:              5%;
     font-size:          11pt;     
}

#refs-left{
     margin:        0 0 0 10%;
}

#refs-right{
     margin:        0 0 0 20%;
}
#refs-middle{
     margin:        0 0 0 20%;
}

#offerings{
     margin:             6% 0 0 6%;
}
#offerings-list{
     height:        250px;
     margin:        25px 15px 10px 0px;
     overflow:      auto;
}

#offer-update{
     margin:        15px 0 0 20%;
}

#galeryImage{
     cursor: pointer;
}

#messageForm{
     margin:             6px 0 0 20%;
}

#userList{
     height: 250px;
     margin:        10px 15px 10px 0px;
     overflow:      auto;     
}

#writeus{
     margin:        25px 15px 10px 0px;
     height:        250px;
     overflow:      auto;     
}
#error-message{
     color:         red;
     font-weight:   bolder;
     font-size:     10pt;
}
#advice-message{
     color:         black;
     font-weight:   bolder;
     font-size:     12pt;
}

#about{
     margin:        3% 0 0 20%;  
}
#mainphoto{
     margin:        2% 0 0 20%;
}

#description{
     font-size:     11pt;
     margin:        9% 60px 0 0;
}

#defImage{
     height:        100%;
     width:         97%;     
     margin:        0 0 0 0;
}

#defPhoto{     
}

#change-passw{
     margin:   10% 0 0 24%;     
}

#register_user{
     margin:   9% 0 0 24%;
}

a.odkaz:visited , a.odkaz:active, a.odkaz:link
{
     color:    black;
}

#picture-list{
     height: 290px;      
}
#picture-list-form{
     margin:   20px 0 0 20%;
}

#picture-list-list{
     margin:   0 0 0 3%;
     height:        155px;
     overflow:      auto;
}