@import url("css/font-awesome.min.css");

body {
 color: #2e444c; font-family:verdana_ce, verdana, helvetica; font-size: 1em;

background: #114b98;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNGI5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNWFjZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #114b98 0%, #15ace3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114b98), color-stop(100%,#15ace3));
background: -webkit-linear-gradient(top, #114b98 0%,#15ace3 100%);
background: -o-linear-gradient(top, #114b98 0%,#15ace3 100%);
background: -ms-linear-gradient(top, #114b98 0%,#15ace3 100%);
background: linear-gradient(to bottom, #114b98 0%,#15ace3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114b98', endColorstr='#15ace3',GradientType=0 );
margin:0;
}

h4 {
font-size:10px;
}


input.otlac{
height:1.8em;



   color:#000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-weight:bold;
   background-color:#fff;
   border:1px solid;
   border-top-color:gray;
   border-left-color:gray;
   border-right-color:gray;
   border-bottom-color:gray;
     border-radius: 3px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffbbd0dc');
	  }

input.headerbuttons{

   color:#fff;
   font-family:'trebuchet ms',helvetica,sans-serif;
padding-left:1em;
padding-right:1em;
   font-weight:bold;
   background-color:#16aae1;
   border:0px solid;
   border-top-color:gray;
   border-left-color:gray;
   border-right-color:gray;
   border-bottom-color:gray;
     border-radius: 3px;

   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#16aae1');
	  }

input.otlachov{
   background-color:#ff00cb;
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;

   }

a {
color:#000;

text-decoration:none;
}

a:hover {
color:#000;

text-decoration:underline;
}

#email {
color:#fff;
vertical-align:middle;
text-decoration:none;
}
#email:hover {
color:#000;
vertical-align:middle;
text-decoration:none;
}
#stranecky {
color:#ff00cb;
font-size:12px;
text-decoration:none;
vertical-align:left;
}
#stranecky:hover {
color:#900;
font-size:12px;
vertical-align:middle;
text-decoration:none;
font-weight:bold;
}
#history {
font-size:15px;
color:#003;
vertical-align:middle;
text-decoration:none;
font-weight:bold;
}
#history:hover {
font-size:15px;
color:#000;
vertical-align:middle;
text-decoration:none;
font-weight:bold;
text-decoration:underline;
}

table.kosik {
background-color: #f6f6f6;
width:100%;
font-family:verdana_ce, verdana, helvetica;
font-size: 13px;
text-align:left;
vertical-align:top;
}

table.kosik td{
vertical-align:top;

}

.headerToggle {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 2.25em;
				right: 0.5em;
				position: fixed;
				top: 0.5em;
				width: 3.25em;
				z-index: 10001;
			}

				.headerToggle .toggle-menicko {
					position: absolute;
					right: 0;
					top: 0;
					width: 100%;
					height: 100%;
					outline: 0;
					border: 0;
				}

					.headerToggle .toggle-menicko:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: '\f0c9';
						color: #fff;
						font-size: 18px;
						line-height: 2.25em;
						background: rgba(128, 136, 144, 0.5);
						border-radius: 0.35em;
						text-align: center;
						position: absolute;
						right: 0em;
						top: 0em;
						display: block;
						width: 3.25em;
						height: 2.25em;
						line-height: 2.25em;
					}

#vrsek {
background-image: url(images/header_bg_modra.png) ;
background-position: right 0%;


    background-repeat:   no-repeat;

/* height:136px; */

height:107px;

  background-color:#16aae1;
width:100%;
margin:0px;
padding:0px;
clear:none;
float:left;
padding-right:0;
/* background-color:red; */
}



#logos{
position:absolute;
background-image: url(images/logo.png) ;
background-repeat: no-repeat;
background-position: 0% 0%;
width:124px;

margin:0px;
padding:0px;
float:left;
z-index:1111;
overflow:visible;
}



