/* @override 
	http://10.0.0.116/hadrbolec/css/css.css
	http://romanhadrbolec.com/css/css.css
*/

body {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
    font-size: 85%;
	text-align: center;
	background: #eee;
	padding: 0;
	margin: 0;
	
}


#center {
	background: #eee url(../img/header.gif) no-repeat top left;
	padding: 0;
	width: 1112px;
	margin: 0 auto;
	color: #535256;
		}
		
p {
	text-align: justify;
	line-height: 125%;
}

 a {text-decoration: none;}
 a:link {color:#BF0013;}
 a:visited {color: #A3004F}
 a:active {color: #000;}
 a:hover {color:#E67B14;/*text-decoration: underline;*/}


img {
	border: 0;
}

h4 {
	font-weight: normal;
	font-size: 110%;
	margin-bottom: 7px;
}

.br2 {
	padding-bottom: 3px;
	display: block;
}



#page {
	width: 1112px;
 	text-align: left;
	position: relative;
	}
	
	#content {
	font-size: 75%;
	width: 1052px;
 	position: relative;
	background: #fff;
	min-height: 490px;
	_height: 490px;
	padding-left: 60px;
	}
	
		#content-main {
	font-size: 75%;
	width: 1112px;
 	position: relative;
	background: #fff url(../img/logo-bottom.gif) no-repeat 60px bottom;
	min-height: 493px;
	}

/*HEAD*/

#recepty-header-right {
	background: #fff url(../img/recepty-header-right.gif) no-repeat;
	width: 306px;
	height: 107px;
	position: absolute;
	left: 791px;
}

#head {
width: 1112px;
height: 102px;
background: none;
}

#head h3{
position: absolute;
width: 167px;
height: 75px;
overflow: hidden;
top: 8px;
margin: 0;
left:190px;
}
#head h3 a {
cursor: pointer;
display: block;
height: 100%;
width: 100%;
}
#head h3 span{
display: block;
position: absolute;top: 0;left: 0;
width: 100%;height: 100%;
background: #fff url(../img/logo.gif) no-repeat;
}

/*MENU*/

#menu-obal{
background: #95000F url(../img/menu-bg.jpg) repeat-x;
position: relative;
height: 51px;
width: 1112px;
}

#menu{
	font-size: 90%;
	border: 3px solid #fff;
	background: url(../img/menu-in-bg.jpg) repeat-x bottom;
	width: 880px;
	position: relative;
	top: 8px;
	left: 60px;
}
#menu a{
	color: #eee;
	float: left;
	padding: 6px 19px 8px 19px;
	display: block;
	margin: 0;
	text-decoration: none;
	margin-right: 1px;
}
#menu a:hover{
color: #fff;
background: url(../img/menu-hover.jpg) repeat-x;
}

#menu #kontakt {
	float: right;
	margin-right: 0;
}


#menu .active{
color: #fff;
background: url(../img/menu-hover.jpg) repeat-x;
}


#lang {
position: absolute; 
left: 965px; 
top: 16px; 
color: #fff; 
font-size: 13px;
}


#menu-recepty-obal #lang {
position: absolute; 
left: 930px; 
top: 5px; 
color: #BF0013; 
font-size: 13px;
}


#galerie-menu-obal #lang {
position: absolute; 
left: 965px; 
top: 15px; 
color: #BF0013; 
font-size: 13px;
}


#galerie-menu-obal #lang:hover, #menu-recepty-obal #lang:hover  {
text-decoration: underline !important;
}


/*MAIN*/

	#main-left-obal {
	width: 515px;
	float: left;
	
	}

#main-left {
	padding: 10px 0 0 60px;
	}
	

	
	#main-left h3 {
font-weight: normal;
	font-size: 160%;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
	

#main-left p {
	font-size: 95%;
	}
	
