/*******************************************************************************
Site: Vina Moravy (c) Vojta Dvorak, http://www.vinamoravy.cz/
Autor: Vojta Dvorak, vojta.dvorak[at]gmail[dot]com
Tested Browsers: Opera 7.23+, Mozilla 1.5+, Mozilla Firefox 1.0, K-Meleon 0.9b and IE 5.x+;
	   Text browser: Links;
Last edit: 14:41 14.3.2007
*******************************************************************************/

* { padding: 0; margin: 0; }

/* -- Basic HTML Elements -- */
a:link {
	text-decoration: underline;
	color: #0033CC;
}
a:visited {
	color: #00248F;
	text-decoration: underline;
}
a:hover, a:focus { text-decoration: none; color: #00248F; }
a:active { text-decoration: none; color: #00248F; background: transparent; }
/*a:active { border: 5px solid red; }*/

hr {
	border: none;
	height: 1px;
	background: #ccc;
	margin: 2em 0;
}
img { border: 0; }

h1 { font-size: x-large; margin: 0; }
h2 { font-size: large; margin: 15px 20px 0; }
h3 { font-size: medium; _font-size: larger; }
h4 { font-size: small; }

h3, h4 { margin: 20px; }

/* -- Helpers -- */
.hide-screen { display: none; }
.noscreen { display: none; /* Old design.. */}
.cleaner { clear: both; height: 1px; }
.center { text-align: center; }
.left { float: left; }
.topmargin { margin-top: 1em !important; }
.bold { font-weight: bold; }
.red { color: red !important; }

/* -- Icons -- */
a[href$='.doc'], a[href$='.rtf'] {
	padding-right: 18px;
	background: transparent url("../pic/icons/icon_doc.gif") no-repeat center right;
}

/* -- Other -- */
.cmvvu { margin-top: -20px; }
#liz {
	/*height: 560px; width: 560px;*/
	height: 220px; width: 180px;
	margin: 140px 200px;
	background: url('../pic/lis.gif') 0 0 no-repeat;
}


#top {
		width: 590px;
		position: relative;
		/*background: #96B049;*/
		/*background: purple;*/
}

#lis { margin: 20px 200px 0; }

#top pre {
		position: absolute; top: 0; right: 85px; z-index: 10;
		color: #FCF0D6;
		font-size: small;
}
#top .dph {
		position: absolute; top: 20px; left: 20px; z-index: 10;
		color: black; /* #03C */
		width: 150px;
		display: block;
}
#top .dph a {
		color: black;
		font-size: 120%;
}


#top img.anim { position: absolute; top: 0; right: 80px; z-index: 10; }

#top div.iLeft {
		position: absolute; top: 0; right: 0;
		/*height: 245px;*/
		height: 302px;
		width: 101px;
		/*background: red;*/
		background: #037721 url('../pic/index/pozadi.gif') top left no-repeat;
}

.iLeft img {
		float: left;
		clear: left;
		/*margin: 5px 10px;*/
		/*margin: 5px 0 3px 25px;*/
		margin: 5px 0 3px 23px;
		border: 1px solid darkgray;
}

.iRight {
		float: right;
}
/* popisek u novinek, pouze index.php */
.desc {
	font-size: 11px;
	color: #FCF0D6;
	margin: 0 0 0 23px;
	width: 70px;
	/*text-align: justify;*/
}
/* Color OF Anchor on the index page */
.cofa { color: #FCF0D6 !important; /*text-decoration: underline;*/ }

/* titulka odstavec */
/* odelat important, vyuzitim kaskady*/
#welcome {
	margin: 0 120px 0 20px !important;
	text-align: justify;
}

/* -------------------------------------------------{ let's go! }------------ */
html { padding: 0; margin: 0; }
body { 
	padding: 0; margin : 0;
	_padding-bottom: 10px; /* For IE */
	background: #00B27D; color: #000;
	text-align: center;
	font: small/1.5 'Helvetica CE', 'Arial CE', Arial, sans-serif;
}

/* -- layout -- */
#layout {
	width: 760px;
	margin: 10px auto; padding: 0; 
	text-align: left;
	background: #6CD9AA url(../pic/layout-bg.gif) top left repeat-y;
}

#header {
	height: 140px; width: 760px;
	background: url('../pic/head2.jpg') 170px 0 no-repeat;
	position: relative;
}

#line {
	height: 20px; width: 760px; /* height: 4px; - this is really cool */
	background: #037721; color: #0047AF; /* bg:963 :) */
	position: relative;
}

#content {
	width: 590px;
	float: right;
}

#sidebar {
	width: 170px;
	float: left;
	margin: 0; padding: 0;
}
#menu {
	/* position: relative; /+ lists */
}