#horejsek {
float:left;
clear:none;
width:100%;
height:107px;
padding-left:30px;
padding-top:103px;
padding-bottom:0px;
text-align:left;
vertical-align:bottom;
font-size:13px;
color:#eee;

}

#zarazka {
clear:right;
float:right;

height:81px;

margin:0px;
padding:0px;
vertical-align:bottom;
/*  background-color:red;  */
}


#spodek {
margin:0px;
padding:0px;
width:1254px;

}
#menu {
float:left;
text-align:left;
clear: none;
padding-left:1em;
color:#fff;
width:150px;
font-size:0.8em;
}



.selectBox{border-radius:3px;border:1px solid gray;
height:2.5em;
font-size:0.8em;
color:gray;
}
#menicko {
margin-top:0px;
padding-left:0px;
}

#menicko_his {
border:0px solid;
width:90%;
font-weight:bold;
margin-top:20px;

padding-left:1em;

vertical-align:middle;
/*background-color:#c3d7e2;*/
background-image: url(images/title_bg_modra.jpg) ;
background-position: 0% 0%;
background-repeat: repeat-y;
color:white;
margin-bottom:1em;
/* #a6d5db; */
font-size:12px;
padding-top:1em;
padding-bottom:1em;
}

#menicko_ww_his {


vertical-align:left;

text-align:left;
background-color:#fff;
padding-left:1em;
float:left;
font-size:0.5em;
}

#menicko_w_his {
margin-top:20px;
padding:10px;
padding-top:20px;
padding-bottom:15px;
background-color:#fff;
}




#menu_td_id {
text-align:left;
font-size:11px;
color:#000;
vertical-align:middle;
border-bottom:solid 1px #5f90c0;
padding-bottom:0.5em;
}
#menu_sub_id {
text-align:left;
font-size:11px;
color:#000;
padding-right:10px;
vertical-align:middle;
background-image: url(images/button_off.jpg) ;
}
#menu_td_id_act {
text-align:left;
font-size:11px;
color:#000;
vertical-align:middle;
border-bottom:solid 1px #5f90c0;
padding-bottom:0.5em;
}

#menu_id {
font-weight:bold;
font-size:11px;
color:#fff;
vertical-align:middle;
text-decoration:none;
    text-transform: uppercase;
}

#menu_id:hover {
font-weight: bold;
font-size:11px;

color:#ff00cb;
vertical-align:middle;
}

#menu_id:active {
font-size:11px;
color:white;
vertical-align:middle;
text-decoration:underline;
}



#menu_id_sub {
font-weight: bold;
font-size:12px;
color:#15ace3;
vertical-align:middle;
text-decoration:none;
}

#menu_id_sub:hover {
font-weight: bold;
font-size:12px;
color:red;

vertical-align:middle;

}

#menu_id_sub:active {
font-weight: bold;
font-size:12px;
color:#555;
vertical-align:middle;
text-decoration:underline;
}







#prod_tbl {
/* width:800px; */
border:0px solid;
background-color: #fff;
text-align:left;
}





#prod_tbl_his {
/* ovlivnuje sirku polickek */
margin-left:1em;
border:0px solid;
background-color: #fff;
text-align:left;
}


#cesta {
/*  padding-top:102px;  */
/* padding-top:85px; */
/*padding-left:36px;*/
text-align:left;
clear:both;
/* float:left; */
/* height:30px; */
/*  background-color: blue; */
}
#loginbox {
/*  padding-top:102px;  */
/* width:400px;  */

clear:right;


/*   background-color: green;  */
}
#funkce{
/*  padding-top:102px;  */

text-align:right;
clear:both;
float:right;
padding-right:1em;
font-size:0.95em;
line-height:2em;
width:100%;
/* height:30px; */
/*    background-color: yellow;    */
}



#menu2box {

/*  padding-top:102px;  */

height:35px;
text-align:right;
font-size:0.65em;
/* background-color: green; */
background-image:url('images/menu_top_bg_modra.png');
background-repeat:no-repeat;
background-position:right top;
margin-top:-2.5em;
padding-right:0em;
margin-right:0em;
z-index: 100;
position: relative;
}
ul#menuUL{
	margin:0.75em;

}