#main-left img {
	float: right;
	margin: 0 0 10px 15px;
	}
	
	
	#novinky-main {
	background: url(../img/novinky-main-bg.gif) repeat-y top right;
	padding: 10px 5px 15px 0;
	margin: 18px 0 80px 0;
	}
	
#novinky-main h3 {
	color: #da2d1e;
	font-weight: normal;
	font-size: 160%;
	padding: 0;
	margin-bottom: 13px;
	}
	
#novinky-main a {
	color: #535256;
	display: block;
	padding-bottom: 8px;
	}
	
	#novinky-main a:hover {
	color: #da2d1e;
		}
	
#recepty-foto {
	width: 135px;
	padding: 10px 20px;
	float: left;
/*	border: 1px solid red;*/
}

#recepty-foto img {
margin-bottom: 18px;
}	

#koreni {
	width: 218px;
	background: #96000f url("../img/koreni-bg.gif") right top no-repeat;
	float: left;
	color: #fff;
	margin: 0;
	padding: 28px 20px 0 20px;
	min-height: 465px;
	_height: 465px;
	text-align: left;
}

#koreni h3 {
	font-weight: normal;
	font-size: 125%;
	margin: 10px 0 10px 0;
	padding: 0;
}

#koreni a {
	color: #fff;
	display: block;
	padding-bottom: 20px;
}

#koreni a:hover {
	text-decoration: underline;
}

#jazyky {
	position: absolute;
	top: 50px;
	border: 1px solid red;
}

/*FORMAT*/

 .clear{
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
}	

/*NOVINKYPAGE*/

#novinky-menu {
	color: #fff;
	background: #96000f url(../img/novinky-menu-bg.gif) repeat-x left bottom;
	width: 225px;
	padding: 13px 8px 20px 8px;
	margin: 8px 0 0 0;
	float: left;
}


#novinky-menu h3 {
	font-weight: normal;
	font-size: 135%;
	letter-spacing: 0.1em;
	margin: 0 0 15px 0;
	padding: 0;
}

#novinky-menu .novinky-h3 {
	font-weight: normal;
	font-size: 135%;
	letter-spacing: 0.1em;
	margin-bottom: 3px;
	padding: 0;
}

#novinky-menu .novinky-aneb {
	font-weight: normal;
	font-size: 90%;
	margin: 0 0 15px 0;
	padding: 0;
}


#novinky-menu-inside {
		background: url(../img/novinky-menu-logo.gif) 20px bottom no-repeat;
	padding-bottom: 70px;
	min-height: 380px;
	_height: 380px;
}

.menu-right-nadpis{
	font-size: 120%;
}


#novinky-menu a {
	color: #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
	display: block;
	line-height: 130%;
	font-size: 100%;
	border-bottom: 1px solid #fff ;
}

#novinky-menu a:hover {
	color: #fff;
	padding-bottom: 14px;
	margin-bottom: 15px;
	display: block;
	border-bottom: 2px solid #fff ;
}



#novinky-page img {
	float: left;
	margin-bottom:24px;
	cursor: pointer;
	
	}

#novinky-text-obal {
    background: url(../img/novinky-text-bg.jpg) right top repeat-y;
	width: 363px;
	float: left;
    margin-bottom: 10px;
}

#novinky-text {
	background: url(../img/content-bubles.gif) right top no-repeat;
    padding: 45px 20px 0 20px;
	color: #000;
	min-height: 436px;
    _height: 436px;
	}
	
#novinky-img {
	width: 255px;
	float: left;
	padding-top: 50px;
	cursor: pointer;
	margin: 0 0 0 26px;
	}
	
#novinky-text h3 {
	font-weight: normal;
	font-size: 135%;
	margin-bottom: 10px;
	padding: 0;
}


/*REFERENCEPAGE*/

#reference-menu {
	color: #fff;
	background: #920046 url(../img/reference-menu-bg.gif) repeat-x left bottom;
	width: 225px;
	padding: 13px 8px 20px 8px;
	margin-top: 8px;
	float: left;
}

