@import url("design/2012/menu.css");
@import url("design/2012/tovar.css");
@import url("design/2012/screen2.css");
@import url("design/top2.css");

body {
	text-align: center;
	font-family: "Verdana";
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
	margin: 0px;
	scrollbar-arrow-color: #8B4513;
	scrollbar-face-color: #97acdb;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: #515151;
	scrollbar-3dlight-color: #E4E4E4;
	scrollbar-highlight-color: #BBBBBB;
	scrollbar-track-color: #c1cade;
	/*background-image: url(design/images/design_19.jpg);*/
	/*background-repeat: repeat-y;*/
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif;
}

#obsah {
	
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	/*background: White;*/
	border: 0px;
	/*background-image: url(design/images/design_19.jpg);*/
	background: #FFFFFF url(design/2009/top_bg.png) no-repeat top left;
	padding-top: 5px;
}

div#main {
    padding: 5px;
	 text-align: justify;
	 width:750px;
	 margin: 0 auto;
	 float: right;
	 /*margin-top: 10px;*/
	 height: auto; 
	 background-color: White;
}

#logo { left:15px; width: 260px; height:63px; background: url(design/2012/logo.png) no-repeat top left; float: left; top: 25px;  position: relative;}
#logo H1 {
    	font-size: 12pt;
	    font-family: "Verdana";
      top: 25px;
      position: absolute;
}


#inter_text {top: 28px; margin-left:250px; padding:0px; width: 270px; height:45px; position: absolute; font-size: 18px; font-family: "Verdana"; font-weight: bold;}
#vlajky {top: 20px; margin-left:500px; padding:0px; width: 150px; height:45px; position: absolute; }
#kosik { padding:0px; width: 200px; height:74px; background: url(design/2009/kosik.png) no-repeat; float: right; margin-top:10px;}
#kosik_text { width: 100px; height:20px; top:19px; left:70px; position: relative;}
#kosik_suma { width: 100px; height:20px; left:70px; top:20px; position: relative; color: white; font-size: 15px; font-weight:bold;}
#kosik_klik { width: 200px; height:80px; top:0px; position: absolute;}



#search {
  top: 55px; 
  padding:0px; 
  width: 100px; 
  height:25px; 
  position: absolute; 
  z-index: 1;
  }
  
  
#vlavo_sider { width: 151px; height:800px; background: url(design/2012/mikr_vlavo.png) repeat-y; position: absolute; margin-left: -145px; top: 100px; z-index: 10; opacity:0.5;
filter:alpha(opacity=40);}
#vpravo_sider { width: 151px; height:800px; background: url(design/2012/reprak_vpravo.png) repeat-y; position: absolute; margin-left:1005px; top: 100px; z-index: 10; opacity:0.5;
filter:alpha(opacity=40);}

.inner_boxs {
width: 93%; height:93%; 
min-height: 390px;	
background-color: white;
border-radius: 25px;
padding:5px;
margin-top:10px;
margin-bottom:10px;
-moz-box-shadow:0px 0px 5px 4px rgba(119, 119, 119, 0.5);
-webkit-box-shadow:0px 0px 5px 4px rgba(119, 119, 119, 0.5);
box-shadow:0px 0px 5px 4px rgba(119, 119, 119, 0.5);

background-color: #E9E9E9;
  
background: #f0f9ff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */

}

.inner_boxs IMG{
border: 0px;
padding: 20px;
background-color: white;
border-radius: 25px;
-moz-box-shadow:0px 0px 5px 4px rgba(119, 119, 119, 0.5);
-webkit-box-shadow:0px 0px 5px 4px rgba(119, 119, 119, 0.5);
box-shadow:0px 0px 5px 4px rgba(119, 119, 119, 0.5);
}

div#leftmenu {
	 margin-left: 0px;
	 padding: 0px;
    width: 180px;
    float: left;
	 height: auto;
	 clear: both;
}

.vnutro {
	font-size: 9pt;
	font-family: "Verdana";
	text-decoration: none;
	width: 810px;
	padding: 10px;
}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

a.menu:link, a.menu:visited {
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
  display: block;
}
a.menu:hover {
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
	display: block;
	padding: 0px 0px;
}

a.hor_menu:link, a.hor_menu:visited {
	color: Red;
	font-size: 9pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
  display: block;
}
a.hor_menu:hover {
	color: Black;
	font-size: 9pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
	display: block;
	padding: 0px 0px;
}

a.hor_menu_red:link, a.hor_menu_red:visited {
	color: Red;
	font-size: 9pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
}
a.hor_menu_red:hover {
	color: #8B4513;
	font-family: "Verdana";
	text-decoration: none;
	padding: 0px 0px;
}


a.menu_w:link, a.menu_w:visited {
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
  display: block;
}
a.menu_w:hover {
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
	display: block;
	padding: 0px 0px;
}
a.copyright:link, a.copyright:visited, .copyright {
	color: #000000;
	font-size: 7pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
}
a.copyright:hover {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
	padding: 0px 0px;
}