ul#menuUL li {
		display: inline-block;
		min-width: 5em;
		height: 35px;
		text-align:center;
		line-height:2.6em;
		clear:none;
		float:right;
		margin-left:0.5em;
		padding-top:0.2em;
		padding-bottom:0.2em;
		padding-left:0.5em;
		padding-right:0.5em;
	}

ul#menuUL a {

font-size:1.1em;
color:white;
font-weight:bold;
}


#sub_obr {
border:1px solid;
}





#prod_td_shader {
background-color: #fff;
height:10px;
padding:0px;
}

#prod_l_roh {
width:11px;
height:20px;
padding:0px;

}

#prod_r_roh {
background-image: url(images/r_roh.jpg) ;
background-position: 0% 0%;
background-repeat:no-repeat;
width:11px;
height:20px;
pading:0px;
}


#prod_ld_roh {
background-image: url(images/ld_roh.jpg) ;
background-position: 0% 0%;
background-repeat:no-repeat;
width:11px;
height:20px;
padding:0px;

}

#prod_rd_roh {
background-image: url(images/rd_roh.jpg) ;
background-position: 0% 0%;
background-repeat:no-repeat;
width:11px;
height:20px;
padding:0px;
}



#prod_spc{
padding-top:30px;
}

#prod_title {

background-color:#fff;
vertical-align:bottom;
text-align:center;
padding:0px;
color:#eee;
color:#c8d9e2;
font-size:15px;
font-weight: bold;

font-family:Arial, Verdana,Geneva,sans-serif;
}



#prod_r_shader{
vertical-align:bottom;
padding:0px;
}


#prod_text {
border:0px solid;
background-color: #fff;
padding:15px;
padding-top:20px;
text-align:right;
font-size:10px;
}

#prod_text_center {
border:0px solid;
background-color: #fff;
padding-left:20px;
padding-right:5px;
padding-top:20px;
text-align:center;

min-width:220px;


font-size:10px;
}

#prod_text_center_print {
border:0px solid;
background-color: #fff;
padding-left:20px;
padding-right:5px;
padding-top:20px;
text-align:center;
width:280px;
font-size:10px;
}

#prod_text_center2 {
border:0px solid;
background-color: #fff;
text-align:center;
width:350px;
font-size:10px;
padding:1em;
}


#prod_text_left {
border:0px solid;
background-image: url(images/title_bg_modra.jpg) ;
background-position: 0% 0%;
background-repeat: repeat-y;
padding:3px;
padding-left:10px;
text-align:left;
width:720px;
color:white;
}




#ref_img {
background-color: #fff;
padding-top:10px;
text-align:right;
vertical-align:top;
}

#prod_imgimg {
padding:0px;
float:left;
margin:5px;
}
#prod_imgimg_c {
padding:0px;
margin:8px;
text-align:center;
}
#prod_imgimg5 {
border:1px solid #000;
padding:0px;
float:left;
margin:10px;
margin-left:12px;
}

#prod_imgimg_1 {
border:1px solid #000;
padding:0px;
float:left;
margin-right:6px;
margin-top:10px;

}


#prod_nejm {
width:100%;
height:25px;
font-size:15px;
text-align:left;
font-weight: bold;
margin-left:5px;
margin-right:5px;
}

#prod_nejm_print {
width:100%;
font-size:15px;
text-align:center;
font-weight: bold;
margin-left:5px;
margin-right:5px;
}

#prod_text_marg {
padding-top:10px;

}

#prod_text_marg_1 {
padding-top:1px;
}



#kod {
color:#15ace3;
text-align:left;
clear:left;
vertical-align:bottom;
float:left;
}
#kod5 {
color:blue;
text-align:left;
clear:left;
padding-left:10px;
vertical-align:bottom;
float:left;
}
#kod_1 {
color:blue;
text-align:left;
white-space: nowrap;
/* padding-left:10px; */
vertical-align:bottom;
padding:0px;
margin:0px;
 _float:right;