#reference-menu h3 {
	font-weight: normal;
	font-size: 135%;
	letter-spacing: 0.1em;
	margin: 0 0 15px 0;
	padding: 0;
}

#reference-menu-inside {
		background: url(../img/reference-menu-logo.gif) 20px bottom no-repeat;
padding-bottom: 70px;
min-height: 380px;
_height: 380px;
}

#reference-menu a {
	color: #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
	display: block;
	border-bottom: 1px solid #fff ;
}

#reference-menu a:hover {
	color: #fff;
	padding-bottom: 14px;
	margin-bottom: 15px;
	display: block;
	border-bottom: 2px solid #fff ;
}

/*KORENIPAGE*/

#koreni-menu {
	color: #fff;
	background: #d02c1c url(../img/koreni-menu-bg.gif) repeat-x left bottom;
	width: 225px;
	padding: 13px 8px 20px 8px;
	margin-top: 8px;
	float: left;
}

#koreni-menu h3 {
	font-weight: normal;
	font-size: 135%;
	letter-spacing: 0.1em;
	margin: 0 0 15px 0;
	padding: 0;
}

#koreni-menu-inside {
	background: url(../img/koreni-menu-logo.gif) 20px bottom no-repeat;
	min-height: 380px;
	_height: 380px;
	padding-bottom: 70px;
}

#koreni-menu a {
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;
	border-bottom: 1px solid #fff ;
}

#koreni-menu a:hover {
	color: #fff;
	padding-bottom: 9px;
	margin-bottom: 10px;
	display: block;
	border-bottom: 2px solid #fff ;
}



/*RECEPTYHEAD*/

#head-recepty {
margin-left: 30px;
width: 1010px;
height: 107px;
background: url(../img/recepty-head-bg.gif) bottom left repeat-x;
}

#head-recepty h3{
position: absolute;
width: 285px;
height: 93px;
overflow: hidden;
top: 14px;
margin: 0;
left:320px;
}
#head-recepty h3 a {
cursor: pointer;
display: block;
height: 100%;
width: 100%;
}
#head-recepty h3 span{
display: block;
position: absolute;top: 0;left: 0;
width: 100%;height: 100%;
background: #fff url(../img/recepty-logo.gif) no-repeat;
}



/*RECEPTYPAGE*/

#recepty-center {
	background: #DBDEDF url("../img/recepty-header.gif") left 70px no-repeat;
	padding-top: 6px;
	width: 1112px;
	margin: 0 auto;
	color: #535256;
		}
		
		
	
	#content-recepty{
	font-size: 75%;
	width: 1025px;
	margin-left: 30px;
 	position: relative;
	background: #fff;
	min-height: 493px;
	}
	
#recepty-text {
	width: 420px;
	float: left;
	margin: 15px 0 10px 20px;
	background: url(../img/novinky-text-bg.jpg)  right top repeat-y;
}

#recepty-nadpis {
height: 195px;
}

#recepty-nadpis h3{
color: #b71960;
margin-top: 0;
font-weight: normal;
font-size: 165%;
}

#recepty-nadpis h4{
color: #666569;
margin-top: 5px;
font-weight: normal;
font-size: 115%;
}

#recepty-nadpis img {
	float: right;
	margin-left: 5px;
	cursor: pointer;
}

#recepty-popis {
float: left;
padding: 5px 10px 15px 0px;
}


#recepty-popis h3 {
color: #666569;
margin: 0 0 5px 0;
font-weight: bold;
font-size: 110%;
}

	
#recepty-info {
	width: 257px;
	background: #BCBCBC url(../img/recepty-pro-hvezdy.gif) no-repeat;
	float: right;
	font-size: 115%;
	margin-top: 8px;
	padding-bottom: 15px;
	color: #fff;
	margin-right: 7px;		
}


#recepty-info p{
	padding: 0 10px;	
}


