/* 'bluegrey01' */
/* DIV-Container */
#page { 
background : #ffffff; 
width : 1000px;
margin: 0 auto; 
}

#header {
height: 40px;
width:980px;
overflow:hidden;
margin-left:10px;
margin-right:10px;
background: url(images/shapka2.gif) no-repeat;
}

#header a{ /* Color Header-Text */
color : #ffffff;
}

#header a {
margin-left: 10px;
margin-right: 10px;
border-top : 0px solid #ffffff; 
text-align : left;
display:inline;
}

#container { 
background : #ffffff url(uploads/layout/background_container.jpg) repeat-y scroll 0 0; 
border-bottom : 3px solid #555555; 
font-family : Tahoma, Helvetica, sans-serif; 
font-size : 90%; 
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
line-height : normal; 
margin : 0 auto;
border-left : 10px; 
overflow : hidden; 
text-align : left; 
width : 980px; 
}

#navcontainer { 
float : left; 
min-height : 380px; 
overflow : hidden; 
padding-left : 5px;
padding-right : 5px; 
padding-top : 18px; 
width : 175px; 

}

#menu li { 
margin : 0; 
padding : 1px; 
text-align : left; 
list-style-type : none; 

}

#menu li a { 
display : block; 
vertical-align : bottom; 

}

#menu li a:hover { 
background-color : #555555; 
color : #fff; 
text-decoration : none; 
}

#active { 
background-color : #fff; 
padding : 1px; 
border : 1px solid #666; 
}

li#separator { 
background-color : red; 
}

span.sectionheader { 
background-color : yellow; 
}

#content { 
float : right; 
min-height : 380px;
padding-bottom : 40px;
width : 780px; 
color: #242d3a;
}

#maincontent { 
float : left; 
overflow : hidden; 
padding : 18px 20px 0; 
voice-family : inherit; 
width : 535px; 
}

#maincontent img {
padding: 1px;
display:inline;
background: #CCCCCC;
border: 4px solid #999999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#maincontent td[colSpan="4"][align="center"][scope="col"]
{ 
   color : white ;
   background: url(images/fon_rezervacia1.gif) ;
   font-weight:bold;
}

#maincontent ul { 
list-style-image :  url(uploads/layout/bullet.png);

}

#rightdiv { 
float : right;
padding-left : 7px;
padding-right : 3px;
padding-top : 18px; 
width : 185px; 
}

#rightdiv img { 

padding : 1px; 
}
 
#news { 
margin : 0 auto; 
width : 100%; 
}

#footer { 
background : url(images/footer11.gif) no-repeat ; 
color : #6a6666; 
font-size : 90%; 
height : 60px; 
margin : 0 auto; 
padding : 10px 0; 
text-align : center; 
width : 980px; 
}

#footertextleft { 
float : left; 
margin-left : 10px; 
text-align : left; 
width : 500px; 
}

#footertextright { 
float : right; 
margin-right : 10px; 
text-align : right; 
width : 370px; 
}


#transferi { 
margin-left:5px;
text-align : left; 
width : 175px; 
padding-bottom:10px;
}

#transferitable { 
}

#transferititle { 
text-align:center;
color: #ffffff;
padding:8px ;
margin-bottom: 5px;
margin-top:-3px;
background: url(images/fon_rezervacia.gif) no-repeat;
}

#time { 
width : 175px; 
align: center;
}

#timetitle { 
width:175px;
padding-top:6px ;
padding-bottom:4px;
color: #ffffff;
background: url(images/fon_rezervacia.gif) no-repeat;
margin-bottom:5px;
}

#map{
background: url(images/fon_rezervacia.gif) no-repeat;
}

#maptitle {
color: #ffffff ;
}

#adres { 
width : 175px; 
align: center;
}

#adrestitle { 
width:175px;
padding-top:6px ;
padding-bottom:4px;
color: #ffffff;
background: url(images/fon_rezervacia.gif) no-repeat;
margin-bottom:5px;
}


