/* Obrazkarna.cz main style sheet */

/* Main body */
body {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: black; background-color: #dfdfdf;}

/* Shaded area with drop shadow */
.main {width: 777px; margin-right: auto; margin-left: auto; background-color: white; background-image: url(/design/bgrshade.gif); background-repeat: repeat-y;}
.topshade {background-image: url(/design/topshade.gif); background-repeat: no-repeat; background-position: top; height: 8px;}
.botshade {background-image: url(/design/botshade.gif); background-repeat: no-repeat; height: 15px; background-color: #dfdfdf;}
.banner {height: 80px; margin-left: 11px;}

/* navigation - tabs and breadcrumb */
/* navlistdiv {padding: 0; margin: 0; background-color: yellow; width: 754px; } */
#navlist {margin: 0; padding: 0; border: 0; list-style-type: none; height: 22pt; width:754px; background-color: #DCDCDC}
#navlist li {display: block; float: left; padding: 0; margin: 0; font-size: 12px;}
#navlist li a {display: block; font-weight: bold; color: #404040; padding: 0 13px; margin: 0; line-height: 22pt; text-decoration: none;
	white-space: nowrap;}
#navlist li a:hover, ul#navlist li a:focus {background-color: gray; padding: 0 12px; border-right: solid 1px gray;
	border-left: solid 1px gray; color: white}
#navlist li a#active {background-color: gray; padding: 0 12px; border-right: solid 1px gray; border-left: solid 1px gray; color: white}
#navlist li.selected a, #navlist li.selected a:hover {background-color: #B9B9B9; border-bottom: 2px solid gray}/*{border-bottom: 2px solid black; border-top: 2px solid black; }*/
#breadcrumb {font-size:80%; padding-top:5px; padding-bottom:5px;margin-left:0;}