#menu-recepty-obal{
background: #fff url(../img/recepty-logo2.gif) 300px bottom  no-repeat;
height: 38px;
width: 1025px;
margin-left: 30px;
}

#menu-recepty{
	font-size: 90%;
	background: url(../img/menu-in-bg.jpg) repeat-x bottom;
	width: 880px;
	margin-left: 33px;
}
#menu-recepty a{
	color: #eee;
	float: left;
	padding: 6px 19px 8px 19px;
	display: block;
	margin: 0;
	text-decoration: none;
	margin-right: 1px;
}
#menu-recepty a:hover{
color: #fff;
background: url(../img/menu-hover.jpg) repeat-x;
}

#menu-recepty #kontakt {
	float: right;
	margin-right: 0;
}


#menu-recepty .active{
color: #fff;
background: url(../img/menu-hover.jpg) repeat-x;
}



#recepty-page {
	
}


#recepty-menu {
	color: #f08e00;
	background: #fff;
	width: 225px;
	padding: 13px 8px 10px 8px;
	margin: 8px 0 0 30px;
	float: left;
}

#recepty-menu h3 {
	font-weight: normal;
	font-size: 135%;
	letter-spacing: 0.2em;
	margin: 0 0 15px 0;
	padding: 0;
}

#recepty-menu-inside {
		background: url(../img/recepty-menu-logo.gif) 20px bottom no-repeat;
	min-height: 450px;
}

#recepty-menu a {
	color: #f08e00;
	padding: 7px 0;
	margin-bottom: 10px;
	display: block;
	font-size: 115%;
	letter-spacing: 0.1em;
	background:	url(../img/recepty-menu-bg.gif)  right top repeat-y;
}

#recepty-menu a:hover {
	display: block;
	color: #B71960;
}

/*BIOGRAFIE*/

#biografie-text {
	padding-right: 25px;
	width: 600px;
	float: left;
	}
	
	#biografie-text h3 {
	color: #bf0013;
	font-weight: normal;
	font-size: 160%;
	padding-top: 10px;
	}
	
	#biografie-text img{
		float: right;
		margin: 18px 0 10px 10px;
	}
	
	#biografie-novinky {
	width: 260px;
	background: url(../img/novinky-text-bg.jpg) right top repeat-y;
	float: left;
	color: #535256;
	padding-bottom: 2px;
	min-height: 160px;
	_height: 160px;
}

#biografie-novinky h3 {
	color: #da2d1e;
	background: url(../img/content-bubles.gif) right top no-repeat;
	font-weight: normal;
	font-size: 160%;
	padding: 0;
	padding: 30px 0 15px 0;
	margin: 0;
	}

	#biografie-novinky a {
	color: #535256;
	display: block;
	padding-bottom: 15px;
	}
	
	#biografie-novinky a:hover {
	color: #da2d1e;
		}
	
/*GALERIEPAGE*/

#galerie-center {
	background: #d4d7d8 url(../img/header-galerie.jpg) no-repeat;
	padding: 0;
	margin: 0 auto;
	width: 1112px;
	color: #535256;
		}
		
	
#galerie-content {
	font-size: 75%;
	width: 1053px;
 	position: relative;
	background: #fff;
	min-height: 493px;
	margin-left: 30px;
	}
	
	

#galerie-foto {
	padding: 20px 0 0 65px;
	margin-top: 10px;
	width: 465	px;
	float: left;
	}
	

#foto-box-obal{
	border-top: 1px solid #e5e6e7;
	width: 455px;
	background: url(../img/foto-box-bottom.gif) repeat-x bottom left;
	padding-bottom: 3px;
	position: relative;
	}
	
.foto-box-obal-center {
	margin: 20px 0;
}
	
.foto-box{
	width: 457px;
	background: url(../img/foto-box-bg.gif) repeat-y top center;
font-size: 90%;
	padding-top: 25px;
	}
	
	.foto-box a{
color: #000;
margin-bottom: 15px;
	}
	
		.foto-box a:hover{
color:#BF0013;
	}
	
