a {cursor: pointer; color: #555555; font: 15px/1.5 Arial}
a:link, 
a:visited	{
		text-decoration: none
		}

a:hover   	{
		color: #CC3300;
		text-decoration: underline;
		}

.a3		{
		color: #CC3300;
		font-family: "Verdana";
		font-size: 13px  
		}
.a3:link,
.a3:visited	{
		text-decoration: underline
		}

.a3:hover	{
		color: #CC3300;
		text-decoration: underline;
		}

.a1		{
		color: #999999;
		font-family: "Verdana";
		font-size: 13px;  
		}

.a1:link,
.a1:visited	{
		text-decoration: underline
		}

.a1:hover	{
		color: #CC3300;
		text-decoration: underline;
		}
.a2		{
		color: #999999;
		font-family: "Verdana";
		font-size: 13px;  
		}

.a2:link,
.a2:visited	{
		text-decoration: none
		}

.a2:hover	{
		color: #CC3300;
		text-decoration: underline;
		}

.a5		{
		color: #555555;
		font: bold 10px/1.2 Arial
      
		}

.a4 {color: #555555; text-decoration: none}
.a4:link,
.a4:visited	{text-decoration: none}

.a4:hover   	{
		color: #555555; font-weight: bold; text-decoration: none;
		}

.ie {border-width: 0px}		

.a5:link,
.a5:visited	{
		text-decoration: none
		}

.a5:hover	{
		color: #CC3300;
		text-decoration: underline;
		}

.a6		{
		color: #555555;
		font: bold 13px/1.5 Arial  
		}

.a6:link,
.a6:visited	{
		text-decoration: none
		}

.a6:hover	{
		color: #CC3300;
		text-decoration: underline;
		}

.a7		{
		color: #CC3300;
		font: bold 13px/1.5 Arial  
		}

.a7:link,
.a7:visited	{
		text-decoration: underline;
		}

.a7:hover	{
		color: #FF9900;
		text-decoration: underline;
		}

.a8		{
		color: #CC3300;
		font: bold 13px/1.5 Arial  
		}

.a8:link,
.a8:visited	{
		text-decoration: none;
		}

.a8:hover	{
		color: #FF9900;
		text-decoration: none;
		}		

.intext,
.intext:link,
.intext:visited,
.intext:hover	{
    font-size: 12px;
		text-decoration: underline;
		color: #555555;
		}
		
h1		{
		font: normal 20px/1.5 Tahoma; 
		padding-left: 30px;
		}

h2		{
		font: bold 15px/1.5 Tahoma;
		padding-left: 30px;
		}

hr  {
    color: #D0D0D0;
    }

p		{
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		text-align: justify;
		font-size: 12px;
		}

.bestselerdiv {
    padding-top: 5px;
    border: 1px solid #d7d7d7;
    }
        
.bestselerdiv:hover {
    border: 1px solid #999999;
    background-color: #EEEEEE; 
    }    

.bestselerdiv p {
    padding: 0px;
    margin: -3px 0 0 0;
    text-align: center;
    }
    
.bestseleryNadpis {
    font: normal 12px/1.3 Arial ;
    padding: 4px 0 0 20px;
    margin: 5px 0 3px 0;
    }    

body	{
		margin: 0px;
		background-color: #CCCCFF;
    text-align: center;
		font: 13px/1.5 Arial;
		color: #555555;
		}

.an1		{
		position: absolute; 
		width: 100px;
		left: 15px;
		text-align: center;
		}

.an2		{
		position: absolute; 
		width: 100px;
		left: 140px;
		text-align: center;
		}

.an3		{
		position: absolute; 
		width: 100px;
		left: 265px;
		text-align: center;
		}

.an4		{
		position: absolute; 
		width: 110px;
		right: 15px;
		text-align: center;
		}

.an1sklad		{
    position: absolute; 
		width: 90px;
		left: 5px;
		text-align: center;
		}

.an2sklad		{
		position: absolute; 
		width: 90px;
		left: 100px;
		text-align: center;
		}

.button-do-kosiku {
    background-image: url("images/p_do_kosiku1.gif");
    width: 100px;
    height: 20px;
    border-width: 0px;
    }
    
.button-do-kosiku:hover {
    background-image: url("images/a_do_kosiku1.gif");
    cursor: pointer;
    }
    
.button-zaramovat {
    background-image: url("images/a_zaramovat.gif");
    width: 100px;
    height: 20px;
    border-width: 0px;
    }
    
.button-zaramovat:hover {
    background-image: url("images/p_zaramovat.gif");
    cursor: pointer;
    }        
		
.skladan2sklad		{
		position: absolute; 
		width: 90px;
		left: 195px;
		text-align: center;
		}		

.an3sklad		{
		position: absolute; 
		width: 90px;
		left: 290px;
		text-align: center;
		}

.an4sklad		{
    background-color:green;
		position: absolute; 
		width: 110px;
		right: 15px;
		text-align: center;
		}
		
.an1samolep		{
		position: absolute; 
		width: 100px;
		left: 0px;
		text-align: center;
		}

.an2samolep		{
		position: absolute; 
		width: 180px;
		left: 40px;
		text-align: center;
		}

.an3samolep		{
		position: absolute; 
		width: 100px;
		left: 155px;
		text-align: center;
		}

.an5samolep		{
		position: absolute; 
		width: 100px;
		left: 220px;
		text-align: center;
		}		
		
.an6samolep		{
		position: absolute; 
		width: 130px;
		left: 295px;
		text-align: center;
		}				

.an4samolep		{
		position: absolute; 
		width: 110px;
		right: 15px;
		text-align: center;
		}

.crossellajaxspan {font-size: 12px;line-height: 1.8;font-family: Arial;color: black;}
.crossellajaxspan a {font-size: 12px;line-height: 1.8;font-family: Arial;color: black; text-decoration: underline;}

.crossellajax1div {border-top: 1px solid #999999;border-left: 1px solid #999999;border-right: 1px solid #999999; width: 737px; height: 20px; background-color: #a7a7a7;text-align: center;}
.crossellajax2div {border: 1px solid #999999; width: 737px; height: 137px; background-color: #d7d7d7; margin-bottom:20px; text-align: center;}


.div_pro_form {border-top: 2px solid #999999; width: 60%; margin: auto}

.form-title {
		font-size: 90%; 
		border-bottom: 1px solid silver; 
		font-weight: bold
		}

.form-element	{
		margin-left: 6em
		}

#footer {
    width: 100%;  
    background-color: black; 
    clear: both; 
    font: normal 10px/1.2 Arial; 
    color: #555555;
    }

#hlavicka
		{
		width: 100%; 
		height: 146px; 
		background-color: #000000;
		background-image: url("design/hlavicka1y.jpg")
		}

#hlavni_div	{
		width: 948px; 
		background-color: #EEEEEE;
		margin: auto
		}

#information_form {
color:#666666;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
}

.inpt {background-color:#FFFFFF;border:1px solid #999999;margin-bottom:3px;}

input[type=submit] {cursor: pointer;}

.ico_err_ok {width:15px;margin-top:4px;margin-left:3px}


.kazeta	{
		position: relative;
		width: 237px;
		height: 270px;
		font-size: 11px; line-height: 1.5; font-family: Arial; 
		border: 4px solid #EEEEEE;
		float: left;
		}

.kazeta:hover	{
		position: relative;
		width: 237px;
		height: 270px;
		font-size: 11px; line-height: 1.5; font-family: Arial; 
		border: 4px solid #BBBBBB;
		float: left;
		background-image: url("images/zoom.png");
		background-repeat: no-repeat;
		background-position: right bottom;
		}

.kazeta span.skladem	      {
    font-weight: bold;
    color: #ABABAB;
    display:none;
    }
                     
.kazeta:hover span.skladem	{
    display:block;
    }

.kazeta a	{font-size: 11px; line-height: 1.5; font-family: Arial;color:#555555;}
.kazeta a:hover	{font-size: 11px; line-height: 1.5; font-family: Arial;color:#555555;}
    

.kastl	{
		position: relative;
		width: 245px;
		height: 180px;
		font-size: 11px; line-height: 1.5; font-family: Arial; 
		border-right: 1px solid #888888;
		border-bottom: 1px solid #888888;
		float: left;
		}

.kastlpopisek	{
    text-align: left;
		position: absolute;
		width: 100%;
		height: 20px;
		bottom: 0px;
		left: 0px;
		background-image: url("design/sed.jpg");
		}

.kastltapety	{
		position: relative;
		width: 100%;
		height: 180px;
		font-size: 11px; line-height: 1.5; font-family: Arial; 
		border-bottom: 1px solid #888888;
		text-align: left
		}
		
.kastlpopisek span {
    font: 12px/1.9 Arial; margin: 0px 12px;
    }

.kontakti {                      
    position: relative;
    text-align: left;
    border: 1px solid #999999; 
    margin: 15px;
    padding: 4px; 
    background-color: #d7d7d7;
    color: #555555
    }

.kosik {
    color: #CC3300; 
    font: normal 13px/1.7 Arial;
    height:22px;
    text-align:center; 
    }

.kosik:hover {
    color: #C7E506;  
    }

.link_na_ramovani {
    color: #999999; 
    font: normal 13px/1.7 Arial;
    height:22px;
    text-align:center; 
    }

.link_na_ramovani:hover {
    color: #C7E506;  
    }

#leve_menu_div
		{
		width: 175px; 
		float: left
		}

.mr0 {cursor: pointer; color: #555555; font: 13px/1.0 Arial}
.mr0:link, 
.mr0:visited	{text-decoration: none; color: #555555;}
.mr0:hover   	{text-decoration: none; color: #555555;}
.mr1 {z-index: 0;width: 98%; margin: auto; padding-top: 10px; text-align: center}
.mr2 {z-index: 2;position: relative; width: 98%; height: 58px; margin: auto; border-top: 1px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; border-bottom: 1px solid #555555; text-align: left}
.mr2opera {z-index: 2;position: relative; top: 4px; width: 98%; height: 58px; margin: auto; border-top: 1px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; border-bottom: 1px solid #555555; text-align: left}
.mr3 {z-index: 3;position: relative; top: 1px; left: 180px; padding: 2px 8px; margin: auto; border-top: 1px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; background-color: #EEEEEE}
.mr4 {z-index: 1;position: relative; top: 1px; left: 180px; padding: 2px 8px; margin: auto; border-top: 1px solid #555555; border-left: 1px solid #555555; border-right: 1px solid #555555; background-color: #D0D0D0}
.mr4:hover {background-color: #EEEEEE}

.nadpis_form {
    position: relative; 
    left: 15px; 
    font-family: Arial; 
    font-style: normal;  
    font-weight: bold; 
    font-size: 15px; 
    line-height: 1.9; 
    }

#navilista	{
		text-align: left;
		position: relative;
		width: 100%;
		height: 25px;
		background-image: url("design/sed2.jpg");
		color: #999999;
		font-family: Arial;
		font-size: 13px;
		border-bottom: 1px solid #BBBBBB;
		}

#navilista_chrome_opera	{
		text-align: left;
		position: relative;
		width: 100%;
		height: 24px;
		background-image: url("design/sed2.jpg");
		color: #999999;
		font-family: Arial;
		font-size: 13px;
		border-bottom: 1px solid #BBBBBB;
		}

.obrys		{
		position: relative;
		width: 300px;
		height: 120px;
		margin: auto;
		}

.osoba_firma {
    float:right;
    }

#plocha	{
		text-align: left;
		border-left: 1px solid #BBBBBB; 
		width: 772px; 
		float: left;
		}

.pages  {
    position: relative;
    height: 18px;
    margin-right: 4px;
    float: left;
    text-align: center;
    bottom: 10px
    }

.pages a {display: block}

#popisLeft {width: 49%; padding-bottom:5px;float:left; margin-bottom: 8px}
#popisRight {width: 49%; padding-bottom:5px; float:right}
#popis1 {margin-bottom:5px;margin-right:0px;padding-right:0px}
#popis2 {margin-left: 10px;margin-bottom:5px}

#nahledSpan {text-decoration: underline; font: normal 13px/1.2 Georgia}
.vice {font: bold italic 10px/1.2 Arial;cursor:pointer; text-decoration:underline; color:#CC3300}
.mene {position: absolute; top: 8px; right: 8px; font: bold italic 10px/1.2 Arial;cursor:pointer; text-decoration:underline; color:#CC3300;}
#popdownRamovani {border: 1px solid #B0B0B0; background-color: #E2E2E2;font-size: 11px; text-align:left; display: none; padding:8px 8px 8px 8px;position:relative}
#popdownRamovani img {height:80px; float:left; margin:2px; border:none;}
#popdownPosta {position: relative; text-align: center; display: none; padding:5px;}
#popdownTermin {border: 1px solid #B0B0B0; background-color: #E2E2E2; position: relative; text-align: left; display: none; padding:5px;}
.ramovaniNahledObr {height:80px; float:left; margin:2px; border:none}

.provedeni_stranka_detailu img {margin-top: 4px;border-width: 0px}
.provedeni_stranka_detailu p {margin-top: 0px;padding-top:0px; padding-left:12px}

.nadpis_seznamu
		{
		position: relative;
		font-size: 13px; 
		line-height: 1.9; 
		font-family: Arial; 
		color: black; 
		text-align: left; 
		width: 175px; 
		background-image: url("design/sed2.jpg");
		}

.polozka_seznamu
		{
		position: relative;
		font-size: 13px; 
		line-height: 1.9; 
		font-family: Arial; 
		color: black; 
		text-align: left; 
		width: 175px; 
		background-image: url("design/sed2.jpg");
		_padding: 5px 0 4px 0;
		}

.ramecek_popisu	{
		position: relative; 
		background-color: #FFFFCC; 
		margin: auto; 
		margin-top: 5px;
		//_padding-top: 15px;
		//#padding-top: 15px;
		text-align: left; 
		width: 75%; 
		border: 1px solid #B0B0B0;
		}

.rozmery	{
		position: relative; 
		background-color: #FFFFCC; 
		margin: auto; 
		margin-top: 5px;
		text-align: left; 
		width: 75%; 
		height: 20px;
		border: 1px solid #B0B0B0;
		}

.shadower {
    display: inline;
    padding: 0 7px 8px 0;
    position:relative;
    background-color: red;
    }

.shadower img {
    border:1px solid #8A8A8A;
    z-index:100;
    }    

#tabluka_s_disabled_inputy input {width:180px}

.space {width: 60%; height: 25px; clear: both; margin: auto; text-align: left}

.span_pod_ramem {color: #555555; font: 12px/2.0 Arial}

.search-result-table {font: normal normal normal 11px/1.5 Arial;text-align: left;border:none;}
.search-result-table td {vertical-align:top;border:none;}


.table_ramy td {padding: 8px; margin:0px}
.table_ramy img {width: 200px;}

.tableobjednavkakrok2 {position: relative; top: 10px; margin: auto;}
.tableobjednavkakrok2 td {border-top: 1px solid #888888;} 

#tabulkaPostovne {border: 1px solid #B0B0B0; width: 70%; margin: auto; border-collapse: collapse;font-size: 11px;}
#tabulkaPostovne tr {border: 1px solid #B0B0B0;}
#tabulkaPostovne td {border: 1px solid #B0B0B0; padding: 0px 5px}

.tag_stitky {color: #909090; font-family: helvetica,arial,sans-serif; text-decoration: underline; padding-left: 2px; padding-right: 2px; line-height: 1.0}
.tag_stitky:link,
.tag_stitky:visited {text-decoration: underline}
.tag_stitky:hover {color: #CC3300; text-decoration: underline}

.kastlPopisy {width: 49%; height: 120px; background-color: #E2E2E2; border: 1px solid #B0B0B0;padding-bottom:5px;position:relative}
#krossel {position: relative; background-color: #FFFFCC; border: 1px solid #B0B0B0;padding-bottom:5px;}		
#krossel img {border:none;float: left; margin: 5px 5px 5px 0;}

#krosselKtery {border-right: 1px dashed #B0B0B0;margin-right:10px;float:left}
#krosselKtery img {border:none; margin: 5px 3px 5px 0;}


.uvodniImg  {
    float: right;
    max-height: 120px; 
    max-width: 160px;
    _height: 120px; 
    border: solid 0px black
    }

.uvodni_moznosti  {
    position: relative;
    text-align: left;
    border: 1px solid #999999; 
    margin: 15px 0px 0px 0px;
    padding: 4px; 
    height: 120px;
    width: 44%;
    background-color: #d7d7d7;
    color: #555555
    }

.uvodniSpan  {
		font: normal 11px/1.5 Arial
    }
    
.uvodniSpanBestseler  {
		font: normal 9px/1.5 Arial
    }    

.viceoproduktech  {
    position: relative;
    top: -45px; 
    float: right;
    color: #999999;
		font-family: "Verdana";
		font-size: 13px;
    }

.volba	{
		position: relative;
		width: 300px;
		height: 120px;
		background-color: #CCCCFF;
		margin: auto;
		border-bottom: 1px solid #333333; 
		border-right: 1px solid #333333;
		}

.volbaframe	{
		text-align: center;
		position: relative; 
		width: 142px; 
		height: 112px; 
		border: 1px solid white
		}

.volbapodrobny	{
		position: relative;
		width: 120px;
		height: 90px;
		font: 12px/1.2 Arial;
		color: black
		}

.volbapopis	{
		position: absolute; 
		bottom: 0px; 
		left: 0px; 
		width: 100%; 
		background-color: white;
		font: bold 12px/1.5 Arial;
		}

/*	=layer
---------------------------------------------------------------------------- */

.layer {
	float: left;
	padding: 0 7px 8px 0;
	position: relative;
	display: inline;
}
.layer img{ border: 0px solid #8a8a8a; margin-top: 0px}
.frames-suggestion .layer img{ border: 0; }
/*	=shadow
---------------------------------------------------------------------------- */

.layer .left,
.layer .right,
.layer .center {
	position: absolute;
	z-index: 10;
}


.layer .shadow-top .right{
	width: 7px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.layer .shadow-bottom .left{
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.layer .shadow-bottom .right {
	width: 9px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.layer .shadow-bottom .center {
	height: 8px;
	right: 9px;
	left: 8px;
	background-repeat: repeat-x;
}

.layer .shadow-middle div {
	width: 7px;
	bottom: 8px;
	top: 13px;
	background-repeat: repeat-y;	
}

.layer .shadow-top div { top: 0; }
.layer .shadow-bottom div { bottom: 7px; }

.layer .left { left: 0; }
.layer .right { right: 0; }

.layer .shadow-top .left { background-image: url(images/stin3/stl.gif); }
.layer .shadow-top .right { background-image: url(images/stin3/str.gif); }
.layer .shadow-bottom .left { background-image: url(images/stin3/sbl.gif); }
.layer .shadow-bottom .right { background-image: url(images/stin3/sbr.gif); }
.layer .shadow-top .center { background-image: url(images/stin3/st.gif); }
.layer .shadow-bottom .center { background-image: url(images/stin3/sb.gif); }
.layer .shadow-middle .left { background-image: url(images/stin3/sl.gif); }
.layer .shadow-middle .right { background-image: url(images/stin3/sr.gif); }

/* rámování ------------------------------------------- */


blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a{
cursor: pointer;
text-decoration:none;
}
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:5;
}
#backgroundPopupV{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:5;
}
#backgroundPopupRMO{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:5;
}
#backgroundPopupPOSTER{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:5;
}
#popupContact{
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
height:500px;
width:790px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:6;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
_right:20px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#popupContactRMO{
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
height:500px;
width:790px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:6;
padding:12px;
font-size:13px;
}
#popupContactRMO h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactCloseRMO{
font-size:14px;
line-height:14px;
right:6px;
_right:20px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#popupContactV{
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
height:500px;
width:790px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:6;
padding:12px;
font-size:13px;
}
#popupContactV h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactCloseV{
font-size:14px;
line-height:14px;
right:6px;
_right:20px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#popupContactPOSTER{
display:none;
position:fixed;
_position:fixed; /* hack for internet explorer 6*/
height:500px;
width:790px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:6;
padding:12px;
font-size:13px;
}
#popupContactPOSTER h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClosePOSTER{
font-size:14px;
line-height:14px;
right:6px;
_right:20px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#button{
//text-align:center;
//margin:100px;
}

/* rámování -------------------------------------------*/

.tabulka_pod_ramem  {
      margin: auto; 
      margin-top: 8px;
      border: 1px solid #B0B0B0; 
      border-collapse: collapse;
      text-align: left;
      font-size: 12px;
      }

.tabulka_pod_ramem td {
      padding: 3px 15px 3px 15px; 
      border: 1px solid #B0B0B0; 
      border-collapse: collapse;
      background-color: #FFFFCC;
      }
      
.bezbocnichramu {
      border-left: 0px solid #B0B0B0 !important;
      border-right: 0px solid #B0B0B0 !important;
      }