/*Definovani Layoutu a absolutnich bloku layoutu*/
body {
    text-align:center;
    margin: 0px 0px;
    padding: 0px;
    background:#DEDEDE;
    font-family:Arial,Tahoma, Verdana, Helvetica, sans-serif;
    color: #333333;
    background-image: url("pict/bg_body.jpg");
    background-repeat: repeat-x;
    background-position: 0px 0px;
}


#stranka {
    margin:0px auto;
    position:relative;
    text-align:left;
    width:980px;
    padding:225px 0px 0px 0px;
    background-image: url("pict/bg_page.gif");
    background-repeat: repeat-y;
    background-position: 0px 0px;
}


#stred {
    width:980px;
}

#teloobal {
    float:right;
    width:700px;
}
#telo {
    width:auto;
    padding:25px 15px 25px 30px;
}

#vlevo {
    float:left;
    width:280px;
}

#hlavicka {
    position:absolute;
    top:0px;
    left:0px;
    width:980px;
    height:225px;
    background-image: url("pict/top_logo_e.jpg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}


#topmenulogo {
    position:absolute;
    top:65px;
    left:0px;
    font-size:9pt;
    color:white;
	font-weight:bold;    
}


#topmenuabsolut {
    position:absolute;
    top:197px;
    left:10px;
    font-size:11pt;
    color:white;
    font-weight:normal;
    font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
}

#topmenuabsolut a {
    color:white;
    text-decoration:none;
}
#topmenuabsolut a:hover {
    color:#FF9900;
    text-decoration:underline;
}
#topmenuabsolutlanguage {
    position:absolute;
    top:197px;
    right:10px;
    font-size:11pt;
}



#topmenukosik {
    position:absolute;
    top:106px;
    Left:801px;
    font-size:9pt;
    color:#666666;
    font-family:  Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

#topmenukosik a {
	color:#ffffff;
}

#paticka {
    position:relative;
    background:#DEDEDE;
    width:980px;
    height:30px;
}

#patickaabsolut {
    position:absolute;
    top:4px;
    right:10px;
    font-size:8pt;
    color:#666;
}
#patickaodkazy {
    position:absolute;
    top:4px;
    left:10px;
    font-size:8pt;
    color:#666;
}
#patickaodkazy a {
	color:#999999;
	font-size:7pt;
}

div.clear, div.reset {
    clear:both;
    height: 1px;
    padding: 0px;
    margin: 0px;
}





/*Leve menu*/
.menunadpisnormalobal {
	width:280px;
}

.menunadpisnormal {
	font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
	width:auto;
	background:#C8C8C8;
	font-size : 16pt;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 15px;
	margin-bottom:1px;
	color:#000;
	text-align:left;
        border-bottom:1px dotted #fff;
}


.menunadpisobal {
	width:280px;
}

.menunadpis {
	font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
	width:auto;
	background:#C8C8C8;
	font-size : 16pt;
	font-weight: bold;
	text-decoration:none;
	/*padding: 5px 15px;*/
	/*margin-bottom:1px;*/
	color:#000;
	text-align:left;
        border-bottom:1px dotted #fff;
}

.menunadpis a {
    text-decoration: none;
    color:#666;
    display:block;
    padding:3px 3px 3px 15px;
}

.menunadpis a:hover {
    color:#FFFFFF;
    background: #999;
    border-left: 3px solid red;
}

.menunadpisselect {
	font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
	width:auto;
	background:#fff;
	font-size : 16pt;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 15px;
	/*margin-bottom:1px;*/
	color:#000;
	text-align:left;
        border-left: 1px solid #f90;
}
div.menuitemnobackground {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#333333;
    text-decoration:none;
    margin:5px 0px;
    padding:3px 15px;
}


div.menuitem {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#333333;
    text-decoration:none;
    /*margin:0px 0px 1px 0px;*/
    padding:0px;
    background: #fff;
    border-left: 1px solid #f90;
    border-top:1px dotted #ccc;
}

div.menuitemselected {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#333333;
    text-decoration:none;
    /*margin:0px 0px 1px 0px;*/
    padding:5px 0px;
    background: #fff;
    border-left: 5px solid #f90;
    border-top:1px dotted #ccc;
}

div.menuitem a, div.menuitemselected a {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#333333;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:2px 3px 2px 15px;
}

div.menuitemselected a {
    font-weight: bold;
    color:#000;
    padding:3px 3px 3px 11px;
}

div.menuitem a:hover {
    color:#FFFFFF;
    background: #999;
    border-left: 3px solid red;
}

div.menuitemselected a:hover {
    color:#FFFFFF;
    background: #999;
    border-left: 3px solid red;
}








div.menuitemnormal {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#333333;
    text-decoration:none;
    /*margin:0px 0px 1px 0px;*/
    padding:0px;
    background: #ccc;
    border-bottom: 1px dotted #eee;
}


div.menuitemnormal a {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#333333;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:2px 3px 2px 15px;
}