clear:right;

}


#storage_1 {
color:green;
vertical-align:bottom;
white-space: nowrap;
clear:left;
float:left;

}

#storage2 {
color:black;
vertical-align:top;
white-space: nowrap;
clear:left;
text-align:left;
padding-left:10px;
float:left;
}
#storage999 {
color:gray;
vertical-align:top;

white-space: nowrap;
clear:none;
text-align:left;
padding-left:1em;
float:left;
}


#storage5 {
color:green;
text-align:right;
vertical-align:bottom;
clear:right;
float:right;

}


#order {
color:black;
text-align:right;
vertical-align:top;
clear:right;
padding:0px;
margin:0px;
white-space: nowrap;
/* float:right; */

}
#order5 {
color:black;
text-align:right;
vertical-align:bottom;
clear:right;
padding:0px;
margin:0px;
float:right;
white-space: nowrap;
}

#order_1 {
color:black;
text-align:right;
vertical-align:bottom;
white-space: nowrap;
padding:0px;
margin:0px;
float:right;
}


#price1 {
color:black;
text-align:right;
vertical-align:top;
clear:none;
float:left;
padding:0px;
margin:0px;
background-color:white;
white-space:nowrap;
}

#price2 {
color:black;
text-align:right;
vertical-align:top;
clear:right;
white-space: nowrap;
padding:0px;
padding-right:10px;
margin:0px;
background-color:white;

}

#price4 {
color:black;
text-align:center;
vertical-align:bottom;
clear:right;
padding:0px;
margin:0px;
}


#price5 {
color:black;
text-align:right;
vertical-align:bottom;
clear:right;
padding:0px;
margin:0px;


}

#size{
color:black;
text-align:left;
vertical-align:bottom;
clear:left;
padding:0px;

white-space: nowrap;
/*float:left;*/
}
#size2{
color:black;
text-align:left;
vertical-align:bottom;
clear:left;
padding:0px;
margin:0px;
/* margin-left:10px; */
padding-left:9px;
float:left;
width:100px;
white-space: nowrap;
}

#size5{
color:black;
text-align:left;
vertical-align:bottom;
clear:left;
padding:0px;
margin:0px;
/* margin-left:10px; */
padding-left:9px;
float:left;
width:100px;

}



#size_1{
color:black;
text-align:left;
vertical-align:top;



}
#prod_tr {
background-image: url(images/left_shader.jpg) ;
}



#ref_tbl {
width:520px;
border:0px solid;
background-color: #c8d9e2;

text-align:left;
}


#ref_text_center {
border:0px solid;

background-color: #696566;
vertical-align:middle;
padding-top:10px;
text-align:center;
width:175px;
font-size:10px;
}

#ref_imgimg {
border:1px solid #222;

}


#group_text_left {

border:0px solid;
background-color: #696566;
padding:15px;
padding-right:0px;
text-align:left;
padding-left:80px;
font-size:10px;

}


#group_text_center {

border:0px solid;
background-color: #696566;
padding:15px;
padding-top:10px;
text-align:center;
width:500px;
font-size:10px;
}



#contacts_td {
vertical-align:top;
white-space: nowrap;
font-size:10px;
text-align:left;
}


#form_y {
vertical-align:top;
white-space: nowrap;
text-align:left;
/*font-weight: bold;*/
color:yellow;
background-color:#2771B2;
}


#form_bb, .form_bb{
vertical-align:top;
white-space: nowrap;
text-align:left;
/*font-weight: bold;*/
color:yellow;
background-color:#2771B2;
}

#form_reg {
vertical-align:top;
text-align:left;
/*font-weight: bold;*/
padding-left:15px;

}
#form_ww , .form_ww{
vertical-align:top;
white-space: nowrap;
text-align:left;
/*font-weight: bold;*/
color:black;
padding-left:10px;
}