/*Definovani Layoutu a absolutnich bloku layoutu*/
body {
	text-align:center;
	margin: 0px 0px;
	padding: 0px;
	background:  #ffffff;
	font-family:  Arial,Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
}


#stranka {
    margin:0px auto;
    position:relative;
    text-align:left;
    width:980px;
    padding:164px 0px 0px 0px;
}


#stred {
    width:980px;
}

#teloobal {
    float:right;
    width:760px;
}
#telo {
    width:auto;
    padding:10px 0px 10px 20px;
}

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

#hlavicka {
    position:absolute;
    top:0px;
    width:980px;
    height:164px;
	background-image: url("pict/top_logo.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:146px;
    left:10px;
    font-size:9pt;
    color:white;
	font-weight:bold;    
}

#topmenuabsolut a {
    color:white;
    text-decoration:none;
}
#topmenuabsolut a:hover {
    color:#FF9900;
    text-decoration:underline;
}



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

#topmenukosik a {
	color:#ffffff;
}

#paticka {
	border-top:1px solid gray;
	position:relative;
	background:#eee;
    width:980px;
    height:55px;
    margin-bottom: 5px;
}

#patickaabsolut {
    position:absolute;
    top:4px;
    left:10px;
    font-size:8pt;
    color:#666;
}
#patickaodkazy {
    position:absolute;
    top:22px;
    left:10px;
    font-size:8pt;
    color:#666;
    font-size:8pt;
}
#patickaodkazy a {
	color:#999999;
	font-size:8pt;
}
span.patickafirma {
    color:#333333;
    font-weight:bold;
}

div.clear, div.reset {
    clear:both;
}






/*Leve menu*/
.menunadpisobal {
	width:220px;
}

.menunadpis {
	font-family:  Arial,Tahoma, Verdana, Helvetica, sans-serif;
	width:auto;
	background:#3C5268;
	font-size : 20pt;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 5px;
	margin-bottom:1px;
	color:#ffffff;
	text-align:left;
}

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

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

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 24px;
}

