@charset "utf-8";
/* CSS Document */

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { 
	background-image:url(../img/bg-body.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#424242; 
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin: 0; 
    padding: 0; 
    text-align: center;
	}

a
{
	color:#CCCCCC;
	text-decoration:none;
	cursor:pointer;
}

h1{
	font-size:18px;
	margin-bottom:10px;
}

h2{
	font-size:16px;
	margin-bottom:5px;
	margin-top:10px;
}

a:hover
{
	color: #66FFFF;
	text-decoration:none;
}

table th { background-color:#202020;}
	
#mainout {
	margin: 0px auto 0px auto;
	width:1000px;
	position:relative;
	text-align:left;
	position: relative;
	
	}

#main {
	background-color: #101010; 
	width:1000px;
	position:relative;
	margin:0px;
	overflow:auto;
	/*border: 1px solid #009900;*/
	}
	
#ram_top
{
	background-image:url(../img/banner2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:355px;
	width:1000px;
	border:none;
}

#ram_top .kosik
{ 
 position:relative;
 top:32px;
 left:120px;
 background: none;
 color: #e0e0e0;
 width:300px;
 }
 
#ram_top .kosik a
{
	text-decoration:underline;
	color: #e0e0e0;
}

#ram_top .kosik a:hover
{
	text-decoration:underline;
	color: #CCCCCC;
}
 
#ram_menu
{
	height:40px;
	width:1000px;
	border:none;
	padding:0;
	margin:0;
	float:right;
}

#ram_menu .menu
{
	margin:0;
	padding:0;
	padding-right:50px;
	float:right;
	list-style:none;
}
#ram_menu .menu li
{
	height:40px;
	float:left;
	background-image:url(../img/bg-topmenu-off.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-left:2px;
	padding-top:8px;
	margin-bottom:-8px;

	padding-left: 15px;
	padding-right:15px;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
}

#ram_menu .menu li:hover
{
	background-image:url(../img/bg-topmenu-on.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#ram_menu .menu .active
{
	background-image:url(../img/bg-topmenu-on.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#ram_menu .menu li a
{
	color:#FFFFFF;
	text-decoration:none;
}
#ram_menu .menu li a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

#ram_middle
{
	float:left;
	width:950px;
	min-height:300px;
	padding-bottom:30px;
	
}

#ram_middle .left
{
	float:left;
	width:177px;

}




#ram_middle .right
{
	float:left;
	width:750px;
	margin-top:20px;
	margin-left:23px;

}

#ram_middle .left .menu
{
	float:left;
	width:145px;
	background-color:#282828;
	margin-left:10px;
}

#ram_middle .left .menu .top
{
	float:left;
	height:6px;
	width:145px;
	background-image:url(../img/bg-leftmenu-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin-bottom:10px;

}

#ram_middle .left .menu .bottom
{
	float:left;
	height:6px;
	width:145px;
	background-image:url(../img/bg-leftmenu-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:10px;
}

#ram_middle .left .menu ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	width:130px;
}

#ram_middle .left .menu ul li
{
	
	padding:0;
	margin:0;
	min-height:20px;
	
}



#ram_middle .left .menu ul li a
{
	
	padding:0;
	margin:0;
	border-left: 2px solid #e40001;
	margin-bottom:2px;
	min-height:20px;
	padding-left:3px;
	color:#FFFFFF;
	width:125px;
	float:left;
}

#ram_middle .left .menu ul li a:hover
{	
	background-color:#424242;
	color:#FFFFFF;
}

#ram_middle .left .menu ul li a.active
{	
	background-color:#424242;
	color:#FFFFFF;
}

#ram_middle .left .menu ul li ul
{	
	margin-left:15px;
}

#ram_middle .left .menu ul li ul li
{	
	margin-left:10px;
}

#ram_middle .left .menu ul li ul li a
{	
	border:none;
	margin-bottom:1px;
	min-height:20px;
	padding-left:3px;
	color:#FFFFFF;
	width:117px;
	float:left;
}

#ram_middle .left .menu ul li ul li a:hover
{	
	background-color:#424242;
	color:#FFFFFF;
}
#ram_middle .left .menu ul li ul li a.active
{	
	background-color:#424242;
	color:#FFFFFF;
}

#ram_loga
{
	float:left;
	width:1000px;
	height:80px;
	background-color:#2e2e2e;
	color:#b6b6b6;
	text-align:center;
}

#ram_info
{
	float:left;
	width:1000px;
	height:23px;
	background-color:#2e2e2e;
	border-top:1px solid #424242;
	color:#b6b6b6;
	text-align:center;
	padding-top:5px;
}


#ram_bottom
{
	float:left;
	width:1000px;
	height:60px;
	background-color:#424242;
}

#ram_bottom .left
{
	float:left;
	padding:15px;
	width:500px;
}
#ram_bottom .right
{
	float: right;
	width:400px;
	padding-right:15px;
	margin-right:50px;
	text-align:right;
}


/* katalog */
#katalog { text-align: left; float:right; width:750px; }
#katalog .produkty { padding-bottom: 12px; float: left; width:750px; }
#katalog .produkty .produkt h2 { float:left; width:140; display: list-item; list-style: none; color:#989898; font-size:14px; }
#katalog .produkty .produkt { float:left; width:150px; }
#katalog .produkty .produkt .img 	{ float:left; overflow-y: visible; overflow-x: visible; display: block; position: relative; }
#katalog .produkty .produkt .img a { height: 120px; float:left; text-decoration: none; border: solid 2px #e5e5e5;  }
#katalog .produkty .produkt .img a:hover { border-color: #b40000; }
#katalog .produkty .produkt .img .akcia { left: 2px; top: 2px; display: block; overflow-x: hidden; overflow-y: hidden; position: absolute; z-index: 2; }
#katalog .produkty .produkt .img .akcia2 { left: 2px; top: 2px; display: block; overflow-x: hidden; overflow-y: hidden; position: absolute; z-index: 2; }




#produkt .main
{
	width:750px;
	float:left;
	padding:0;
}

#produkt .main .left
{
	float:left;
	width: 425px;
	margin:0;
	padding-top:20px;

}

#produkt .main .right
{
	float:right;
	width: 325px;
	margin:0;
}

#produkt .main .right .vlastnosti
{
	padding:0;
	margin:0;
	
}

#produkt .main .right .vlastnosti p label { margin-left: 16px; float:left; width:150px; margin-right: 10px; text-align:right; }
#produkt .main .right .vlastnosti p select { float:left; width:140px; margin-bottom: 4px; }


#produkt .main .right .popis
{
	padding:10px;
	margin:0;
	margin-top:10px;
}

#produkt .main .right .predel
{
	float:left;
	width: 320px;
	height:12px;
	background-image: url(../img/produkt-predel.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#produkt .main .right h2
{
	font-size:16px;
	margin:0;
	text-align:center;
	font-weight:bold;

}

#produkt .main .right h2 span
{
	color: #bc021e;
}

#produkt .main .right .ks
{
	width:40px;
	height:13px;
	border:1px solid #cfcfcf;
	font-size:9px;
	color:#bc021e;
	text-align:right;
	
}

#produkt .main .right .kosik
{
	float:left;
	min-height:50px;
	margin-left:30px;
}

#produkt .main .right .kosik .l
{
	float:left;
	width:80px;
	padding-top:13px;
}
#produkt .main .right .kosik .m
{
	float:left;
	width:100px;
	padding-top:14px;
}
#produkt .main .right .kosik .r
{
	text-align:center;
	float:left;
	width:100px;
	font-size:9px;
}

#produkt .main .right .kosik .r strong
{
	font-size:20px;
}

#produkt .main .right .kosik .r strong.old
{
	font-size:20px;
	text-decoration:line-through;
}

#produkt .main .right .kosik .r span
{
	color: #bc021e;
}

#produkt .main .right .kosik .r span.old
{
	color: #bc021e;
	text-decoration:line-through;
}



#produkt .bottom
{
	float:left;
	width: 735px;
	height: 165px;
	background-color:#282828;
	padding-left:15px;
	padding-top:0px;
	margin-top:10px;

}

#produkt .bottom h2
{
	font-size:14px;
	margin:0px;
	margin-top:5px;
	margin-bottom:10px;


}



#produkt .img
{
	border:2px solid #cfcfcf;
	width:420px;
}

#produkt .imgmini
{
	border:2px solid #cfcfcf;
	width:76px;
	margin-right:5px;
	margin-bottom:2px;
}

#produkt .podobny
{
	float:left;
	width:100px;

}

#produkt .podobny h3
{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color: #c5c5c5;

}

#produkt .podobny .img
{
	border:2px solid #cfcfcf;
	width:90px;
	margin-right:5px;
	margin-bottom:2px;
}

#kosik .bottom
{
	float:left;
	width: 735px;
	height: 165px;
	background-color:#282828;
	padding-left:15px;
	padding-top:0px;
	margin-top:30px;

}

#kosik .bottom h2
{
	font-size:14px;
	margin:0px;
	margin-top:5px;
	margin-bottom:10px;


}

#kosik .podobny
{
	float:left;
	width:100px;

}

#kosik .podobny h3
{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color: #c5c5c5;

}

#kosik .podobny .img
{
	border:2px solid #cfcfcf;
	width:90px;
	margin-right:5px;
	margin-bottom:2px;
}


#kosik input.FormDel { width:29px; height:26px; border:0px; background: url(../img/delete2.gif); background-repeat:no-repeat; cursor: pointer; color:#FFFF99; float:left; }
#kosik input.FormEdit { width:29px; height:26px; border:0px; background: url(../img/edit2.gif); background-repeat:no-repeat; cursor: pointer; color:#FFFF99; float:left; margin-right:10px; }

#kosik .ks { 
 width: 50px;
 height:22px;
 border:1px solid #b6b6b6;
 background-color: #e7e7e7; }
 
#kosik h3
{
	font-size:16px;
	margin:0;
	font-weight:bold;

}

#kosik h3 span
{
	color: #bc021e;
}

#kosik #platba { float: right;  }
#kosik #platba .left {  float: left; }
#kosik #platba .right {  float: right; }
#kosik #platba a { text-decoration: none; }



#kosik table { float:left; width: 750px; margin-bottom: 1.6em; }
#kosik table tr { background: #282828; border: white solid 1px; }
#kosik table tr.cena { background: #282828; }
#kosik table tr.cena2 { background: #282828; }
#kosik table tr.dph { background: #1b1b1b; }
#kosik table tr td { vertical-align: top; padding: 8px; }
#kosik table tr td.txtright { text-align:right; font-style:italic;}
#kosik table .white { background: #222222; }
#kosik table tr th { vertical-align: top; background: #1b1b1b; text-align: center; }
#kosik table a h3 { text-decoration: underline; }
#kosik table .input { display: block; height: 18px; width: 40px; } 

#kosik table tr td.vyrobok {border-bottom:4px solid #101010;}
#kosik table tr td.vyrobok .left { float:left; width:110px; padding:0; margin:0;}
#kosik table tr td.vyrobok .right { float:left; width:auto; padding:0; margin:0;}

#kosik table tr td.info { width:260px; border-bottom:4px solid #101010;}
#kosik table tr td.info .top { width:240px; float:left;}
#kosik table tr td.info .top .left { width:100px; float:left; padding:0; margin:0; padding-left:10px;}
#kosik table tr td.info .top .right { width:auto; float:right; padding:0; margin:0; text-align:right; }
#kosik table tr td.info .bottom { width:110px; float:left; padding-left:130px; padding-top:15px; text-align:right;}
#kosik table tr td.info .bottom .euro { font-size:24px; font-weight:bold;}
#kosik table tr td.info .bottom .skk { font-size: 9px;}

#kosik #udaje { float: left; width: 750px; }
#kosik #udaje .left { margin-left: 10px; float: left; width: 300px; }
#kosik #udaje .right { float: right; width: 350px; }
#kosik #udaje label {  text-align: right; float: left; width: 100px; margin-right: 6px; }
#kosik #udaje input {  float: left; width: 180px; background-color:#e7e7e7; border:1px solid #b6b6b6; margin-bottom:2px; }
#kosik #udaje input#psc, #kosik #udaje input#psc2 {  width: 60px; }
#kosik #udaje input#ico, #kosik #udaje input#dic {  width: 120px; }
#kosik #udaje textarea {  float: left; width: 180px; background-color:#e7e7e7; border:1px solid #b6b6b6; }
#kosik #udaje p {  float: left; width: 350px; }
#kosik #udaje h3 {  width: 350px; color: #f0cc97; }

/* kontakt  */
$kontakt .left { margin-left: 10px; float: left; width: 200px; padding-right:0; margin-right:0; }
#kontakt .right { float: right; width: 400px; margin-top:0; }
#kontakt form { margin-bottom: 30px; }

#kontakt div.right p { float:left; width:350px; margin-top: 30px; margin-left: 25px; }
#kontakt div.right p.p { margin-top: 5px; }
#kontakt div.right form { margin-bottom: 30px; }
#kontakt div.right label {  text-align: right; float: left; width: 60px; margin-right: 8px; }
#kontakt div.right input.text { float: left; width: 200px;  background-color:#e7e7e7; border:1px solid #b6b6b6; }
#kontakt div.right input.imageOdoslat { float: left; margin-left: 68px; }
#kontakt div.right input.imageDalsia { float: left; }
#kontakt div.right textarea { float: left; width: 250px; height:150px;  background-color:#e7e7e7; border:1px solid #b6b6b6; }

#kontakt div.error { float: left; width:300px; display: block; padding: 5px 10px 5px 36px; margin-top: 30px; margin-left: 25px; color: #CF3738; border: 2px solid #FFACAD; background: #FFD5D5 url(../img/ico-error.png) 10px 50% no-repeat; }
#kontakt div.ok { float: left; width:300px; display: block; padding: 5px 10px 5px 36px; margin-top: 30px; margin-left: 25px; color: #648434; border: 2px solid #9BCC54; background: #CDEFA6 url(../img/ico-ok.png) 10px 50% no-repeat; }

/* predajna */
#predajna .left { margin-left: 10px; float: left; width: 250px; padding-right:0; margin-right:0; text-align:center; }
#predajna .center { float: left; width: 220px; margin-top:0; text-align:center; margin-left:10px; }
#predajna .right { float: right; width: 250px; margin-top:0; margin-left:0; padding-left:0; text-align:center; }

#predajna .img { border:2px solid #b6b6b6; cursor:pointer;}
#predajna .img:hover { border:2px solid #FF0000;}

#predajna p { margin-top:10px; margin-bottom:10px;}

/* fotogaleria */

#fotogaleria img
{
	border:2px solid #cfcfcf;
	margin-right:5px;
	margin-bottom:5px;
}

/* loginform */

#loginform
{ display:none;}

#loginform .in
{ width:100px; height:18px; background-color:#333333; border:1px solid #202020; color:#FFFFFF; font-size:12px;}

#loginform .sub
{ width:50px; height:20px; background-color:#333333; border:1px solid #FFFFFF; color:#FFFFFF; font-size:12px;}

/* registracia */

#registracia #udaje { float: left; width: 750px; }
#registracia #udaje .left { margin-left: 10px; float: left; width: 300px; }
#registracia #udaje .right { float: right; width: 350px; margin-top:0; }
#registracia #udaje label {  text-align: right; float: left; width: 100px; margin-right: 6px; }
#registracia #udaje input {  float: left; width: 180px; background-color:#e7e7e7; border:1px solid #b6b6b6; margin-bottom:2px; }
#registracia #udaje input#psc, #kosik #udaje input#psc2 {  width: 60px; }
#registracia #udaje input#ico, #kosik #udaje input#dic {  width: 120px; }
#registracia #udaje textarea {  float: left; width: 180px; background-color:#e7e7e7; border:1px solid #b6b6b6; }
#registracia #udaje p {  float: left; width: 350px; }
#registracia #udaje h3 {  width: 350px; color: #f0cc97; }

#registracia #platba { float: right;  }
#registracia #platba .left {  float: left; }
#registracia #platba .right {  float: right; }
#registracia #platba a { text-decoration: none; }


/* uvod */

#uvod .left { margin-left: 0px; float: left; width: 310px; }
#uvod .right { float: right; width: 350px; margin-top:0; margin-right:-5px;}

#uvod .novinka
{
	float:left;
	width:100px;
	height:150px;
}

#uvod .novinka h3
{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color: #FFFFFF;
}

#uvod .novinka .img
{
	border:2px solid #cfcfcf;
	width:90px;
	margin-right:5px;
	margin-bottom:2px;
}

#uvod .bottom
{
	float:left;
	width: 310px;
	/*height: 165px;*/
	background-color:#282828;
	padding-left:15px;
	padding-top:30px;
	margin-top:30px;

}

#uvod .bottom h2
{
display:none;

}

#uvod .akcie
{
	background-image:url(/img/bg-akcie.jpg);
	background-position:top;
}

#uvod .novinky
{
	background-image:url(/img/bg-novinky.jpg);
	background-position:top;
}


/* meranie */

#meranie .left { margin-left: 10px; float: left; width: 500px; }
#meranie .right { float: right; width: 200px; margin-top:0; }

/* typy */
span.attention,
span.notice,
span.alert,
span.approved,
span.media,
span.akcept,
span.cart,
span.camera,
span.doc {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;	
}
span.attention {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../img/typy/attention.png) 10px 50% no-repeat;
}
span.notice {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(../img/typy/notice.png) 10px 50% no-repeat;
}
span.alert {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../img/typy/alert.png) 10px 50% no-repeat;
}
span.approved {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(../img/typy/approved.png) 10px 50% no-repeat;
}
span.approved2 {
	color: #666;
	border: 1px solid #a8a8a8;
	background: #ccc url(../img/typy/approved.png) 10px 50% no-repeat;
}
span.media {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../img/typy/media.png) 10px 50% no-repeat;
}
span.akcept {
	color: #B79000;
	padding: 5px 15px;
	text-align: center;
}
span.akcept img {
	padding-left: 5px;
}
span.cart {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../img/typy/cart.png) 10px 50% no-repeat;
}
span.camera {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../img/typy/camera.png) 10px 50% no-repeat;
}
span.doc {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../img/typy/doc.png) 10px 50% no-repeat;
}