div.menufind {
    display:block;
    font-size:9pt;
	font-weight: normal;
	color:#333333;
	text-decoration:none;
	margin:0px 0px 1px 0px;
    padding:8px;
    background: none;
	/*background-image: url("pict/bg_menuitem_find.gif");
	background-repeat: repeat-y;
	background-position: 0px 0px;*/
}

input.hledat {
	font-weight: normal;
	color: #333;
	border: 1px dotted #999;
	padding:2px;
	width: 150px;
	font-size: 9pt;
}


button.hledattlacitko {
	background:none;
	border: 0px solid #999999;
	padding : 0px 0px 0px 0px;
	width:55px;
	height:21px;
	cursor:pointer;
	cursor:hand;
}

button.hledattlacitko img {
    margin:0px;
    border:0;
    vertical-align:middle;
}



div.aktuality {
    width:300px;
    float:left;
}
div.clanky {
    width:300px;
    float:right;
}


input.tlacitko {
	font-weight: bold;
	color: #333;
	border: none;
	padding:2px;
	font-size: 9pt;
        width:85px;
}






/*Obecne definice odstavcu a nadpisu*/
p {
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color:#333333;
    margin-top:0.5em;
    font-size: 10pt;
    line-height: 130%;
}

h1 {
    font-family: Calibri, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:0px 0px 10px 0px;
    color:#333;
    font-size:22pt;
    font-weight:normal;
}

h2 {
    font-family: Calibri, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:0px 0px;
    color:#666;
    font-size:16pt;
    font-weight:normal;
}

h2.druhpolozky {
    margin:20px 0px 5px 0px;
}

h1.kategorie {
    font-size:28pt;
}

.bezokraje {
    margin:0px;
}



hr {
    border-width:0;
    border-top:1px solid #cccccc;
    height:1px;
}

a {
	color:#999;
}	



td {
	color: #000000;
	margin-top:0.5em;
	font-size: 10pt;	
}

li {
	color: #666666;
	font-size: 0.8em;
	margin-bottom:10px;
}

ul {
	margin-top:3px;
}
table.kontakt {
	margin: 0px;
	padding:0px;
}
table.kontakt tr {
	padding: 0px;
}

table.kontakt tr td {
	padding: 10px;
	margin: 0px;
	font-size: 1em;
	padding: 10px;
}


.red {
	color:#FF0000;
}
.green {
	color:#009900;
}
.reddark {
	color:#990000;
}
.blue {
	color:#000099;
}
.orange {
    color:#FF6600;
}
.minimum {
	font-size:8pt;
}
.bold {
	font-weight:bold;
}
.right {
	text-align:right;
	align:right;
}
.center {
	text-align:center;
	align:center;
}







/*Blok strankovani*/
div.strankovani {
	background:#F5F5F5;
	padding:8px;
	border:none;
	margin:0px 3px 0px 0px;
	font-size:8pt;
        width:635px;
        line-height: 180%;
}	


div.strankovani a {
	padding:1px 4px;
	border:none;
	margin:0px 0px;
	text-decoration:none;
}	

div.strankovani a.select {
	background:#FF8533;
        color:#fff;
}	


div.druhpolozky {
	background:#F5F5F5;
	padding:8px;
	border:none;
	margin:0px 3px 2px 0px;
	font-size:10pt;
        line-height: 140%;
        width:635px;
}
div.druhpolozky a {
	font-size:10pt;
	padding:0px 4px;
	border:none;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

div.druhpolozky a.select {
	background:#FF8533;
        color:#fff;
}












span.vyprodej {
    color:#ff0000;
}







/*Pod pojmem karta se v tomto pripade rozumi jeden radek v radkovem prehledu*/
div.karta {
    border-bottom:1px dotted #aaa;
    padding:3px 0px;
    position:relative;
}
div.karta:hover {
    background: #F5F5F5;
}


div.karta div.popis {
    float:left;
    font-size: 9pt;
    width:310px;
}
div.karta div.popis a {
    text-decoration: none;
}
div.karta div.popis a:hover {
    text-decoration: underline;
    color:#f90;
}
div.karta div.prumer {
    position: absolute;
    top:3px;
    left: 335px;
    font-size: 9pt;
    text-align: left;
    padding: 0px 20px 0px 5px;
}
div.karta div.cena {
    float:right;
    font-size: 9pt;
    text-align: right;
    padding: 0px 20px 0px 5px;
}
div.karta div.kosik {
    float:right;
    font-size: 9pt;
    width:125px;
    vertical-align: top;
}

/*Formular pridani do kosiku v radkovem prehledu*/
form.prehled {
    display: inline;
    vertical-align: top;
    padding:0px;
    margin: 0px;
}

/*Pocet zbozi v kosiku*/
.kosikpocet {
	font-size:9pt;
	font-weight: normal;
	text-align:right;
	color: #000000;
	border: 1px dotted #aaa;
        /*border:none;*/
	padding : 0px;
	width: 25px;
}
/*malej buton v radkovem prehledu*/
button.small {
	background:none;
	border: none;
	padding : 0px 0px 0px 0px;
	width:22px;
	height:15px;
	cursor: pointer;
	/*cursor: hand;*/
        margin: 0px;
	font-size:9pt;
}
button.small img.ikona {
	border:none;
        padding-bottom: 3px;
}






/*Vypis produktu*/
div.produktvypis {
	border: 1px dotted #B6AB81;
	margin: 10px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding:15px;
}

div.produktvypis div.popis {
	font-weight:normal;
	text-align:left;
	padding: 0px;
}
div.produktvypis div.popis p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	font-weight:normal;
	padding: 0px;
	margin:0px 0px 5px 0px;
}
div.produktvypis div.popis span.cena {
	font-size: 22pt;
	color: #ff0000;
	font-weight:normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

div.produktvypis div.popis a.priloha {
	font-size: 10pt;
	color: #ff9900;
	font-weight:bold;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}

div.produktvypis #gallery {
	float:right;
	margin:0px 20px 10px 0px;
	padding:0px 10px 0px 10px;
}