#foto-zcest {
	position: absolute;
	top: -10px;
	left: -20px;
	width: 116px;
	height: 37px;
	display: block;
	background: url(../img/foto-zcest.gif) no-repeat;
}	
	
	#foto-vip {
	position: absolute;
	top: -10px;
	left: -20px;
	width: 116px;
	height: 37px;
	display: block;
	background: url(../img/foto-vip.gif) no-repeat;
}	

	#foto-osobni {
	position: absolute;
	top: -10px;
	left: -20px;
	width: 116px;
	height: 37px;
	display: block;
	background: url(../img/foto-osobni.gif) no-repeat;
}
	
	.foto-obal {
	text-align: center;
	width: 100px;
	float: left;
	min-height: 95px;
	margin-bottom: 10px;
	}
	
		#foto-box-obal img{
margin-bottom: 3px;
height: 75px;
	}
		.foto-obal-center {
	width: 100px;
	text-align: center;
	float: left;
	margin: 0 20px 0 20px;
	}
	
	
.foto-previous {
	float: left;
	margin: 30px 15px 0 19px;
	padding: 10px;
	background: url(../img/galerie-sipka-l.gif) no-repeat center center;
}

.foto-previous-off {
	float: left;
	margin: 30px 15px 0 19px;
	padding: 10px;
	background: url(../img/galerie-sipka-l-off.gif) no-repeat center center;
}
	
.foto-next {
	margin: 30px 20px 0 10px;
	padding: 10px;
	float: right;
	padding: 10px;
	background: url(../img/galerie-sipka-r.gif) no-repeat center center;
}

.foto-next-off {
	margin: 30px 20px 0 10px;
	padding: 10px;
	float: right;
	padding: 10px;
	background: url(../img/galerie-sipka-r-off.gif) no-repeat center center;
}

/*YOUTUBE*/

object, embed {
	width: 300px;
	height: 248px;
	padding: 0;
	margin: 0;
}

#youtube {
	float: left;
	width: 512px;
	margin-top: 20px;
	}

#youtube-video {
	float: right;
	width: 300px;
	background: #fff url(../img/youtube.gif) no-repeat center 75px;
	}
	
#youtubelinks {
	width: 160px;
	float: left;
	text-align: center;
	font-size: 105%;
	}

#youtubelinks a {
color: #000;
}

#youtubelinks a:hover {
	color: #B71960;
}


.youtube-link {
	background: #fff url(../img/youtubelink.gif) no-repeat center top;
	padding-top: 38px;
	margin: 16px 0 0 40px;
	color: #000;
	display: block;
	}
	


#galerie-head {
width: 1112px;
height: 102px;
background: none;
}

#galerie-head h3{
position: absolute;
width: 167px;
height: 75px;
overflow: hidden;
top: 8px;
margin: 0;
left:190px;
}
#galerie-head h3 a {
cursor: pointer;
display: block;
height: 100%;
width: 100%;
}
#galerie-head h3 span{
display: block;
position: absolute;top: 0;left: 0;
width: 100%;height: 100%;
background: #d4d7d8 url(../img/logo2.jpg) no-repeat bottom left;
}


#galerie-menu-obal{
height: 40px;
width: 1112px;
background: url(../img/menu-obal-bg.gif) no-repeat top left;
}

.photo{
  background: #fff;
  text-align:center;
  padding-top: 12px;
}
.photo p{
  color: #000;
  padding: 0 0 0 0px;
  margin: 0;
  font-size: 85%;
}
.photo a{
color:#BF0013;
}

.photo a:hover{
color: #b71960;
text-decoration: underline;
}

.photo img{
  border:solid 1px #9f9f9f;
  cursor:pointer;
}

#photo-center{
	margin: 0 auto;
	text-align: left;
	width: 640px;
}

.info{
  font-weight:bold;
  color: #800;
}