/* main content box */
#logo {position:relative; left:-5px; border:none;}
.obsah { margin: 6px 25px 0 25px; }
.obsah p a:hover {background-color: #808080; color: white}
.obsah h1 {font-size: 21px; color: black; font-weight: bold;}
.obsah h2 {font-size: 18px; color:black; font-weight:bold;}

.titul { font-size: 21px; color: black; font-weight: bold; margin-top: 30px; }

.first { font-size: 21px; color: black; font-weight: normal; }
.firstref { font-size: 21px; color: black; font-weight: normal; text-align: left; }
.firstrefsig { font-size: 16px; color: black; font-weight: normal; text-align: right ; margin-left: 400px; }
.imgdesc {font-size: 13px; color: #808080; font-weight: normal;}


.mensi { font-size: 12px;}

/* tables */
.tabulka th { border-bottom: 2px solid gray}
.tabulka tr:hover {background-color: #D0D0D0}
.suda {background-color: #F0F0F0}

/* reference - obrazky s popisem */
.reference {width:220px; height:255px; float:left; margin:5px 5px 5px 0;}
.reference img {border:1px solid #BBB; background-color:white; padding: 10px 10px 15px 10px; margin:auto; display:block}
.reference img:hover {border:1px solid #333; background-color:#D0D0E0; cursor:hand}
.reference p {font-size: 11px; padding-top:0; text-align:center; width:180px; height:30px; background-color:#f0f0f0;text-overflow:ellipsis; margin:3px auto; display:block; padding:}
.clear {clear:both}

/* footer */
.footer {height: 25px; color: #808080; font-size: 12px; text-align: center; padding-top: 30px; padding-bottom: 0px;}
.footer a {color: #808080; font-size: 12px; text-decoration: none;}


/* The CSS Code for the menu starts here 				text-transform: uppercase; */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;

				margin: 10px 0;
				padding: 0 0 0 10px;
				list-style-type: none;
				font-size: 13px;
				background: #eee;
				height: 30px;
				border-top: 2px solid #eee;
				border-left: 2px solid #eee;
				border-bottom: 2px solid #ccc;
				border-right: 2px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;
				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 10px;
				line-height: 30px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			
			/* Black Menu */
			#menu.black {
				border-top: 2px solid #333;
				border-left: 2px solid #333;
				border-bottom: 2px solid #000;
				border-right: 2px solid #000;
				background: #333;}
			#menu.black a {color: #CCC;}
			#menu.black li a:hover, #menu.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}

			
			/* Blue Menu */
			#menu.blue {
				border-top: 2px solid #356AA0;
				border-left: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				border-right: 2px solid #204061;
				background: #356AA0;}
			#menu.blue a {color: #fff;}
			#menu.blue li a:hover, #menu.blue li.active a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;}
			
			/* Red Menu */
			#menu.red {
				border-top: 2px solid #660000;
				border-left: 2px solid #660000;
				border-bottom: 2px solid #450000;
				border-right: 2px solid #450000;
				background: #660000;}
			#menu.red a {color: #fff;}
			#menu.red li a:hover, #menu.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
			
			/* Orange Menu */
			#menu.orange {
				border-top: 2px solid #d15600;
				border-left: 2px solid #d15600;
				border-bottom: 2px solid #B44500;
				border-right: 2px solid #B44500;
				background: #d15600;}
			#menu.orange a {color: #fff;}
			#menu.orange li a:hover, #menu.orange li.active a {color: #FA9B5B; background: #B44500; border-bottom: 2px solid #d15600;}
			
			/* Gray menu */
			#menu.gray {
				border-top: 2px solid #dcdcdc;
				border-left: 2px solid #dcdcdc;
				border-bottom: 2px solid gray;
				border-right: 2px solid #dcdcdc;
				background: #DCDCDC;}
			#menu.gray a {color: #000;}
			#menu.gray li.active a {color: white; background: gray; border-bottom: 2px solid black;}
			#menu.gray li a:hover {color: white; background: #666; border-bottom: 2px solid black;}	

/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(/design/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(/design/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}

/* Tomuv pokus*/

#jedna, #dva {height:200px; background-color: gray; float:left;}
#jedna {width:280px}
#dva {position:relative;}


/* Tomovy zmeny */

.aktualne { font-size: 16px; line-height: 120%; color: darkorange; font-weight: bold; }
.darkorange {color: darkorange; font-weight: bold;}
.red {color: red; font-weight: bold;}



.hover-b a {background: white;}
.hover-b a:hover {background: white !important;}
.hover-b img a:hover {background: white;}

#uzitecne-seznam a {display:block; text-align:left; padding: 5px 0px 5px 0px; margin: 0 0 0 225px;}
#uzitecne-seznam a:hover {background: white; color:blue;}
#uzitecne-seznam {clear:left;}

.first-home { font-size: 130%; color: black; font-weight:normal; }


.inline  {clear:right; font-size: 17px; }
.inline a {width:200px; margin:5px 20px 15px 15px ; text-decoration: none; }
.inline a:hover {clear:right; font-size: 17px; font-weight: bold; }

.uvodni-blok	 {float:left; }
.uvodni-blok img {margin:5px 20px 20px 0px; padding: 8px; border:1px solid #BBB; background-color:white;}

.platna-1 {width:360px; height:190px; float:left; margin: auto;}
.platna-1 img {margin: auto; padding: 10px; background-color:white; display:block}
.platna-1 p {text-align:center; width:350px; height:25px; display:block;margin: auto; }

.platna-2 {width:360px; height:215px; float:left;  margin-bottom:20px; }
.platna-2 img {margin: auto; padding: 10px; background-color:white; display:block}
.platna-2 p {text-align:center; width:350px; height:45px; display:block;margin: auto; }



.pod-uvodem 	{clear:both;}
.pod-uvodem h2 	{clear:both;}
.uvodni-text 	{display: table-cell; vertical-align: middle;}
.uvodni-foto 	{float:left; margin: 5px 20px 20px 0px; padding: 8px; border:1px solid #BBB; background-color:white; clear:both }

.uvodni-foto-kontakt {float: right; margin: 5px 40px 20px 50px; padding: 8px; border:1px solid #BBB; background-color:white;}
.uvodni-foto-vpravo {float: right; margin: 5px 0px 10px 20px; padding: 8px; border:1px solid #BBB; background-color:white;}
.uvodni-foto-vlevo {float: left; margin:30px 20px 20px 0px; padding: 0px; border:0px solid #BBB; background-color:white;}
.uvodni-foto-vpravo-ram {float: right; margin: 7px 5px 25px 20px; padding: 8px; border:1px solid #BBB; background-color:white; }
.uvodni-foto-vpravo-ram2 {float: right; margin: 7px 15px 25px 40px; padding: 8px; border:1px solid #BBB; background-color:white; }

#co-umime li {font-size: 15px; color:black; padding: 4px 0px 4px 0px; list-style-position:inside;}
#co-umime ul {font-size: 15px; color:black; padding: 0px 0px 0px 185px;}

/* nabidka - obrazky s popisem */
.nabidka {height:340px; float:left; margin:5px 5px 5px 0;}
.nabidka img { border:none; background-color:white; padding: 10px 10px 15px 10px; margin:auto; display:block}
.nabidka p {font-size: 11px; padding-top:0; text-align:center; width:200px; height:60px; margin:3px auto; display:block;}



/* #banner {float: left; clear:both; position:absolute; top:86px; left: 50%; margin-left: 410px;} */










#img-change a.imageLink { display:block; background:url(/media/5714/untitled-058 new.jpg) top no-repeat !important;; width:400px; height:400px; text-decoration:none; } 
#img-change a.imageLink:hover {display:block; background:url(/media/5714/untitled-058 old.jpg) top no-repeat !important;; width:400px; height:400px; text-decoration:none; background-position:bottom; } 
#img-change a.imageLink span { visibility:hidden; }





































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

.first {

}

h2 {

}

.mensi {

}