div.produktvypis #gallery img{
	border:none;
        margin-top: 10px;
}	

button.big {
	background:none;
	border: none;
	padding : 0px 0px 0px 0px;
	width:150px;
	height:22px;
	cursor: pointer;
	/*cursor: hand;*/
        margin: 0px;
	font-size:9pt;
}

/*zarovna obrazek vertikalne na stred*/
img.ikona {
	border:0;
	vertical-align:middle;
}

.okraj {
    margin:10px 5px;
    border:none;
}





/*zobrazeni kosiku s navigaci*/

div.kosikkarta {
	background:#FFF;
	padding:0px;
	margin:0px 10px 0px 0px;
	font-size:8pt;
        font-family:Arial,Tahoma, Verdana, Helvetica, sans-serif;
}
div.kosikkarta div.menukosik {
	background:#666666;
	margin:0px 0px 10px 0px;
	font-size:10pt;
	padding:10px 10px 10px 10px;
}
div.kosikkarta div.menukosik img {
	margin:0px 10px;
}
div.kosikkarta div.menukosik a {
	color:white;
	padding:3px 5px 6px 5px;
	text-decoration:none;
}
div.kosikkarta div.menukosik span.select {
	color:#FaFafa;
	padding:3px 10px;
	background:#fff;
	color:#000;
	font-weight:bold;
}

div.kosikkarta div.menukosik a:hover {
	color:#FF9933;
}

div.kosikkarta .kosikpocet {
    font-size: 9pt;
}

button.kosikkarta {
	background:none;
	border: none;
	padding : 0px 0px 0px 0px;
	width:73px;
	height:17px;
	cursor: pointer;
	/*cursor: hand;*/
        margin: 0px;
	font-size:9pt;
}
button.kosikkarta img {
	border:none;
        vertical-align: middle;
}


/*Vypis kosiku do tabulky*/
table.kosik {
	display:table;
	border-collapse:separate;
	background: #ccc;
}

table.kosik tr {
	display:table-row;
}

table.kosik tr td {
	display:table-cell;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align:top;
	padding: 5px 10px;
	border-bottom:1px solid #999;
}
	
table.kosik th {
	font-size: 9pt;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	background:#E9E9E9;
	margin: 0px;
	padding: 5px 10px;
	border-bottom:1px solid #999;
}

tr.tr1 {
	background:#F3F3F3;
}
tr.tr2 {
	background:#FCFCFC;
}



tr.tr3 {
	background:#fcefe0;
}
tr.tr4 {
	background:#f7d6ae;
}






/*Obecne stylovani formularu*/
.formradio {
	vertical-align:middle;
}
.formtext {
	font-weight: normal;
	color: #000000;
	border: 1px dotted #999;
	padding : 1px 2px;
	margin : 0px 0px 0px 0px;
	width: 300px;
}

.formtextarea {
	font-weight: normal;
	color: #000A4A;
	border: 1px dotted #999;
	padding : 10px;
	margin : 0px 0px 0px 0px;
	width: 300px;
	height: 200px;
	padding:3px;
}

table.adresa td {
	font-size:10pt;
	padding:3px 5px; 	
}



/*Stylovani tabulky kontrola objednavky*/
table.kosikkontrola {
	display:table;
	border-collapse:separate;
	background: #fff;
}

table.kosikkontrola tr {
	display:table-row;
}

table.kosikkontrola tr td {
	display:table-cell;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align:top;
	padding: 5px 10px;
	border-bottom:1px solid #999;
}
	
table.kosikkontrola th {
	font-size: 9pt;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	background:#E9E9E9;
	margin: 0px;
	padding: 5px 10px;
	border-bottom:1px solid #999;
}
span.celkovacena {
	font-size:13pt;
	font-weight:bold;
} 
/*spodni button pod zadavanim adresy*/
button.btn {
	background:none;
	border: none;
	padding : 0px 0px 0px 0px;
	width:213px;
	height:40px;
	cursor: pointer;
	/*cursor: hand;*/
        margin: 0px;
	font-size:9pt;
}





div.kosikblok {
	width:169px;
	height:80px;
	font-size:9pt;
	padding:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*background-image: url("pict/menu_item_nakupni_kosik.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
}