div.menuitem a:hover {
	color:#FFFFFF;
    background-image: url("pict/bg_menuitem_hover.gif");
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

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

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


div.menuitem a.menuitemgreen:hover {
	color:#FFFFFF;
    background-image: url("pict/bg_menuitem_hover.gif");
	background-repeat: repeat-y;
	background-position: 0px 0px;
}


.submenu {
	width:220px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background:#CFD9F3;
	margin: 5px 0px;
	padding:5px;
    border-right:1px solid #7D9ADD;
	border-bottom:1px solid #7D9ADD;
}
.submenu a.menuitem {
    display:block;
    font-size:9pt;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
	margin-left:1px;
    padding-left:15px;
    padding-right:3px;
    background-image: url("pict/sipkali.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.submenu a.submenuitem {
    display:block;
    font-size:8pt;
	font-weight: normal;
	color:#333333;
	text-decoration:none;
	margin-left:10px;
    padding-left:15px;
    padding-right:3px;
    background-image: url("pict/sipkali.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.submenu a.submenuitem:hover {
	color:#FF9900;
    background-image: url("pict/sipkali_hover.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


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

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


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

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






/*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: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:0px 0px 10px 0px;
    color:#3C4F77;
    font-size:22pt;
    font-weight:normal;
}

h2 {
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:20px 0px;
    /*color:#3C4F77;*/
    color:#FF6600;
    font-size:16pt;
    font-weight:normal;
}
h2.titulni {
    margin:0px 0px 10px 0px;
    padding:4px 0px 0px 0px;
    border-top:1px dotted #cccccc;
}

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

.bezokraje {
    margin:0px;
}



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

a {
	color:#FF6600;	
}	



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;
}
.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:#F7F7F7;
	padding:4px 2px;
	border:1px solid gray;
	margin:0px 3px 0px 0px;
	font-size:8pt;
}	


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

div.strankovani a.select {
	background:#FFCC00;
}	










/*Blok s parametrama (filtry)*/
div.parametry {
	background:#F7F7F7;
	padding:4px;
	border:1px solid gray;
	margin:0px 3px -1px 0px;
	font-size:8pt;
	line-height:200%;
}

select.parametry {
	font-size:8pt;
}










/*Produktova karta a jeji polozky*/
div.produkt {
	position:relative;
    background:url('pict/bg_karta_produkt.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 247px;
	height:381px;
	margin: 0px 0px 10px -1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float:left;
}

div.produkt div.nadpis {
	position:absolute;
	top:2px;
	left:8px;
	height:39px;
	width:233px;
	overflow:hidden;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #224A88;
	font-weight:bold;
	text-align:left;
	overflow:hidden;
}

div.produkt div.nadpis a {
    font-size:12pt;
    font-weight:bold;
    text-decoration:none;
	color: #224A88;
}

div.produkt div.nadpis a:hover {
    text-decoration:underline;
    color: #ff0000;
}


div.produkt div.obrazek {
	position:absolute;
	top:53px;
	left:10px;
	width:213px;
	overflow:hidden;
}
div.produkt div.obrazek img:hover {
	border:1px dotted red;
}


div.produkt div.cena {
	top:215px;
	left:10px;
	position:absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

div.cena span.cena {
	font-weight:bold;
	font-size: 12pt;
	color: #ff0000;
}

div.produkt div.popis {
	position:absolute;
	top:242px;
	left:10px;
	color: #666;
	font-weight:normal;
	text-align:left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
	height:50px;
	overflow:hidden;
	width:227px;
}

div.produkt div.svd {
	position:absolute;
	top:279px;
	left:10px;
	color: #666;
	font-weight:normal;
	text-align:left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
	height:56px;
	overflow:hidden;
}


div.produkt div.zobrazit {
	position:absolute;
	top:317px;
	left:10px;
	font-size: 8pt;
	color: #333333;
	font-weight:normal;
	text-align:left;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

div.produkt div.zobrazit a {
	font-weight:normal;
	color:#FF6600;
}
div.produkt div.zobrazit a:hover {
	color:#FF0000;
}


div.produkt div.obrazek div.vzorkovnaico {
	width:15px;
	height:15px;
	position:absolute;
	top:7px;
	left:195px;
}

div.produkt div.obrazek div.akceico {
	width:15px;
	height:15px;
	position:absolute;
	top:23px;
	left:195px;
}
div.produkt div.obrazek div.novinkaico {
	width:15px;
	height:15px;
	position:absolute;
	top:39px;
	left:195px;
}

div.produkt div.obrazek div.vzorkovnaico img,  div.produkt div.obrazek div.akceico img, div.produkt div.obrazek div.novinkaico img{
	border:none;
}
div.produkt div.koupit {
    position:absolute;
   	top:342px;
	left:10px;
    font-size: 8pt;
	color: #333333;
	font-weight:normal;
	text-align:left;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	padding:0px 0px;
}











/*karta setu a jeji polozky*/
div.produktset {
	position:relative;
    background:url('pict/bg_karta_set.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 247px;
	height:281px;
	margin: 0px 0px 10px -1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float:left;
}


div.produktset div.nadpis {
	position:absolute;
	top:2px;
	left:8px;
	height:39px;
	width:233px;
	overflow:hidden;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #336600;
	font-weight:bold;
	text-align:left;
	overflow:hidden;
}




div.produktset div.nadpis a {
    font-size:12pt;
    font-weight:bold;
    text-decoration:none;
    color: #336600;
}

div.produktset div.nadpis a:hover {
    text-decoration:underline;
    color: #ff0000;
}



div.produktset div.popis {
	position:absolute;
	top:177px;
	color: #666;
	font-weight:normal;
	text-align:left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
    font-size:10pt;
	height:56px;
	overflow:hidden;
	width:227px;
}

div.produktset div.zobrazit {
	position:absolute;
	top:245px;
	font-size: 10pt;
	color: #333333;
	font-weight:normal;
	text-align:left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
}

div.produktset div.zobrazit a {
	font-weight:normal;
	color:#FF6600;
}


div.produktset div.obrazek {
	position:absolute;
	top:53px;
	left:10px;
	width:213px;
	overflow:hidden;
}

div.produktset div.obrazek img:hover {
	border:1px dotted red;
}



















/*Produktova karta na titulce a jeji polozky*/
div.produktsmall {
	position:relative;
    background:url('pict/bg_karta_titulka.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 149px;
	height:211px;
	margin: 0px 0px 10px -1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float:left;
}

div.produktsmall div.nadpis {
	position:absolute;
	top:3px;
	left:5px;
	height:39px;
	width:142px;
	overflow:hidden;
	font-family: Tahoma, Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	color: #224A88;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
}

div.produktsmall div.nadpis a {
    font-size:8pt;
    font-weight:normal;
    text-decoration:none;
    color: #224A88;
}
div.produktsmall div.nadpis a:hover {
    color: #ff0000;
    text-decoration: underline;
}


div.produktsmall div.obrazek {
	position:absolute;
	top:48px;
	left:5px;
	width:140px;
	overflow:hidden;
}

div.produktsmall div.obrazek img:hover {
	border:1px dotted red;
}



div.produktsmall div.cena {
	top:155px;
	left:5px;
	position:absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

div.produktsmall div.cena span.cena {
	font-weight:bold;
	font-size: 12pt;
	color: #ff0000;
}

div.produktsmall div.koupit {
    position:absolute;
   	top:180px;
	left:5px;
    font-size: 8pt;
	color: #333333;
	font-weight:normal;
	text-align:left;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	padding:0px 0px;
}


span.vyprodej {
    color:#ff0000;
}








/*Vypis produktu*/
div.produktvypis {
	background:#f9fafb;
	border: 1px solid #afb9be;
	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: 16pt;
	color: #ff0000;
	font-weight:bold;
	font-family: Trebuchet MS, 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 div.images {
	float:left;
	margin:0px 20px 10px 0px;
	background:#eee;
	padding:10px;
}

div.produktvypis div.images div.imagecard {
	padding:5px;
}	

div.produktvypis div.images div.imagecard img{
	border:1px solid gray;
}	


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









/*Pocet zbozi v kosiku*/
.kosikpocet {
	font-size:10pt;
	font-weight: normal;
	text-align:right;
	color: #000000;
	border: 1px solid #999999;
	padding : 0px 0px 0px 0px;
	width: 25px;
}
button.kosik {
	background:none;
	border: 0px solid #999999;
	padding : 0px 0px 0px 0px;
	width:86px;
	height:24px;
	cursor: pointer;
	cursor: hand;
}

button.kosik img {
    margin:0px;
}

img.ikonaeditkosik {
	border:0;
	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:normal;
	background:#CFCFCF;
	margin: 0px;
	padding: 5px 10px;
	border-bottom:1px solid #999;
}

tr.tr1 {
	background:#F9FAFB;
}
tr.tr2 {
	background:#EFF3F5;
}
div.kosikkarta {
	background:#FaFafa;
	padding:20px;
	margin:0px 3px 0px 0px;
	font-size:8pt;
}
div.kosikkarta div.menukosik {
	background:#3399FF;	
	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:white;
	color:black;
	font-weight:bold;
}

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







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

.formtextarea {
	font-weight: normal;
	color: #000A4A;
	border: 1px solid #808080;
	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;
} 


h2.faqotazka {
	font-size: 12pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#0066cc;
	margin:30px 0px 2px 0px;
	font-weight:bold;
}
p.faqodpoved {
	font-size: 9pt;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:150%;
}







table.katalogy {
	border: 1px solid black;
	margin: 0px;
	padding:0px;
	width:100%;
}
table.katalogy tr {
	padding: 0px;
}

table.katalogy tr td {
	/*background: #9999cc;*/
	padding: 10px;
	margin: 0px;
	border-bottom: 1px solid #999999;
	font-size: 8pt;
	height: 1.2em;
	padding: 0.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

table.oteviracka td {
	font-size:8pt;
}

table.katalogy tr td h2{
	font-size: 11pt;
	font-family: Arial, HVerdana, elvetica, sans-serif;
	font-weight:bold;
	color:#3C4F77;

}



div.aktuality {
	float:right;
	background:#C7CFE2;
	width:220px;
	font-size:8pt;
	padding:10px;
}	
div.aktuality div.blokhlavicka {
	font-size:14pt;
	font-weight:bold;
	margin:0px 0px 5px 0px;	
}	
div.aktuality div.text {
	font-size:8pt;
}
div.aktuality h1 {
	font-size:10pt;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}	


div.fotogalerie {
    width: 550px;
    margin:10px 0px 10px 15px;
    background:#005791;
    padding:10px;
    font-size:18pt;
    color:#ffffff;
    font-weight:normal;
    text-align:left;
    font-family: Calibri, Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

div.fotogalerie img {
    margin:5px;
    border:1px solid #ffffff;
}