/*** NABASTAV - CSS BY WJENCESLAW ***/
body{font-family: Arial, Helvetica, sans-serif;background: #E7E8E9; margin: 0; padding: 0; text-align: center;}
a:link {color: #000000;text-decoration: underline;}
a:visited {text-decoration: underline;	color: #000000;}
a:hover {	text-decoration: none; color: #000000;}
a:active { text-decoration: none; color: #000000;}
img{border: 0px none;}

#web{width: 781px; margin: 0 auto; padding: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #fff; text-align: left;} 

/*** hlavicka a horni menu ***/
#hlavicka{margin: 0; padding: 0px;width: 780px; height: 175px; background: url('../img/hlavicka.jpg') no-repeat; position: relative;}
#hlavicka *{margin: 0; padding: 0;}
#hlavicka h1{font-size: 14px; padding: 60px 0px 0px 17px; font-weight: bold;text-transform: uppercase; width:280px; text-align: center;}
#hlavicka h1 a{text-decoration: none;}
#hlavicka a#logo{position: absolute; top: 11px; left: 15px;}
#hlavicka a#logo img{border: 0px none; display: block;}
#hlavicka p{position: absolute; top: 24px; right: 212px; width: 210px; height: 75px; color: #bd2222; text-align:center;}
#hlavicka p strong{display: block; }


ul#menu{float: left; width: 779px; list-style-type: none; background: #3F9C03; margin: 0px 0px 0px 1px; padding: 0;}
ul#menu li{float: left; border-left: 1px solid #3f9d00; border-right: 1px solid #4dd100;}
ul#menu li a{color: #fff; padding: 8px 20px 5px 20px; text-decoration: none; font-weight: bold; font-size: .8em; display: block; background: #3F9C03; }
ul#menu li a:hover{color: #edfdd6; color: white; background: #47b103; background:#478F11;}
ul#menu li.selected a {color: #edfdd6; color: white;background: #47b103; background: #387F07; background:#04DE04;}
/*** obsah webu ***/
#obsah {margin: 0; padding: 0; clear: both; font-size: 13px;}
#left{float: left; width: 585px; overflow: hidden;}
#right{float: right; width: 190px;}
/* pro vzhled */
#obsah{ color: #000000;}
#left a, #left h2, #left h3, #left h4, #left h5, #left h6 {color: #bd2222; margin: 0; padding: 0; font-weight: bold;}
#left .inner{padding: 20px;}
#left h2{font-size: 1.4em;}


#left #vypis .produkt{float: left; margin: 15px 5px 0px 5px; padding: 10px 5px; text-align: center; width: 110px; height: 110px; font-size: 117%; text-transform: uppercase;}
#left #vypis .produkt a {color: #000;}
#left #vypis .produkt img {display: block; margin: 0 auto;}
#left #vypis .bordered{ border: 1px solid #a5a5a5;}
#left #vypis .bordered-hover{ border: 1px solid #ff0000;}
#left #vypis hr{clear: left; visibility: hidden;margin:0;padding:0;}
#left p.right{border: 1px solid #CACACA;  margin: 0 0 0 5px; _margin: 0 0 0 8px; padding: 5px 0 5px 0; _padding: 5px 0 5px 0;   width: 516px; _width: 520px;text-align: center;background: #f0f0f0;}

.right a {font-size: 129%; margin:0;padding:0;background: #f0f0f0;}

#right .inner{padding: 20px 5px; padding: 5px;}
#right .inner div{font-size: .95em; text-align: justify; padding: 5px 5px 5px 5px; border: 1px solid #f0f0f0; background: url('../img/odrazka.gif') no-repeat 0px 20px; margin: 0px 0px 0px 0px; margin: 5px 0 0 0;}
#right .inner div h2 { font-size: 1.1em; padding: 0px 0px 0px 17px; margin: 7px 0px 0px 0px;}
#right .inner div h3 { font-size: 1.1em; padding: 0px 0px 0px 17px; margin: 7px 0px 0px 0px;}
#right .inner div h4 { font-size: 1.1em; padding: 0px 0px 0px 17px; margin: 7px 0px 0px 0px;}
#right .inner div h5 { font-size: 1em; padding: 0px 0px 0px 17px; margin: 7px 0px 0px 0px;}
#right .inner div h6 { font-size: 1em; padding: 0px 0px 0px 17px; margin: 7px 0px 0px 0px;}
#right .inner div p { font-size: .9em;}
#right .inner div p strong { font-weight: bold; }


#notices, #errors {padding: 0.5em; background: #f0f0f0; color: green;}
#errors {color: red; }





/*** paticka ***/
#paticka { clear: both; text-align: left;}
#paticka p{font-size: .8em; padding: 10px 20px; color: #3F9C03;}
#paticka a{color: #bd2222;}


/*fotogalerie by pif  */
.card {
	float: left;
	width: 130px;
	margin: 0 5px 5px 0;
	padding: 10px 0;
	text-align: center;
	/* added rules */
	height: 90px;
	overflow:auto;
	}
	
.card-title {
	margin: 0 0 5px 0;
	font-size: 130%;
	color: green;
	}
.card-photo {
	margin:0 auto; padding:0;
	border: none;
	}
.card-desc {
	margin: 5px 10px; padding:0;
	text-align: left;
	font-size: 100%;
	}
.card-info {
	margin: 5px 10px 0 10px; padding:0;
	text-align: right;
	font-size: 90%;
	color: #666;
	}

.cleaner { clear:both }