INPUT.prh
	{border-color:#cfd7da; font-size: 8pt;	font-family: "Verdana"; background-color:#e4eaf8; color:#000000; border-style:solid; border-width:1; height:18; width:100px;}

INPUT.forma
	{border-color:#cfd7da; font-size: 8pt;	font-family: "Verdana"; background-color:#e4eaf8; color:#000000; border-style:solid; border-width:1; height:20; width:40}

INPUT.button
	{border-color:#cfd7da; font-size: 10pt;	font-family: "Verdana"; background-color:#e4eaf8; color:#000000; border-style:solid; border-width:1; height:20; width:40}

div.chyby {
	width: 90%;
	font-size: 10pt;
	font-family: "Verdana";
	text-align: left;
	padding: 10px;
	color:#ff0000;
	background-color:#e4eaf8;
	border-collapse: collapse; 
	border: 3px dotted #ff0000;
}
.imageOne{
background-image:url(design/images/but1.gif);
background-repeat: no-repeat;
width: 176px;
height: 26px;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	font-family: "Verdana";
		cursor: pointer;
}
.imageTwo{
background-image:url(design/images/but2.gif);
background-repeat: no-repeat;
width: 176px;
height: 26px;
margin-right: 10px;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	font-family: "Verdana";
	text-decoration: none;
	cursor: pointer;
}

DIV.FORMULAR_oddelovac, TABLE.FORMULAR_oddelovac {
	width: 700px;
	background-image: url(design/images/design_16.jpg);
	background-repeat: repeat-x;
	background-position: top; 
	text-align: center; 
	height: 30px;
}
H2 {
	font-family: "Verdana";
	font-size: 16pt;
	font-weight: bold;
	color: #000000;
}

SELECT {
	background-color: #c1cade;
	text-align: justify;
	font-size: 10pt;
	font-family: "Verdana";
	margin-bottom: 0; 
	margin-left:0; 
	margin-right:0; 
	margin-top:0;
}

.forma {
	border-collapse: collapse;
	border-color: Black;
	border-style: dotted;
	border-width: 2px 2px 2px 2px;
	padding: 2px;
	margin: 2px;
	background-color: White;
	width: 750px;
	height: 100px;
}

.sklad {	font-family: Verdana; font-size: 8pt; text-decoration:none; color: Green; font-weight: bold;}
.akcia {	font-family: Verdana; font-size: 8pt; text-decoration:none; color: Red; font-weight: bold;}
.novinka {	font-family: Verdana; font-size: 8pt; text-decoration:none; color: #00008B; font-weight: bold;}

.forma_nadpis { font-family: Verdana; font-size: 12pt; text-decoration:none; color: white; font-weight: bold;}
.forma_text { font-family: Verdana; font-size: 10pt; text-decoration:none; color: Black;  text-indent: 10px;  text-justify: newspaper;  text-align: justify;  word-spacing: 2px;  word-wrap: normal;      }
text { font-family: Verdana; font-size: 10pt; text-decoration:none; color: black}
.text_b { font-family: Verdana; font-size: 10pt; text-decoration:none; color: black}
.text_w { font-family: Verdana; font-size: 10pt; text-decoration:none; color: white; font-weight: bold;}
.text_kosik { font-family: Verdana; font-size: 9pt; text-decoration:none; color: black}
A:link            { font-family: Arial; font-size: 9pt; text-decoration:none; color: blue}
A:visited         { font-family: Arial; font-size: 9pt; text-decoration:none; color: blue}
A:hover           { font-family: Arial; font-size: 9pt; text-decoration:underline; color: red}


/* Velikosti písem, řádkování */
.nadpis         { font-family: Arial; font: bold; color: #000080; font-size: 16pt; text-align: center }
.nadpis_red         { font-family: Arial; font: bold; color: #ff0000; font-size: 16pt; text-align: center }
.zbozi_zes         { font-family: Arial; font-size: 12pt; color: #FFFFFF; font-weight: bold }
.zbozi         { font-family: Verdana; font: bold; color: #1111FF; font-size: 10pt }

.tt { font-family: Verdana; font-size: 10pt; text-decoration:none; color: black}

#flashcontent {
		width: 100%;
		height: 141px;
	}
	
.kupit_button { 
background-color: #e5e5e5;
border-top-color: #cbcbcb;
border-left-color: #cbcbcb;
border-right-color: #cbcbcb;
border-bottom-color: #cbcbcb;
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-top-style: outset;
border-left-style: outset;
border-right-style: outset;
border-bottom-style: outset;
font-family: "tahoma";
font-size: 11px;
font-weight: 700;
vertical-align: top;
padding-bottom: 3px;
padding-left: 15px;
color: #000000;
background-image: url("design/button.png");
background-repeat: repeat-x;
background-position: 2px 50%;
padding-left: 30px;
margin-left: -15px;
/*position: absolute;*/
right: 10px;
top: 50px;
width: 105px;
height: 28px;
cursor: hand;
}