/* -- header -- */
#logo {
	height: 140px; width: 170px;
	position: relative;
	overflow: hidden;
}
#logo span {
	display: block;
	height: 140px; width: 170px;
	position: absolute; left: 0; top: 0; z-index: 5;
	background: url('../pic/logo3.gif') top left no-repeat;
}


/* -- line -- */
#wom { 
	position: absolute; top: 0; left: 225px;
	color: #FCF0D6;
	letter-spacing: 1px;
	line-height: 20px; /* For Opera browser */
}

#kontakt {
	position: absolute; top: 0; right: 10px;
	color: #FCF0D6;
}
#kontakt a {
	color: #FCF0D6;
	text-decoration: underline;
}
#kontakt a:visited {/*color: #090;*/}
#kontakt a:hover {text-decoration: none;}


/* -------------------------- == content == -----------------------------*/
#content p, #content ul, #content em, fieldset { margin: 20px; }
#content p em { margin: 0; } /* negace */

#content h1 { margin: 10px inherit 5px; }


#content ul li { margin: 0 0 0 40px; }

#content #gallery p, #content #catalog p { margin: 0; }

div.trideni { margin: 20px 0 0 0; font-size: 13px; }
.trideni ul { margin: 0px 20px !important; }

.trideni ul { list-style: square outside none }

.box { text-align: center; margin: 20px 0; }
.icq { position: relative; top: 3px; }



/* == Table == */
table {
	width: 550px;
	margin: 20px;
	border: none;
	/*border: 1px solid #037721;
	border-width: 0 0 2px 0;*/
	border-collapse: collapse;
	font-size: small;
}

