/* CSS Document */

@charset "UTF-8";

body {
    background-color:#fff;
    margin:0;
    padding:0;
    color:#333;
	font: 0.9em/1.5em small Geneva, Arial, Helvetica, sans-serif;
	background: url(../img/h_bg.jpg) 0 0 repeat-x;
}
h1 {
	padding-bottom: 0.5em;
	padding-left: 10px;
	font-style: normal;
}
br { }

hr  { margin:0.5em 0; }

h2,h3,h4 {
padding: 0 0 0.5em 20px;
}

strong {
	font: bold 1em sans-serif;
	padding: 0 0 1.1em 0;
	color: #38474e;
}
em {
	color: navy;
	padding: 0;
	font-size: 1em;
	font-style:italic;
    text-indent:2em;
}
cite {
	color: green;
	padding: 0;
	font: 2em normal 2em serif;
	margin-left: 20px;
}
.cleaner { clear:both;}

a {color: #821d1d;}

a:hover {color: #0002bd;}

.black {
	padding: 0 0 1.1em 0;
   font-weight:bold;
   color:#000;
}

.bordo {color: #821d1d;}

.right {
	float:right;
	margin:0 0 0 15px;
   border:none;
}
.obalka {
	float:left;
	margin:15px 15px 300px 0;
   border:none;
}
.foto-right {
	float:right;
	margin:10px 0 15px 10px;
   border:1px #0002bd  solid;
}
.foto-left {
	float:left;
	margin:10px 15px 10px 0;
   border:1px #0002bd solid;
}
.img-left {
	float:left;
	margin:0 10px 15px 40px;
   border:1px #0002bd solid;
}

/* ===============================
        foto - odkaz
   =============================== */
   
.photo {
	margin: 0 0 0 8px;
	padding: 0;
	display: block;
	width: auto;
	border: none;
}
.photo a {
	margin: 0 0 0 8px;
	padding: 0;
	display: block;
	width: auto;
	height: 110px;
	border: none;
   background:#fff url(../img/abstract_an.jpg) no-repeat 0 0;
}
.photo a:hover {
	margin: 0 0 0 8px;
	background:#fff url(../img/abstract_an.jpg) no-repeat 0 -110px;
}

/* ===============================
        structure 
   =============================== */
.wrapper {
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 950px;
	height: auto;
   background:#fff url(../img/wrapp_bg.jpg) repeat-y;
}

section {
	float:left;
	background-color: transparent;
	margin: 0;
   padding: 0 15px 0 0;
   width:620px;
   height:auto;
   margin:20px 0 20px 0;
   position:relative;
   border-right: 1px solid #C5CCD3;
  }
section p {
	margin: 0.5em 16px 20px 16px;  
}
section h2, h3 {
    margin: 10px 0 0 0;
    color:#9D9D9D;
    font: 100 normal 2.5em "MS Serif", "New York", serif;
}
section h3 {
    font-size: 1.6em;
    color: #9D9D9D;
    margin: 10px 0 0 0;
}
/* box */
section .box {
	float:left;
	background-color: transparent;
	margin: 10px 0 10px 20px;
   padding: 0 1em 1em 1em;
   width:300px;
   height:auto;
   margin-bottom:20px;
   position:relative;
   border: 1px solid #ccc;
   -webkit-border-radius: 5px;
	border-radius: 5px;
}
section .box p {
	font-size: 0.8em;
	font-style: italic; 
}
section .box h3 {
    margin: 1em 0 0 0;
    color:#9D9D9D;
    font: 0.8em normal 2.5em "MS Serif", "New York", serif;
}
section .box img {
	float: left;
	margin: 10px 10px 1.5em 10px; 
}

/* ram */

.tit {
    margin: 0.5em 0 0 0;
    color: #821d1d;
    font: 0.8em normal 2.5em Geneva, Arial, Helvetica, sans-serif;
}
/* end box */


article {
	margin: 0;
	padding: 0 10px 10px 10px;
}

/*--sidebar--*/
aside {
	float:right;
   background-color:transparent ;
	margin: 30px 20px 20px 0;
	padding:0 20px;
	width: 250px;
   height:auto;
   position:relative;
}

aside h2 {
	margin: 0;
	margin-top: 10px;
    color:#990000;
    font: 1.8em normal "MS Serif", "New York", serif;
}
aside h3 {
	margin: 0;
    padding:0;
    color:#900; 
    font: 1.6em normal "MS Serif", "New York", serif;  
}
aside p {
	margin: 0.3em 0 1em 0;
    font-size:0.95em;
    color: navy;
  }
aside img {
	margin: 0;
   border: 1px solid #900; 
   -webkit-border-radius: 5px;
	border-radius: 5px;
}
aside img:hover {
	margin: 0;
   border: 1px solid red; 
   -webkit-border-radius: 5px;
	border-radius: 5px;
}
.b_link { 
	clear: both; 
	width: 100%; 
	height: 30px; 
	font-size: 1px;
	border-bottom: 1px solid #900;
	background: url(../img/bann_bg.png) 0 0 no-repeat;  
	}
/* header */

header {
	margin: 0 auto;
   padding:0;
   display:block;
	width:990px; 
	height:300px;
	
	}
/* ===== header ==========
-------------------------------------*/

#pic a {
	margin: 0 auto;
   padding:0;
   display:block;
	width:990px; 
	height:300px;
	background:transparent url(../img/san_titul_new.jpg) no-repeat 0 0;
	}
#pic a:hover {
	background: transparent url(../img/san_titul_new.jpg) no-repeat 0 -300px;
	} 
#fra a {
	margin: 0 auto;
   padding:0;
   display:block;
	width:990px; 
	height:300px;
	background:transparent url(../img/fra_titul_new.jpg) no-repeat 0 0;
	}