/* Class */
.box-blue { 
text-align : left; 
width : 100%;
margin-bottom: 10px;
}

.box-blue p { 
margin-bottom : 10px; 
margin-top : 10px; 
}

.underline { 
border-bottom : 2px solid #ffb93f; 
padding-bottom : 3px; 
width : 180px; 
}

.subheading { 
font-weight : bold; 
}

.menu ul { 
list-style : none; 
margin : 0; 
padding : 1px; 
}

.currentpage{ /* menu */
   background-color:#fff;
   padding:1px;
   border:1px solid #666;

}

li#separator{ /* menu */
   background-color:red;
}

span.sectionheader{ /* menu */
   background-color:yellow;
}
 
html, body { 
background : #ffffff; 
font-family : arial, Helvetica, sans-serif; 
font-size : 14px; 
margin : 0; 
padding : 0; 
text-align : center; 
}
 
img { 
border : medium none; 
}

* html #container { 
overflow : visible; 
}

* html #content { 
height : 380px; 
overflow : visible; 
}

* html #navcontainer { 
height : 380px; 
overflow : visible; 
}

.mainheading { 
font-size : 123%; 
font-weight : bold; 
}

.header-text { /* Header-Text */
font-family : arial; 
font-size : 250%; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
line-height : normal; 
margin-top : 0; 
padding-top : 0; 
}

/* Links */
a { 
color : #2965a6; 
font-weight : bold; 
text-decoration : none; 
}
 
a:hover { 
color : #fca00e; 
text-decoration : none; 
}

/* Fonts */
h1 { 
color : #5c94bf; 
font-family : Arial; 
font-size : 120%; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
line-height : normal; 
margin-top : 0; 
padding-top : 0; 
}

h2 { 
color : #5c94bf; 
font-family : arial; 
font-size : 150%; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
line-height : normal; 
margin-top : 0; 
padding-top : 0; 
}

#valuti {
margin-left:30px;
margin-top:30px;
}
#headline {
width:975px;
height:14px;
margin-left:2px;
background: url(uploads/images/lenta.png);
}



/* End of 'bluegrey01' */

/* 'css_menu1' */
#menuwrapper{
display:inline;
}

#primary-nav, #primary-nav ul { 
display:inline;
}

#primary-nav li { 
display: inline;
list-style-type: none;
padding-left: 11px;
float:left;
}
#primary-nav a {
color: #242d3a;
text-decoration:none; 
font-weight:bold; 
font-size:11px;
}
#primary-nav a:hover {
color: #242d3a;
text-decoration:underline; 
font-weight:bold; 
font-size:11px;
}
/* End of 'css_menu1' */

/* 'top' */
div#languages{
   float:left;
   margin:0px 3px 0 0;
}

div#top_left a {
   background: #FF0000;
   float:left;
   display: block;
             /* adjust according your image size */
   width: 344px;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#top{
   margin: 0 10px;
   width:980px;
   height: 223px;
   background: url(images/shapka.gif);
}

div#top_left{
   float:left;
   margin-left:10px;
   width:350px;
   height: 223px;
   display:inline;

}

div#top_right{
   float:right;
   width:614px;
   height: 223px;
   align:right;
   display:inline;
margin-right:5px;
 
}
/* End of 'top' */

/* 'Pluggin: ImageGallery' */
#imagegallery{
width: 100%;
margin-left: 10px;
padding:0;
float:right;
}
	.thumb {
		margin: 0 1em 1em 1em; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
/*		width: 100px;  Image width*/
/*		height: 100px;  Image height*/
		display: inline;
		padding: 8px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
		background-color: #e6e6e6; /*Background of photo */ 
		border-top: 1px solid #ccc; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #ccc;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #ff; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #DDDAC9; /*dae6e4Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0 ;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
               
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}
/* End of 'Pluggin: ImageGallery' */

