/*Definovani Layoutu a absolutnich bloku layoutu*/
body {
	text-align:center;
	margin: 20px 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:227px 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:760px;
}
#telo {
    width:auto;
    padding:25px 0px 10px 40px;
}

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

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

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

#topmenunadpis1 {
    position:absolute;
    top:152px;
    left:235px;
    color:#314060;
    font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
    font-size:13pt;
    font-weight: bold;
}
#topmenuabsolut1 {
    position:absolute;
    top:178px;
    left:235px;
    font-size:9pt;
    color:#5577C1;
    font-weight:normal;
    width:230px;
}
#topmenunadpis2 {
    position:absolute;
    top:152px;
    left:485px;
    color:#314060;
    font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
    font-size:13pt;
    font-weight: bold;
}
#topmenuabsolut2 {
    position:absolute;
    top:178px;
    left:485px;
    font-size:9pt;
    color:#5577C1;
    font-weight:normal;
    width:230px;
}
#topmenunadpis3 {
    font-weight: bold;
    position:absolute;
    top:152px;
    left:737px;
    color:#314060;
    font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
    font-size:13pt;
}
#topmenuabsolut3 {
    position:absolute;
    top:178px;
    left:737px;
    font-size:9pt;
    color:#5577C1;
    font-weight:normal;
    width:230px;
}
#hlavicka a {
    color:#5577C1;
    text-decoration:none;
}
#hlavicka a:hover {
    color:#FF9900;
    text-decoration:underline;
}



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

#topmenukosik a {
	color:#ffffff;
}

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

#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:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
	width:auto;
	background:#D7E0F4;
	font-size : 18pt;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 15px;
	margin-bottom:1px;
	color:#003366;
	text-align:left;
}


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: #D7E0F4;
}

div.menuitemselected {
    display:block;
    font-size:9pt;
    font-weight: bold;
    color:#000;
    text-decoration:none;
    margin:0px 0px 1px 0px;
    padding:4px 0px 4px 0px;
    background: #AFC2EB;
    border-left: 3px solid #3C4F77;
}

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:5px 3px 5px 15px;
}

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.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 15px;
}

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


div.menuitem a.menuitemgreen:hover, div.menuitem a.menuitemred:hover {
	color:#FFFFFF;
        background: #999;
}








div.menufind {
    display:block;
    font-size:9pt;
	font-weight: normal;
	color:#333333;
	text-decoration:none;
	margin:0px 0px 1px 0px;
    padding:8px;
    background: #7496DC;
	/*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: Calibri, Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:0px 0px 10px 0px;
    color:#333;
    font-size:22pt;
    font-weight:normal;
}

h2 {
	font-family: Calibri, Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:20px 0px;
    /*color:#3C4F77;*/
    color:#333;
    font-size:16pt;
    font-weight:bold;
}
h2.titulni {
    font-family: Calibri, Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:0px 0px 20px 0px;
    padding:10px 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 #eee;
	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 #eee;
	margin:0px 3px -1px 0px;
	font-size:9pt;
	line-height:200%;
        font-weight:normal;
        color:#666;
}

div.parametry select.formselect {
	font-size:9pt;
        border: 1px dotted #999;
        background-color: #fff;
        color:#777;
}


div.parametry input.tlacitko {
	font-weight: bold;
	color: #666;
	padding:1px 5px;
	font-size: 9pt;
        background: #ddd;
        border: 1px dotted #666;
}








/*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: 239px;
	height:381px;
	margin: 0px 0px 10px -1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float:left;
}

div.produkt div.nadpis {
	position:absolute;
	top:4px;
	left:5px;
	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:11pt;
    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: 239px;
	height:281px;
	margin: 0px 0px 10px -1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float:left;
}


div.produktset div.nadpis {
	position:absolute;
	top:4px;
	left:5px;
	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:11pt;
    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: 143px;
	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:133px;
	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:130px;
	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:right;
	margin:0px -15px 20px 20px;
	background:#eee;
	padding:10px;
        border-radius:10px 0 0 10px;
}

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

div.produktvypis div.images div.imagecard img{
	border:none;
        /*border-radius:3px;*/
}	

div.produktvypis div.images div.sbaleno {
	display:none;
}	

/*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.katalogy tr:nth-child(odd) td
{
  background: #F9FAFB;
}
table.katalogy tr:nth-child(even) td
{
  background: #EFF3F5;
}







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:#EEF2FB;
	width:200px;
	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;
}