#fra a:hover {
	background: transparent url(../img/fra_titul_new.jpg) no-repeat 0 -300px;
	}
#vin a {
	margin: 0 auto;
   padding:0;
   display:block;
	width:990px; 
	height:300px;
	background:transparent url(../img/vino_bg_new.jpg) no-repeat 0 0;
	}
#vin a:hover {
	background: transparent url(../img/vino_bg_new.jpg) no-repeat 0 -300px;
	}	 
	
header a h1 {
	margin: 0 auto;
   padding:0;
   display:block;
	}
  
header a span { display:none;}

header h1 {
	font-size: 150%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
header h2 {
	padding: 68px 20px 0 0;
	font-size: 130%;
	text-indent: -9999px;
	overflow: hidden;
}
header h2, header a span { display:none }
/* end header */

/* =============== nav ================ */

nav {
    width: 929px;
    height: 50px;
    margin: 0;
    margin-left:10px;
    padding: 0;
    background: url(../img/navig-bg.jpg) repeat-x left top;
    position:relative;
    border-top: 1px solid #fff;
} 

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
nav ul li {
	display: inline;
	margin: 0px;
} 
nav ul li a {
	height:33px;
	display: block;
	float: left;
	padding: 17px 15px 0 15px;
	font: bold 14px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(../img/navig-separ.png) no-repeat right center;
} 

nav ul li a:hover {
	color:#363636;
	background: url(../img/navig-hover.png) repeat-x left top;
}

nav ul li#active a {
	color:#363636;
	background: url(../img/navig-hover.png) repeat-x left top;
}
/* ========== end navig ========== */

/* ========= footer ============ */

footer {
	width:930px;
	height: auto;
    background-color: #dae3f7;
    padding: 10px 10px 50px 10px;
    clear:both;
    font: Geneva, Arial, Helvetica, sans-serif;
    border: 0;
    border-top: 2px solid #a1b8da;
}
footer p {
	color: #516ca4;
    text-align: center;
    letter-spacing:1px;
    font-size:0.85em;
    /*vertical-align:middle;*/
}

/* ==== end footer ======= */


/*=============================== 
      fotogalerie 150 x 100
=================================*/

.foto-box { 
	margin: 10px;
    margin-left:5px;
    padding:0;
    width:155px;
    height:170px;
    background-color:#E4E4E4;
    float:left;
    border:1px #990000 solid;
}

.foto-box p { 
	margin: 0.3em 0;
    font-size:0.9em;
    text-align:center;
    color:#333;
}
.foto-box img {
	border:1px solid #fff ;
	margin:0;
	padding:0;
    width:155px;
    height:116px;
}
.foto-box img a {
	display:block;
    width:150px;
    height:116px;	
	border:1px solid #fff ;
	margin:0;
	padding:0;
}
.foto-box:hover img {
	position:absolute;
    margin:-30px 0 0 -80px;
    z-index:100;
	display:block;
    width:480px;
    height:360px;	
	border:2px solid #990000;
}


	/* =============================
      			jQ gallery 
	 =============================*/
	#gallery {
		background-color: transparent;
		padding: 0;
		margin: 0 0 0 -20px;
		width: 110%;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 8px solid #ccc;
		border-width: 5px 5px 10px;
		margin: 0 8px 10px 0;
	}
	#gallery ul a:hover img {
		border: 8px solid #888;
		border-width: 5px 5px 10px;
		color: #fff;
		margin: 0 8px 10px 0;
	}
	#gallery ul a:hover { color: #fff; }
	
	/* =============================
     		end jQ gallery 
 		=============================*/
 		
/* ============= panel flip ===========*/
#panel,#flip {
	margin: 10px 0 10px 20px;
	padding:5px;
	text-align:left;
	border:solid 1px navy;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#flip {
	background:  #a1b8da 90% center no-repeat;
	padding:5px 20px;
}
#panel {
	padding:5px 0 10px 0;
	display:none;
}
/* ======== end panel =====================*/ 

/*========== drobackova navigace ==============*/
#navcontainer
{
/*margin: 20px 40px;*/
display: block;
font-size:1em;
background-color:#fff;
text-align: center;
border:solid 1px navy;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}
#navlist li
{
display: inline;
padding: 0;
margin: 0;
}
#navlist li:before
{
content: "> ";
}
#navlist li:first-child:before
{
content: "";
}

* html #navlist
{
height: 1%;
}
* html #navlist li
{
display: block;
float: left;
}
* html #navlist li:first-child
{
background-image: none;
}
/*========== drobackova navigace ==============*/