.thead { text-align: center; background: #037721; color: #FCF0D6; letter-spacing: 3px; } /* #037721, #00B366 */ /* pouze v terminu */
th, td { padding: 3px 10px; border: 1px solid #037721; vertical-align: top; } /* #00B266 border-color: #D9D9D9 */
th { text-align: left; background: #00b255; } /* #5cd9aa */

.no_border, .no_border td, .no_border th { border: none; } /* je to pouzito i v odkazy.php */

/* == Form == */
fieldset {
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #063;
}
legend {
	color: black;
	font-weight: bold;
	font-variant: small-caps;
	background: #00b255; /* #00b255; #096; #093 */
	margin-bottom: 10px; padding: 2px;
	border: 1px solid #063;
}
label {
	width: 100px;
	float: left;
}

/* == Blockquote == */
blockquote {
	padding: 0.5em 1em; margin: 20px;
	background: #cc9;
	border: 1px solid #996;
}
blockquote div {
	text-align: right;
	font-style: italic;
	font-size: small;
}

/* == <UL> vinAkce == */
#content #vinar-akce {
	margin: 0; padding: 0;
}
#content #vinar-akce li {
	list-style-type: none;
	margin: 0 20px;
}

/* -+- gallery -+- 
See more info: http://wellstyled.com/css-photo-cards.html
*/

#gallery {

	width: 543px; /* 558px - 15px = 543px */
	margin: 20px 27px 5px 20px;
	_margin-bottom: -15px;
}
#catalog {
	margin: 20px 0 0 20px;
}
.f5 { background: #f5f7fb !important; } /* --namodrala barva pozadi */

.card-left {
	float: left;
	width: 170px;
	margin: 0 15px 15px 0; /* margin: 0 15px 15px 0; */
	padding: 0 0; /* 10px 0; */
	display: inline; /* IE double margin - CZ only: http://interval.cz/clanek.asp?article=3137 */
	text-align: center;
	background: white;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: x-small; /*font-size: 75%;*/
	
	/*height: 225px;
	overflow: auto;*/
}
/* ---------------------------{ class BIG je pouze v kapitole SADY }----------------------------------
[ vsechny obrazky musi byt vysoke (height) 250px, IE ignoruje .big .card-photo hegiht:250px!important; ] 260px to zpravi, ehm lol:) IE sux! :P :-)
----------------------------------------------------------------------------------------------------*/

.big .card-left {
	width: 262px !important;
	margin-right: 20px !important;
}

.big .card-photo { padding: 10px 0; }

/* v zbozi.php */
.male .card-left .card-photo { padding-top: 10px; min-height: 170px; }


/* už to asi nikde neni..(small) */
.small { width: 170px; }
.small .card-photo { /*height: 205px;*/ padding: 10px 10px 5px 10px; }
.sheight { padding: 20px 0 !important; }

/* vin-akce mikro preview { */
div.mikro { margin: -10px 0 0 20px !important; }
div.mikro .small { width: 85px; overflow: hidden; margin: 0 5px 10px 0; height: 50px; }
div.mikro .small .card-photo { padding: 5px; }
div.mikro .small .card-cena { display: none; }
/* } */

/* grey and white border u img */
.gb { border: 1px solid #ccc !important; }
.wb { border: 1px solid white !important; } /* potisk */ /* doplny.php (uz ne) */

.vp { padding: 10px 0 0 0; } /* vina.php - all (uz NE); hodnoceni-vin.php - ANO */ /* potisk */ /* doplnky.php */
.vp2 { padding: 13px 0 !important; } /* obaly.php - Dárkový kufr I (u class 'card-photo'=pac padding.. */
.vpp { background: transparent !important; border: none; } /* vino-k-plneni.php (vina.php) */
.trans .card-left { background: transparent !important; border: none; } /* vino-v-lahvi.php - karty smazany, nyni cenik, takze ani tahle trida se zd nepouziva */

.pts { font-size: xx-large; padding: 0 0 10px 0 !important; } /* potisk */

.card-photo {
	margin: 0 auto; padding: 0;
	border: none;
	font-size: medium;
}

.card-photo2 {
	margin: 20px 10px; padding: 0;
	border: none;
}
.card-photo a img { border: none }

.card-obsah {
	margin: 5px 10px; padding: 0;
	text-align: center;
	font-size: 100%;
}
.card-cislo {
	margin: 5px 10px 0 10px; padding: 0;
	text-align: center;
	font-size: 100%;
	color: #666;
}
.card-cena {
    margin: 5px 0 0 0; padding: 0; /* margin: 0 */
    color: black; background: #00B27D;
    /*font-size: 100%;*/
	font-size: 120%;
    border: 1px solid #037721;
    border-width: 1px 0 0px 0;
}
.card-popis {
	margin: 5px 10px; padding: 0;
	text-align: center;
	font-size: 110%;
}

/* == vina.php == */
.box {
	width: 550px;
	margin: 20px;
}
.box2 {
	width: 275px;
	float: left;
}

.card-vina {
    float: left;
	height: 260px;
    width: 260px;
	margin: 0 20px 0 0;
	display: inline; /* IE double margin - CZ only: http://interval.cz/clanek.asp?article=3137 */
    padding: 0;
    text-align: center;
    background: white;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	font-size: x-small; /*font-size: 75%;*/
}

.cv2 { margin-right: 0; }
.wineColor {
	margin: 5px 0 0 0; padding: 0;
	font-size: small;
}
.mrg-td { margin: 10px 0 !important; } /* margin_top-down */
.mt { margin-top: 5px !important; padding: 0px; font-size: small; } /* margin_top */

/* == lahve.php == */
p.mt a, p.mt a:link { color: black !important; text-decoration: underline; }
p.mt a:visited { color: #030 !important; text-decoration: underline; }
p.mt a:hover { text-decoration: none !important; }

/* -- sidebar -- */
#sidebar p { margin: 10px; }

/* -- menu -- */
#menu h4 {
	_height: 19px;
	padding: 0 0 0 30px; margin: 0;
	background: #00B266;
	letter-spacing: 1px;
	font-variant: small-caps;
	border: 1px solid #037721;
	border-width: 1px 0 1px 0;
	position: relative;
}
.first { border-top: 1px solid #00B266 !important; } /* before: none */

/* -+- lists -+- */
.list {
	height: 34px; width: 34px;
	background: url('../pic/list.gif') no-repeat 0 0; 
	border: 0;
	position: absolute; top: -0.5em; left: -1em;
}

/* links */
#menu a {
	display: block;
	padding: 1px 10px 1px 40px;
	text-decoration: none;
	color: #037721;
}
/* == non-IE styles == */

.subsection a { padding: 1px 10px 1px 55px !important; }

#menu a:visited {}
#menu a:hover, a:focus {
	background: #00B27D;
	/*background: #FCF0d5;*/
	color: #037721;

}

/* -- footer -- */

#footer {
	clear: both;
	padding-top: 0;
	font-size: 85%;
}
#footer p {
	background: #037721; /*color: #00B27D;*/ color: #0C9; /* #FCF0D5 */
	padding: 10px 20px; margin: 0;
	text-align: right;
	letter-spacing: 1px;
	/*line-height: 1.6em;*/
}
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */

#footer a, #footer a:visited {
	/*color: #00B27D;*/
	color: #0C9;
	text-decoration: underline;
}
#footer a:hover {
	/*color: #00B27D;*/
	color: #0C9;
	text-decoration: none;
}

/* == kde.php == */
.mapa-cr { height: 290px; width: 480px; margin: 20px 50px; border: 1px solid black; } /* mozna pridam ohraniceni */
.mapa-kobyli { height: 415px; width: 550px; margin: 20px 22px 20px 16px; border: 1px solid black; }

/* == vino-v-lahvi.php == */
div.table_no_border table tr td { border-color: transparent; }
div.table_no_border h3 { margin-top: 2em; }