/* napred style-info.css a potom puvodni style.css */

/*
	font: normal 12px/15px verdana, sans-serif;
*/



a.hometop {
	color: #D0D0D0;

}
a.hometop:hover {
	color: #FF6600;
	background-color: transparent;
}

  /* ----------- STYLE-info.css   */



.oblouk{
 /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.oblouk_dole{
 /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

/* via studium-kurzy */
.blok_ram{
  text-align: left;
  float: right;

  border: 1px solid rgb(3,138,217);
  background-color:   white;

  float:left;
    width:275px;
    height:330px;
    margin:5px;
    padding:10px;

 /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.blok_ram:hover  {
    -webkit-box-shadow: 0px 0px 20px #555;
    -moz-box-shadow: 0px 0px 20px #aaa;
    box-shadow: 0px 0px 20px #555;
    cursor:  pointer;
}

.blok_ram:active  {
    -webkit-box-shadow: 0px 0px 20px #555;
    -moz-box-shadow: 0px 0px 20px #aaa;
    box-shadow: 0px 0px 20px #555;
    cursor:  pointer;



}


.blok_pict{
  text-align: left;


  border: 1px dotted rgb(3,138,217);


  float:left;
    width:150px;
    height:150px;
    margin:5px;
    padding:5px;

 /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.blok_pict:hover  {
    -webkit-box-shadow: 0px 0px 20px #555;
    -moz-box-shadow: 0px 0px 20px #aaa;
    box-shadow: 0px 0px 20px #555;
    cursor:  pointer;
}

.blok_pict:active  {
    -webkit-box-shadow: 0px 0px 20px #555;
    -moz-box-shadow: 0px 0px 20px #aaa;
    box-shadow: 0px 0px 20px #555;
    cursor:  pointer;



}

.blok{

  max-width: 55%;
  position: relative;
  z-index: auto;
}

.plus10{
	position: relative;
	top: -10px;
	list-style-type:  upper-alpha;
}
body html{
	margin: 5px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font: normal 12px/15px verdana, sans-serif;
	color:   black;
}

.nic {
	padding: 10px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	background-color: white;
	color:black;
}
.premodryram{
	padding: 10px;
	border-top: 1px solid #DCDCB4;
	border-bottom: 1px solid #DCDCB4;
	border-right: 1px solid #DCDCB4;
	border-left: 1px solid #DCDCB4;
}

.zvyraznit1 {

	background-color: gold;
}

.nic {
	width: 0px;
	height: 0px;
	display: none; /*visibility: hidden;*/
}
.sloupec320{
	width:320px;
}

.nadpis{
	font: bolder 19px arial, 'Verdana', Serif;
	font-family: Arial, Helvetica, sans-serif;
	color:  white;
   padding:0px;
	margin: 0;


}

.black{
	color:   #191970;
}
.n_center {
	text-align: center;
	vertical-align:  top;
}

.n_text {
	font: normal 12px/13px "lucida grande", verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 0;
	background-color: transparent;
	width: 100%;
	color:   #333333;

}



.right500 {

	position: relative; right:500px;
	/*background: url(dotted_m.gif) top left repeat-y;  */
  background: url('data:image/gif;base64,R0lGODlhAQADAIABAKWlpf///yH5BAEAAAEALAAAAAABAAMAAAICRFIAOw==') top left repeat-y;

}
</style>



	}

td {
		vertical-align: top;

	}



/*<group=Global>*/


body {
	margin: 0;
	padding: 0;
	/*background: url(backgrou.gif) top left repeat-x;  */


	background: url('data:image/gif;base64,R0lGODlhCABjAPcAACw2NLzOpLzWrMzivMTetExOVMTGxMTatDQ6PLzSrMTarNTixAAMMwAKOwAB0wAAdwAB9QAERAAA0wAAd4kFABwAAAAAAAAAAALAMhqH4QBQCwAAeGkI/gAKCQACAwAAAFbADADoAAASAAAAALB8AAKdAADTAAB3AAACIAEG4wABEgAHANwALOAAwRIXfwBAAFNUACEARecA03cAdwCFAAAAAAEAAAAAAACv7AAA4hUAEgAAAOQRAN8BABIAAAAAAACICAEBgAAADgAAeAToAeEBABIAAAAAAPAAgIgA4voAEncAAIgAABwAAPUAAHcAAP/oaP8B5P8AEv8AADcUCpAAOfUA1ncAd8QwEB4uAOc5AHcxAAAgDQBLABVCAAAgAAAvAwAgAAAyAAAuAEgzAyI2ABggAABLAHBCAFoAABUAAAAAAAAABwAAAAAAAAAAAH4ADwAAAAAAAMAAAAABvAAAAgAAAAAAAP/wAP/hAP8SAP8AAP9QbP86W//T5/93dwD+GAAJzgADFgAAAAAMAAAAAAAAAAAAAAAABwAAAAAAAAAAAGwgAADjAAASAAAAAGAyAAPhwAALFgB4AHDNAFqrABW6AADcAA8AAB4AAOcAAHcAAAA4AAHiAAASAAAAAHAgAFriAAESAAAAAADIaAAoMhXn6AB3d1AA/+AA/xIA/wAA/wAAbAAAWwAA5wAAd0RwMfZaABIVAAAAAPBLMYiUAPr4AHd3AIgYlBzO6fUWEncAAP9v//8Q///n//93/zf/AJD/APX/AHf/AOAASBgA4+cAEncAAAAE1gDiWBUSTAAAAABvKAAQ4wDnEgB3AHBEd1r2MBUSTwAAAADwXAGI4wD6EgB3AGTAby8hEOj153d3dwD/BQD/5AD/EgD/AJBLzXiU/1T4/wB3f1AY1OHO4xIWEgAAAFVvGF8QztPnFnd3ADC0b8gREH/n5wB3d8gAGCkAzn8AFgAAAAUxAQAAAAAwAAAAAMC9AIdAAFDTAAB3AAGcnQDi/wASRwAAACH5BAAAAAAALAAAAAAIAGMARwiEABEIHEiwoMGDCBMqXMhQIIGHECEqIDARooCLGBMIaMixo0eOBkKKDEkxosmSDz+qXMmypcuXBAHInCmTwIADBA7cfFjR5MSePIOe7BkgQYCiRxPAXMq0qdOnUKNKnbqwgNWrVhdo3ao16E+JJYGG9YmS7FCwXstWFECALVsFRhPElRsQADs=') top left repeat-x;



	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;

	font: normal 12px/15px verdana, sans-serif;
	color:   black;


}

#wrapper {
	width: 740px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
}

h1 {
	font: normal 18px arial, 'Verdana', Serif;
	line-height: 18px;
	color:  #F37D23;
  padding-bottom:0px;
	margin: 0;
}

h1#work1 {
	font: normal 27px arial, 'Times New Roman', Serif;
	line-height: 30px;
	color: #036;
  padding-bottom:0px;
	margin: 0;
}

h2 {
	font: normal 15px/15px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #7C9FAA;
	padding: 10px 0 0px 0;
	margin: 0;
}

h3 {
	font: normal 11px/13px georgia, serif;
	color: #222;
	margin: 8px 0 0px 0;
	padding: 0;
}

/* p */
ol {

	font: normal 11px/17px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #666;

}

.table_rss {
	font: normal 11px/17px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #666;
	vertical-align: top;

}
#png_shadow {
	  background-position:top left;
	  background-repeat: no-repeat;

}

html>body #png_shadow{ /*Child Selector Hack, hides this from ie*/
	background-image: url('pagebg.png');
        }


#home p {
	font: normal 11px/16px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 4px 0;
	color: #666;

	padding: 1px;
	color:  black;  /* #343A3C;*/
	font-family: Arial, Helvetica, sans-serif;
	font: normal 12px/15px verdana, sans-serif;
}

#work p.intro{
	font: normal 12px/17px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 6px 0 3px 0;
	color: #666;
}

a, a:link, a:visited {
	color: #588DA2;
	text-decoration: none;
	padding: 1px 2px;
}

a:hover {
	background-color: #E0EFF0;
	padding: 1px 2px;
	border-bottom: 1px dotted #DCDCB4;

}

img {
	border: none;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

.divider {
	line-height: 0;
	height: 0;
	border-top:1px solid #ccc;
	margin: 5px 0;
}

.img_border {
	border: 1px solid #ccc;
	padding: 4px;
}

blockquote{
	font: normal 12px/18px georgia, serif;
	color: #588DA2;
	padding: 0;
	margin: 4px 0;
	padding:0 0 0 15px;
	border-left: 3px double #e5e5e5;
}

#portfolio blockquote p, #work blockquote p{
	font: normal 12px/18px georgia, serif;
	color: #588DA2;
	padding:0;
	margin: 0;
}



blockquote span{
	font: normal 10px/24px "lucida grande", verdana, sans-serif;
	color: #999;
}

.green {
	color:#91B476;
}
/*</group>*/

/*<group=Header>*/

#header {
	height: 77px;
	position: relative;
	top: 0;
	left: 0;
}

#header #main_photo {
	position: absolute;
	top: 30;
	right: 0;
}


#header #logo {
	position: absolute;
	top: 0;
	left: 0;
}

/*</group>*/

/*<group=Top Navigation>*/

#nav a:hover {
	color: #333;
}

#nav {
	height: 22px;

	background: none;
	margin: 1px 0 0 0;
	padding: 2px 0 0 0;
	position: absolute;
	top: 77px;
	left: 150;
	list-style-type: none;

	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	height: 20px;
	color: #666;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#nav li {
	float: left;
	background: url("tab_reg_.gif") no-repeat left top;
	margin: 0;
	height: 20px;
	padding: 0 0 0 6px;
	list-style-type: none;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#nav a {
	float: left;
	display: block;
	width: .1em;
	background: url("tab_reg0.gif") no-repeat right top;
	padding: 3px 25px 3px 17px;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
	height: 17px;
	color: #666;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#nav > ul a {
	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#nav a {
	float: none;
}

/* End IE5-Mac hack */

#home #homenav,
#work #worknav,
#play #playnav,
#contact #contactnav {
	background: url("tab_acti.gif") no-repeat left top;
	border-width: 0;
	height: 21px;
}

#home #homenav a,
#work #worknav a,
#play #playnav a,
#contact #contactnav a {
	background: url("tab_actj.gif") no-repeat right top;
	padding-bottom: 0px;
	color: #666;
	list-style-type: none;
     height: 21px;
     font-weight: bold;


}



#content {
	width: 765px;
	padding: 45px 0 0px 0;
}

#content2 {
	width: 765px;
	padding: 45px 0 0px 0;
}

#content3 {
	width: 765px;
	padding: 45px 0 0px 0;
}

#play #content {
	width: 365px;

	margin: 45px 0 0 0;
}

#content ul {
	width: 49%;
	font: normal 11px/15px "lucida grande", verdana, sans-serif;
	color: #666;
	margin: 0px;
	padding: 2px 0;
	float: left;
	/*list-style-image: url(bullet00.gif); */
  list-style-image: url('data:image/gif;base64,R0lGODlhDAAMAOMJAPj4+Hd9huPk5aqvtO/w8YiNlPv7+7y/w5ufpP///////////////////////////yH5BAEAAA8ALAAAAAAMAAwAAAQ88MlJ6bn4zpO6T8bwcF9ngAjpDeeZlkhxEm8yFDjucm1SBIQE7dAzAEGCVzEBICQfA6ZQKHhKENgsVhIBADs=');

	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#content li {
	margin: 3px 0 0px 20px;
	padding: 0;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#bottom {
	/* background: url(dotted_l.gif) top left repeat-x;         */
  background:  url('data:image/gif;base64,R0lGODlhAwABAIABAKWlpf///yH5BAEAAAEALAAAAAADAAEAAAICRFIAOw==') top left repeat-x;

	position: relative;
	top: 0;
	left: 0;
}

#project {
	width: 478px;
	padding: 13px 0 0 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#project_content {
	width: 265px;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

#project_content h3,#project_details h3 {
	font: normal 12px/15px georgia, serif;
	color: #91B476;
	margin: 8px 0 3px 0;
	padding: 0;
}

#project_content p {
	font: normal 10px/15px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 0px 0 5px 0;
	color: navy;
}

#project_details {
	width: 190px;
	float: right;
	position: relative;
	top: 0;
	right: 10px;
}

ul {
	/*list-style-image: url("bullet00.gif");    */
  list-style-image: url('data:image/gif;base64,R0lGODlhDAAMAOMJAPj4+Hd9huPk5aqvtO/w8YiNlPv7+7y/w5ufpP///////////////////////////yH5BAEAAA8ALAAAAAAMAAwAAAQ88MlJ6bn4zpO6T8bwcF9ngAjpDeeZlkhxEm8yFDjucm1SBIQE7dAzAEGCVzEBICQfA6ZQKHhKENgsVhIBADs=');

	font: normal 11px/16px "lucida grande", verdana, sans-serif;
	margin: 0 0 0 20px;
	padding: 0;
	color:#666;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

menu {
	/*list-style-image: url("bullet00.gif");  */
  list-style-image: url('data:image/gif;base64,R0lGODlhDAAMAOMJAPj4+Hd9huPk5aqvtO/w8YiNlPv7+7y/w5ufpP///////////////////////////yH5BAEAAA8ALAAAAAAMAAwAAAQ88MlJ6bn4zpO6T8bwcF9ngAjpDeeZlkhxEm8yFDjucm1SBIQE7dAzAEGCVzEBICQfA6ZQKHhKENgsVhIBADs=');

	font: normal 11px/16px "lucida grande", verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#666;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
        -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    cursor: pointer;
}

li {
	padding: 5px;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

.download {
	padding: 5px;

}

.highlight ul {
	/*list-style-image: url("bullet00.gif");   */
  list-style-image: url('data:image/gif;base64,R0lGODlhDAAMAOMJAPj4+Hd9huPk5aqvtO/w8YiNlPv7+7y/w5ufpP///////////////////////////yH5BAEAAA8ALAAAAAAMAAwAAAQ88MlJ6bn4zpO6T8bwcF9ngAjpDeeZlkhxEm8yFDjucm1SBIQE7dAzAEGCVzEBICQfA6ZQKHhKENgsVhIBADs=');

	font: normal 11px/16px "lucida grande", verdana, sans-serif;
	margin: 0 0 0 25px;
	padding: 5px 0;
	color:#666;
}

.highlight{
	border-top: 1px solid #DCDCB4;
	border-bottom: 1px solid #DCDCB4;
	background-color:#FAFAE7;
	margin: 8px 0;
	padding: 0 8px 0 0;
}

.highlight2{
	border-top: 1px solid #DCDCB4;
	border-bottom: 0px solid #DCDCB4;
	background-color:#FAFAE7;
	margin: 0px;
	padding: 0px;
}

.highlight3{

	border-top: 1px dotted #DCDCB4;
	border-bottom: 1px solid #DCDCB4;
	border-right: 1px solid #DCDCB4;
	border-left: 1px solid #DCDCB4;
	background-color:#FAFAE7;
	margin: 0px;
	padding: 15px;
	padding-bottom: 5px;
	padding-top: 5px;

	position: relative;
	top: -2px;
}

.highlight3 ul{
	list-style-type: disc;
	list-style-image: url("ok.ico");
	font: normal 11px/16px "lucida grande", verdana, sans-serif;

	border:0px;
}

.ok{
	list-style-type: disc;
	list-style-image: url("ok.ico");
	font: normal 11px/16px "lucida grande", verdana, sans-serif;
   margin: 5px;
	padding: 5px;
	border:0px;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

#frontpage_blog {
	/*float: right;*/
	position: relative;
	top: 0;
	right: 0;
	width: 180px;
	/*background: url(dotted_m.gif) top right repeat-y;  */
  background: url('data:image/gif;base64,R0lGODlhAQADAIABAKWlpf///yH5BAEAAAEALAAAAAABAAMAAAICRFIAOw==') top right repeat-y;

	/*padding: 0px 0 0 15px;*/
	padding: 5px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 10px;
	margin: 13px 0 0 0;
	font: normal 11px/16px "lucida grande", verdana, sans-serif;
	text-align: left;
	 /*gog*/
	font: normal 11px Arial, sans-serif;
	text-decoration:  none; /*underline*/
	margin: 10px 0 0 0;
}


#frontpage_blog a em{
	font: normal 10px/15px "lucida grande", verdana, sans-serif;
	color: #7AB4D4;
}

#frontpage_blog ul{
margin-top: 12px;
}

#frontpage_blog p {
	font: normal 13px/18px georgia, serif;
	color: #8C9297;
	margin: 5px 0;
	padding: 0;
}

#frontpage_blog img{
	padding-bottom: 8px;
}

#frontpage_blog a{
	display: block;
	padding: 6px;

}

#frontpage_blog .even {
	background-color: #F1F8FF;
	border-bottom: 1px solid #C1D6DB;
	border-top: 1px solid #C1D6DB;
}



.attributea {
	font: italic 10px/14px georgia,serif;
	color: #999;
}

.attributeb {
	font: italic 10px/14px georgia,serif;
	color: #666;
}

/*</group>*/

/*<group=Footer>*/

#footer {
	/*background: url(footer00.gif) top left repeat-x;    */

	background: url('data:image/gif;base64,R0lGODlhBQBMAMQAAOzs7PPz8+/v7/Hx8enp6f39/vv7/P79/vz7/P38/f3+/vX19fn5+fj4+Pb29vf39/7+/vr6+v39/fv7+/z8/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAFAEwAAAVnYCWOZAmdaKoW7FFIcCwnMmXfOGLsxuT/wBJhOAQYjYJkcsBkBp7PhXRKrVYd2Kx2y9U+vuCweEz+Ns7otFrNaDMa7rN7TndH7vi8fs/nA/+AgYI4hIWGh4QyiouMMQqPkJGSKpQpIQA7') top left repeat-x;

	height: 76px;
	width: 100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	padding: 30px 0 0 0;
}

#footer_content {
	width: 850px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p {
	font: normal 11px/16px "lucida grande", verdana, sans-serif;
	color: #999;
	padding: 0;
	margin: 0;
}




.img_border:hover {
	background-color: #D9ECFF;
}



.entry_footer {
	font: normal 10px "lucida grande", verdana, sans-serif;
	color: #99997D;
	border-top: 1px solid #DCDCB4;
	border-bottom: 1px dotted #DCDCB4;
	background-color:#FAFAE7;
	height:12px;
	padding:4px;
	margin:6px 0 15px 0;
	text-align: center;
	/*dale viz normalni style.css */
}



.highlight{
	border-top: 1px solid #DCDCB4;
	border-bottom: 1px solid #DCDCB4;
	background-color:#FAFAE7;
}

.date{
	width: 39%;
	float: right;
	text-align: right;

}


a.icon_comment, a:link.icon_comment,a:visited.icon_comment{
	padding-left:15px;
	background-image: url(icon_com.gif);
	background-color: transparent;
	background-position: 50% left;
	background-repeat: no-repeat;
	margin: 0;
}

a:hover.icon_comment{
	padding-left:15px;
	background-image: url(icon_com.gif);
	background-color: transparent;
	background-position: 50% left;
	background-repeat: no-repeat;
	margin: 0;
}


a.icon_archive, a:link.icon_archive,a:visited.icon_archive{
	padding-left:15px;
	background-image: url(icon_arc.gif);
	background-color: transparent;
	background-position: 50% left;
	background-repeat: no-repeat;	margin: 0;
}

a:hover.icon_archive{
	padding-left:15px;
	background-image: url(icon_arc.gif);
	background-color: transparent;
	background-position: 50% left;
	background-repeat: no-repeat;	margin: 0;
}


/*<group=Contact Page>*/

label{
	display: block;
	font: normal 10px/16px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 0px 0;
	color: #666;
}



.check {

	font: normal 10px/16px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 0px 0;
	color: #666;
}

.textfield{
	font: normal 11px/13px "lucida grande", verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 100%;
	color:  #1F1F1F;
}

.textfield2{
	font: normal 11px/13px "lucida grande", verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	width: 207px;
	color: #666;
}

#contact td{
	padding:5px;
}

#contact table{
	width: 100%;
}



.success{

	background-color: #E3EDDE;
	padding: 8px 0px 8px 35px;
	border-top: 1px solid #99CC99;
	border-bottom: 1px solid #99CC99;
	font: bold 11px/14px "lucida grande", verdana, sans-serif;
	color: #39663A;
}

.accepting{
text-align:center;
	background-color:   #FCDEB4;
	padding: 8px 0 8px 0;
	border-top: 1px solid  #FFCC99;
	border-bottom: 1px solid #FFCC99;
	font: bold 11px/14px "lucida grande", verdana, sans-serif;
	color:   #FF6633;
margin-top:10px;
}


.error{

	background-color: #c00;
	padding: 8px 0px 8px 25px;
	border-top: 1px solid #8C0000;
	border-bottom: 1px solid #8C0000;
	font: bold 11px/14px "lucida grande", verdana, sans-serif;
	color: #fff;

}

.error a,.error a:link, a .error a:visited, a .error a:hover{
	color: #fff;
	text-decoration: underline;
	padding: 0;
	background: none 0;
}

#rfp{
	font: normal 11px/14px "lucida grande", verdana, sans-serif;
	color: #555;
}

#rfp td{
	padding:2px;
}

#rfp .tdline {
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
}

.required {
	font: normal 9px "lucida grande", verdana, sans-serif;
	color: red;
}

/*</group>*/

#comments {
	padding:10px 0;
}

.comment1 {
	padding: 6px 16px;
	border-bottom: 1px solid #DCDCB4;
	border-top: 1px solid #DCDCB4;
	margin: 5px 0;
	background-color: #FAFAE7;
	clear: both;
}

.comment2 {
	padding: 6px 16px;
	margin: 5px 0;
	background-color: #fff;
	clear: both;
}

.comment3 {
	padding: 5px ;
	border-bottom: 1px solid #DCDCB4;
	border-top: 1px solid #DCDCB4;
	margin: 5px 0;
	background-color: #FAFAE7;

}

#TextDisplay{
	font: normal 10px/16px "lucida grande", verdana, sans-serif;
	margin: 0;
	padding: 5px 0;
	color: #666;
}

.comment1 h3,.comment2 h3 {
	font: bold 12px/16px "Lucida Grande",verdana, sans-serif;
	color: #036;
	padding: 2px 0;
	margin: 0;
}

pre{
	padding:3px;

	background-color: #eee;
	border: 1px solid #DCDCB4;
	font: normal 10px/15px verdana, sans-serif;
	color:  #343A3C ;
	margin: 3px;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}






/* ---------- puvodni style.css ----*/
.zalomeni{
	page-break-before: always;
}
.select_opt{
	background-color:#dff;
	width: 450px;
	border:1px solid #ddd;
}
.svisla_cara{
	/*background: url("dotted_m.gif") top left repeat-y;    */
  background:url('data:image/gif;base64,R0lGODlhAQADAIABAKWlpf///yH5BAEAAAEALAAAAAABAAMAAAICRFIAOw==') top left repeat-y;

	background-position:  left;


}

.textfield3{
	font: normal 11px/13px "lucida grande", verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: white;
	width: 207px;
	color: #666;
}

del{
	color: Red;
}
/*
u{
	color:   #CC3300;
}
*/
strike{
	color:  orangered;
}
.podtrzeno{
 /*
	border-bottom-width: 1px;
   border-bottom-color: Blue;
	border-bottom-style: solid;
 */

  text-decoration: underline;
}

.akce {
	 background-image: url(akce.gif);
	 background-position: top left;
	 background-repeat: no-repeat;
}
.hrana {
	/*background-image: url(dotted_m.gif);    */
  background-image: url('data:image/gif;base64,R0lGODlhAQADAIABAKWlpf///yH5BAEAAAEALAAAAAABAAMAAAICRFIAOw==');
	background-position: top center;
	background-repeat: repeat-y;
}

.hrana0 {
	/*background-image: url(dotted_m.gif);  */
  background-image: url('data:image/gif;base64,R0lGODlhAQADAIABAKWlpf///yH5BAEAAAEALAAAAAABAAMAAAICRFIAOw==');
	background-position: right center;
	background-repeat: repeat-y;
}

.hrana1 {
	/*background-image: url(dotted_m.gif);  */
  background-image: url('data:image/gif;base64,R0lGODlhAQADAIABAKWlpf///yH5BAEAAAEALAAAAAABAAMAAAICRFIAOw==');
	background-position: left center;
	background-repeat: repeat-y;
}
.under{

	border-bottom:#C1D6DB dashed 1px;
}

.blink{
	text-decoration: blink;
}

.light{
	text-transform:   none;
	font-weight: normal;
	text-decoration: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	letter-spacing: normal;
	padding: 0px;
}

.obsazeno {

	color: #DC143C;
	text-decoration:  line-through;


	background-color:   #F5CBB8;


}

.volno {
	background-color:   #C4DEB4;
	color:   #343A3C;
	border-bottom: lime solid 1px;

}

.odeslat {
	 cursor:  pointer;
}

.b{
  font-weight: bold;
}
p, li, ul, menu, tt, pre {
   /* p viz: id_home  ... style_info.css */
	padding: 1px;
	color:  black;  /* #343A3C;*/
	font-family: Arial, Helvetica, sans-serif;
	font: normal 12px/15px verdana, sans-serif;

}

.zvyraznit {
   font-family: Arial, Helvetica, sans-serif;
	 font: normal 14px/16px verdana, sans-serif;
}

.bottom_ {

	border-bottom:1px dotted #A5A5A5;

	margin:2px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;

}
.bottom {
	background: top left repeat-x;

    /*background-image: url(dotted_l.gif); */
	background-image: url('data:image/gif;base64,R0lGODlhAwABAIABAKWlpf///yH5BAEAAAEALAAAAAADAAEAAAICRFIAOw==');
	margin:1px;
	padding: 5px;

}
.uprostred {
	text-align: center;
	vertical-align: middle;
}
.img_kalendar {
	 background-image: url(kalendar.gif);
	 background-position: right center;
	 background-repeat: no-repeat;


	padding-left: 20px;
}

.back {
	background-color:   #C1CCD9;
}
.img_vlozit {
	 background-image: url(fleche2.gif);
	 background-position: right center;
	 background-repeat: no-repeat;

	padding-left: 20px;
}

.img_new {
	 background-image: url(new.gif);
	 background-position: right center;
	 background-repeat: no-repeat;

	padding-left: 20px;
}
th {
	border-bottom: #BCCEA4;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	vertical-align: top;
	font-weight: bold;
	padding-bottom: 10px;
	background-color:  #E3EDDE;
	font-family: "Verdana, Helvetica, sans serif";
	font: normal 12px/15px verdana, sans-serif;

}
.kapitalky{
	font-variant: small-caps;

}



.zluty_text{
	color: #FCDEB4;
}

.img_vlevo{
	float: left;




}

.blok_vpravo{
	float: right;
	width: 250px;
	left: 80%;
}

.blok_vpravo_350{
	float: right;
	width: 350px;
	left: 80%;
}

.blok_vpravo2{
	float: right;
	left: 50%;
}

.blok_vlevo_300{
	float: left;
	width: 301px;
	text-align: left;
}

.blok_vlevo_350{
	float: left;
	width: 350px;
	text-align: left;
}

.blok_vlevo3{
	float: left;
	width: 45%;
	text-align: left;
}
.blok_vpravo3{
	float: right;
	width: 50%;
	left: 49%;
}

.blok_vlevo4{
	float: left;

	width: 45%;
	text-align: left;
	padding: 2px;
	/*
	padding-left: 3%;
	padding-right: 2%;
	*/
}
.blok_vpravo4{
	float: right;
	width: 45%;
	left: 50%;
	padding:2px;
	/*
	padding-left: 2%;
	padding-right: 3%;
	*/
}

.blok_vpravo5{
	float: right;
	width: 20%;
	left: 50%;
	padding:2px;
	text-align: center;
}

.blok_vlevo5{

	width: 70%;
	float: left;
	text-align: left;
	padding: 2px;
}

.blok_vlevo6{

	width: 60%;
	float: left;
	text-align: left;
	padding: 5px;
}
.blok_vpravo6{

	float: right;
	width: 35%;
	left: 65%;
	padding:2px;

	text-align: left;
}
/*------------------------------------------------------------*/
.ram_vpravo{


	color: #BCD2AC;
	background-color:  transparent;
	padding-left: 2%;
	padding-right: 3%;
	border-left:3px double #BCD2AC;
	border-right:0px solid #eadfba;
	border-top:0px solid #eadfba;
	border-bottom:3px double #BCD2AC;
	margin-left:15px;
	margin-bottom: 5px;
	margin-right: 25px;
}




.objednat {
	color:     black;
	font: normal 12px/15px verdana, sans-serif;
	border-style:  solid;
	border-color:     #C1D6DB;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
    margin:2px;
	background-color:       #E4EFF2;
	text-align: center;
	vertical-align: middle;
	z-index: 10;


}

.objednat2 {
	color:     black;
	font: normal 12px/15px verdana, sans-serif;
	border-style:  solid;
	border-color:         #F0E68C;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-left: 0px;
	padding-right: 0px;
	background-color:      #EDF5D8;
	text-align: center;
	vertical-align: middle;
	z-index: 10;
}

a.objednat:active {
   color:     black;
	background-color:   #9ACD32;

}



a.objednat:hover{
   color:     white;
	background-color:    #0066FF;
	border-style:  double;
	border-bottom-width: 3px;

}
/*--------------------------------------------------------------------------------*/
.notification {
	padding:10px 15px 1px 15px;
	border:1px solid #eadfba;
	margin-top:5px;margin-left: 40px;

	background: #FDF7E4 url(exclam.png) 10px 10px no-repeat;}

.notification p { padding-left: 20px !important; }


.marginleft{
	margin-left: 25px;
}

.nahore{

 vertical-align: text-top;
}
.obr{
	position: absolute;
	top:30px;
	left:10px;
}

.padding_0{
	padding: 0px;
}

.margin_0{
	margin: 0px;
}
.padding_5{
	padding: 5px;
}
.padding_10 {
	padding: 10px;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 30px;
	text-align: justify;

}

.padding_30 {
	padding: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	text-align: justify;

}

.padding_right_10 {
	padding-right: 10px;
	margin-right: 10px;
	vertical-align: bottom;

}
.margin_5{
	margin: 5px;
}

.margin_20{
	margin: 20px;
}

.margin_50{
	margin: 20px;
	margin-left: 50px;
	margin-right: 50px;
}

.border_0{
	border-width: 0px;
}



div.bottom {
  position:relative;

  }
div.bottom p {
  position:absolute;
  bottom:0;
  vertical-align : bottom;
  }

.max{
	height:  300px;
}



.left{
	text-align: left;
}
.highlight{
	border-top: 1px solid #DCDCB4;
	border-bottom: 1px solid #DCDCB4;
	background-color:#FAFAE7;
	margin: 8px 0;
	padding: 0 8px 0 0;
}

.highlight4{
	border-top: 0px solid #DCDCB4;
	border-bottom: 1px solid #DCDCB4;
	background-color:  #EFEFEF;
	margin: 8px 0;
	padding: 0 8px 0 0;
}
.tr_down{
	border-bottom-color:   #FAFAE7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.red{
	color:red;
}
.black{
	color:black;
}

.alert {
	background-color: white;
	color:red;

	border-right: #F47E24 dashed 2px;
	border-left: #F47E24 dashed 2px;
	border-top: #F47E24 dashed 2px;
	border-bottom: #F47E24 dashed 2px;

   margin: 10px;
	margin-bottom: 0px;
	padding: 20px;

     /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;


}

.alert2 {
	background-color:         #FFFFE1;
	color:       #343A3C;

	border-right: orangered solid 1px;
	border-left: orangered solid 1px;
	border-top: orangered solid 1px;
	border-bottom: orangered solid 1px;
	padding: 20px;
	margin: 10px;

   /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;


}

.alert2:hover {
	background-color:       #EAF6F8;

	 }

.alert3 {
	background-color:    #FFB6C1;
	color:       #343A3C;

	border-right: orangered solid 1px;
	border-left: orangered solid 1px;
	border-top: orangered solid 1px;
	border-bottom: orangered solid 1px;
	padding: 20px;
	margin: 10px;
}
.info {

	color: #333333;

	padding:5px;


	background-color:    #F1F8FF;
	border: 1px solid #DCDCB4;
	font: normal 12px/15px verdana, sans-serif;
	color:   #666666;
	margin: 10px;
	/* NE pro IE */
	/*

	_border-color: expression(
     this.onmouseover = new Function("this.className += ' hover';"),
     this.onmouseout = new Function("this.className =  this.className.replace(' hover', '')")
   );

	_background-color: expression(
     this.onmouseover = new Function("this.className += ' hover';"),
     this.onmouseout = new Function("this.className =  this.className.replace(' hover', '')")
   );
   */

    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

.info:hover {
	border-color: #EADFBA;
	background-color: #FAFAE7;
	 }


.li_ok{
	list-style-image: url(ok.gif);
	list-style-type: square;
	padding-left: 10px;

	font: normal 12px/15px verdana, sans-serif;

}

.li_ok2{
	list-style-image: url(ok2.gif);
	list-style-type: square;
	padding-left: 10px;

	font: normal 12px/15px verdana, sans-serif;

}

.li_top{
	list-style-image: url(top.gif);
	list-style-type: square;
	padding-left: 10px;

	font: normal 12px/15px verdana, sans-serif;

}

.li_del{
	list-style-type: disc;
	list-style-image: url("del.gif");

  	margin: 5px;
	padding: 5px;
	border:0px;

	font: normal 12px/15px verdana, sans-serif;

}

.li_menu{
	list-style-type: circle;
	/*list-style-image: url("bullet00.gif");  */
  list-style-image: url('data:image/gif;base64,R0lGODlhDAAMAOMJAPj4+Hd9huPk5aqvtO/w8YiNlPv7+7y/w5ufpP///////////////////////////yH5BAEAAA8ALAAAAAAMAAwAAAQ88MlJ6bn4zpO6T8bwcF9ngAjpDeeZlkhxEm8yFDjucm1SBIQE7dAzAEGCVzEBICQfA6ZQKHhKENgsVhIBADs=');

	vertical-align: middle;

   	margin: 1px;
	margin-left:10px;
	padding: 1px;
	border:0px;

	font: normal 12px/15px verdana, sans-serif;

}

.li_sipka{
	list-style-type:    disc;
	/*list-style-image:  url(bullet00.gif);     */
  list-style-image: url('data:image/gif;base64,R0lGODlhDAAMAOMJAPj4+Hd9huPk5aqvtO/w8YiNlPv7+7y/w5ufpP///////////////////////////yH5BAEAAA8ALAAAAAAMAAwAAAQ88MlJ6bn4zpO6T8bwcF9ngAjpDeeZlkhxEm8yFDjucm1SBIQE7dAzAEGCVzEBICQfA6ZQKHhKENgsVhIBADs=');

   margin: 5px;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;

	font: normal 12px/15px verdana, sans-serif;

}

.li_sipka2{
	list-style-type:    disc;
	list-style-image:  url(fleche.gif);
   margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;

	font: normal 12px/15px verdana, sans-serif;

}

.li_fleche{
	list-style-image: url(fleche.gif);
	list-style-type: square;
	padding-left: 10px;
	font: normal 12px/15px verdana, sans-serif;
}

.li_icon{
	list-style-image: url(icon_com.gif);
	list-style-type: square;
	padding-left: 10px;
	font: normal 12px/15px verdana, sans-serif;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
	font-variant:  normal;
}

.li_bullet1{
	list-style-image: url(bullet01.gif);

}

.li_none{
	list-style-image:  none;
	list-style-type:  none;
	padding-left: 15px;
	padding-top: 5px;
	font: normal 12px/15px verdana, sans-serif;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
	font-variant:  normal;
}


.li_lastminute{
	list-style-image: url(lastminute2.gif);
	list-style-type: square;
	padding-left: 10px;

	font: normal 12px/15px verdana, sans-serif;
}

.txt_right{
	text-align: right;
	padding-right: 20px;
}
.txt_center{
	text-align:  center;
}

.table_1{
	border-right: #DCDCB4 dashed 0px;
	border-left: orange dashed 0px;
	border-top: orange dashed 0px;
	border-bottom: orange dashed 0px;
	 padding: 5px;

	 padding-left: 5px;
	 margin: 5px;
	 color: #F47E24;

	 /*
	 background-color: #F47E24;
	 background-image: url(r1.gif);
	 background-position: right;
	 background-repeat: repeat-y;

	 color:white;
	 */
}

.table_2{
	background-color: inherit;
	padding: 0px;
	margin: 0px;

}

.table_3{
	background-color:     #FAFAD2;
	border: #C9C9C9  dotted 1px;
	border-style: dashed;


	margin-top:3px;
	font-size: x-small;
	color:     #4F6369;
	margin: 5px;
	padding: 10px;

}

.table_4{
/*
	 background-image: url("fleche2.gif");
	 background-position: left top;
	 background-repeat: no-repeat;
*/
	background-image: none;
	background-color:     #FFFFCC;
	border: #FF8C00  solid 1px;


	padding: 3px;
	padding-left: 10px;

	margin:2px;
	margin-left: 10px;
	font-size: x-small;
   color:    #336666;

/*
	_background-image: expression(
     this.onmouseover = new Function("this.className += ' hover';"),
     this.onmouseout = new Function("this.className =  this.className.replace(' hover', '')")
   );
	_background-color: expression(
     this.onmouseover = new Function("this.className += ' hover';"),
     this.onmouseout = new Function("this.className =  this.className.replace(' hover', '')")
   );
*/
}

.table_4:hover {
	border: #FF4500  solid 1px;
}


.transparent{
	background-color:    transparent;

}
/*----------------------------------------------------*/
.main {
	width: 770px;
/*800*/
}
.main_max {
	width: 1020px;
/*1280*/
}

html {
	/* width: 1020px; */
/*1280*/
	background: white;

	direction: ltr;

	color:gray;
	font: normal 12px/15px verdana, sans-serif;
}


span.Alt {
				 	 width:0px;
				 	 position:absolute;
				   color:#00ff00;
					 background-color:black;
					 border:3 groove #00ff00;
					 visibility:hidden;
					 z-index:1;
				 }

.radek {
	background-color: #F2F3E2;


}


.svetly_font{
	color: Silver;
}
body {


	color:  rgb(119,136,153);
	margin: auto;


	font-style:  normal;
	font-variant:   normal;
	font-family: "Verdana, Helvetica, sans serif";
	padding: 0px;
	padding-right: 5px;

	margin: 0;
	padding: 0;
	background: url(backgrou.gif) top left repeat-x;
	text-align: left;
	background-color: #fff;

   font: normal 12px/15px "lucida grande", verdana, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font: normal 12px/15px verdana, sans-serif;

		font: normal 12px/15px verdana, sans-serif;
	color:   black;
}
table {

	font-family: "Verdana, Helvetica, sans serif";
	color: rgb(65,105,225);

	text-align: left;
	font: normal 12px/15px verdana, sans-serif;

	vertical-align: top;

}     /*table-layout: fixed;*/

td {
	vertical-align:top;
	border: hidden;
	border-width: 0px;
	border-bottom : 1px dashed #DCDCB4;



	font: normal 11px/17px "lucida grande", verdana, sans-serif;
	color:  #343A3C;
	padding: 3px;
	font-size:   x-small;
	font-family: Arial, Helvetica, sans-serif;
	font: normal 11px verdana, sans-serif;
	font: normal 12px/15px verdana, sans-serif;

}

.td_none {
	border: 0px;
	background-color: white;
	text-align: left;

	color:  black;  /* #343A3C;*/
	font: normal 12px/15px verdana, sans-serif;
}

.top {
	vertical-align: top;
}

tr {

	font-family: Arial, Helvetica, sans-serif;
	font: normal 12px/15px verdana, sans-serif;
	color:   black;
	vertical-align: top;





     /*
	_background-color: expression(
     this.onmouseover = new Function("this.className += ' hover';"),
     this.onmouseout = new Function("this.className =  this.className.replace(' hover', '')")
   );
   */
}

tr:hover {
	background-color:       #EAF6F8;

	border-color: Gray;
	border-width: thin;
	border-style: dashed;
	 }

/*-----------------------------------*/




/*-----------------------------------*/
.text_tt {
	color: Black;
	font-size:   x-small;
	background-color: #FAEBD7;

	 border-color:  #B4C7DC;
	 border-style:  dashed;
	 border-width:  0px;
	 padding: 2px;
	 margin: 2px;
	 text-align: right;
}


li, ul li, ul li ul li {
	list-style-type: square;

	padding: 1px;
	color:    #343A3C;
	font: normal 12px/15px verdana, sans-serif;
	text-align: left;



}
a {
	font-family: "Verdana, Helvetica, sans serif";
	font-style: normal;
	font-variant:  normal;

	border-bottom: 0px;
	border-bottom-color: transparent;
	border-bottom-style: dashed;
	font-family: Arial, Helvetica, sans-serif;

}

.a2{
	color:  #333333;
	font-family: "Verdana, Helvetica, sans serif";
	font-style:    normal;
	font-variant:   normal;
	color:gray;



}


.ramnext {
	background-color:    #FAFAE7;
	border-style:    solid;
	border-color:     #DCDCB4;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding: 5px;
	margin:15px;
	color: #5F7DA0;
}


.podnadpis {
	background-color: #FEFF79;
	border-style: solid;
	border-color: silver;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding: 5px
}


.ramsedy {
	border-style: dotted;
	border-color: silver;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding: 5px;
	margin:0px;
}
.ramsedy_dole {
	border-style: dotted;
	border-color: rgb(255,102,0);
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	text-decoration: none;
}


a:link {
	color:    #0066FF;
	border-bottom-color:  #0066FF;




}
a:visited {
	color: #0066FF;
	border-bottom-color:  #0066FF;

}
a:hover {
	color:  #FF6600;
	border-bottom-color:   #0066FF;

}
a:active {
	color:   #0099FF;
	border-bottom: 1px;
	border-bottom-color:   #0066FF;
	border-bottom-style: dashed;
	text-decoration: none;
}
/*-----------------------------------*/
a.a2:link,a.a2:visited {
	color:   #0066FF;
	border-bottom: 1px;
	border-bottom-color: silver;
	border-bottom-style: dotted;
	text-decoration: none;

	font-weight: bold;
}



a.a2:hover {
	color:  orange;
	border-bottom: 1px;
	border-bottom-color: silver;
	border-bottom-style: solid;
	text-decoration: none;
	font-weight: bold;
}
a.a2:active{
	color:    black;

	border-right: white solid 0px;
	border-left: white solid 0px;
	border-top: white solid 0px;
	border-bottom: white solid 1px;
	text-decoration: none;
	font-weight: bold;
}
/*------------------*/


a.zahlavi:link {
	color: #000000
}
a.zahlavi:visited {
	color: #000000
}
a.zahlavi:hover {
	color: #FF0000
}
a.zahlavi:active {
	color: #000000
}
a.loginprouzek:link, a.loginprouzek:visited {
	color:  tomato;
	background-color: transparent;
}
a.loginprouzek:hover {
	color:   #4243FF;
	background-color:  gold;
	border-color: orange;
}
a.loginprouzek:active {
	color:    orange;
	background-color:   #778899;
	border-color: gold;
}
a.loginprouzek2:link, a.loginprouzek2:visited, a.loginprouzek3:link, a.loginprouzek3:visited {
	color:  #0068CC;
	background-color: transparent;
}
a.loginprouzek2:hover, a.loginprouzek3:hover {
	color:   blue;
	background-color:  transparent;
	border-color:  White;
}
a.loginprouzek2:active, a.loginprouzek3:active {
	color:    #4243FF;
	text-decoration: underline;
	background-color:  transparent;
	border-color: #4243FF;
}
a.menu:link, a.menu:visited {
	color:   #0066FF;


	background-color:  #E4EFDC;
}
a.menu:hover {
	color: blue;
	background-color:  #FAFAE7;

}
a.menu:active {
	color: gold;
	background-color:  #FF6600;

}
a.menu1:link {
	color: red;
	background-color: white;
	text-decoration:  none;
}
a.menu1:visited {
	color: tomato;
	background-color: white;
	text-decoration:  none;
}
a.menu1:hover {
	color: rgb(102,102,255);
	background-color: white;
	text-decoration: underline;
}
a.menu1:active {
	color: gold;
	background-color:  #FF6600;
	text-decoration: underline;
}
a.menu2:link, a.menu2:visited, a.menu3:link, a.menu3:visited {
	color: #FF6600;
	;
	background-color:  transparent;
	text-decoration:  none;
}
a.menu2:hover, a.menu3:hover {
	color: rgb(102,102,255);
	background-color:  transparent;
	text-decoration: underline;
}
a.menu2:active, a.menu3:active {
	color: blue;
	background-color: transparent;
	text-decoration: underline;
}
a.ramsedy_dole:link {
	color:   #0066FF;
	text-decoration:  none;
}
a.ramsedy_dole:visited {
	color: #0066FF;
	text-decoration:  none;
}
a.ramsedy_dole:hover {
	color: rgb(102,102,255);
	text-decoration:none ;
}
a.ramsedy_dole:active {
	color: gold;
	background-color:  #FF6600;
	text-decoration: none;
}

a.nic:active, a.nic:hover, a.nic:visited, a.nic:link {
	border: 0px;
	background-color: transparent;
	text-decoration: none;
	 cursor:  url(fleche.gif);
}
h1 {
	font-family: "Verdana, Helvetica, sans serif";

	font-size: large;
	color: orangered ;
	font-weight: normal;
	border-bottom-color:   #C1D6DB; /* #BCD2AC;*/
	border-bottom-style: solid;
	border-bottom-width:  1px;
	background-image: url(x3_1.gif);
	background-position: top right;
	background-repeat:  no-repeat;
	padding-left: 15px;
	padding-top: 25px;
	line-height:  normal;
	margin-right: 25px;
	letter-spacing: 1px;
	text-align: left;

}

h1.rss {
	background-image: url(rss20.gif);
}

h1.mail {
	background-image: url(mail.gif);
}
h1.free {
	font-family: "Verdana, Helvetica, sans serif";

	font-size: large;
	color: orangered ;
	font-weight: normal;

	background-image: none;
   border: 0px;
	padding-left: 15px;
	padding-top: 25px;
	line-height:  normal;
	margin-right: 25px;
	letter-spacing: 1px;
	text-align: left;
}

h1.caps {
	font-variant: small-caps;
}


h2 {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font-size:    medium;
	font: bolder 18px/20px Arial, sans-serif;

	color:   #FF6600;
	font-weight:  lighter;
	font-stretch: narrower;
	font-variant: small-caps;
	border-bottom-color:  #BCD2AC;
	border-bottom-style:  dashed;
	border-bottom-width: thin;
	background-image: url(edit.gif);
	background-position: top right;
	background-repeat:  no-repeat;
	padding-left: 15px;
	line-height:  normal;
	margin: 5px;

}


h2.dir {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font: bolder 18px/20px Arial, sans-serif;
	font-size:    small;
	color:   #FF6600;   /*#FF8C00;*/
	font-weight:  lighter;
	font-stretch: narrower;
	font-variant: small-caps;

	background-image: url(dir.gif);
	background-position: top left;
	background-repeat:  no-repeat;
	border-width: 0px;

	padding: 5px;
	padding-left: 25px;
	margin: 5px;
}

h2.dir2 {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font: normal 18px/20px verdana, sans-serif;

	color:        orangered;



  /*background-image: url(dotted_l.gif); */
	background-image: url('data:image/gif;base64,R0lGODlhAwABAIABAKWlpf///yH5BAEAAAEALAAAAAADAAEAAAICRFIAOw==');

	background-position: bottom left;
	background-repeat:   repeat-x;
	border-width: 0px;
	background-color: transparent ;


	padding: 5px;
	padding-left: 25px;
	margin-right: 10px;

	border-bottom-color:    #C4D6EC;
	border-bottom-style:   solid;
	border-bottom-width:  0px;

}


h2.dir4 {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font: normal 17px verdana, sans-serif;

	color:        orangered;


	background-image:  none;

	border-width: 0px;
	background-color: transparent ;


	padding: 0px;


	border-bottom-color:    #C4D6EC;
	border-bottom-style:   solid;
	border-bottom-width:  0px;

}

h2.rss {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font: normal 18px/20px verdana, sans-serif;

	color:        orangered;

   background-image: url(rss20.gif);
	background-position: top right;
	background-repeat:    no-repeat;

	border-bottom-color:   #A5A5A5; /* #BCD2AC;*/
	border-bottom-style:   dotted;
	border-bottom-width:  1px;


	padding: 5px;
	padding-left: 25px;
	margin-right: 10px;



}

h2.free {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font: bolder 18px/20px Arial, sans-serif;
	font-size:     x-small;
	color:    #FF6600;    /*#FF8C00;*/
	font-weight:  lighter;
	font-stretch: narrower;
	font-variant: small-caps;
	background-image: none;
   	text-align: right;
	border-width: 0px;

	padding: 1px;
	padding-left: 1px;
	margin: 1px;
}

h2.free {
	font-size: medium;
	color: #ff6600;
	/*#FF8C00;
*/
	font-weight: lighter;
	font-variant: small-caps;
	background-image: none;
	text-align: right;
	border-width: 0px;
	padding: 1px;
	padding-left: 1px;
	margin: 1px;
}
h2.dir5 {


	color:  #6F7073;

	text-align: center;
	text-transform:  uppercase;
	line-height:  normal;
	letter-spacing: 2px;
	list-style-type:  lower-roman;
	font: bolder 11px/13px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	border-width: 0px;
	background-image: none;



}

h2.dir3 {
	font-family: "Verdana, Helvetica, sans serifl";
	font-family: "Helvetica, Helvetica Nueve, sans serif";

	font: normal 15px verdana, sans-serif;
	color:   black;
	background-image: none;
	border: 0px;
	margin: 5px;
	padding: 5px;
	font-weight:  normal;



}

h3 {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";


	font: bold 13px verdana, sans-serif;

	color:    #333333;

	padding-left: 1px;


   text-align: left;

   border-bottom: #DCDCB4 dotted 1px;
	line-height:  normal;
	letter-spacing: 1px;
	margin-top: 30px;

}

h3.dir {
	font-family: "Verdana, Helvetica, sans serif";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font-size:   small;
	color:     #343A3C;
   	text-align: left;
	font-weight:  bolder;

   	border-bottom: #C1D6DB solid 1px;
	line-height:  normal;

	background-image: url(fleche3.gif);
	background-position: bottom left;
	background-repeat:  no-repeat;
	padding-left: 20px;
	line-height:  normal;
	margin: 10px;

}

h4 {
	font-family: "Verdana, Helvetica, sans serifl";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font-size: small;
	color:    #588DA2;

	font-weight:  bolder;


	text-transform:   uppercase;

	border: 0px dotted  #9FA8C3;
	margin-left: 10px;


}
h5 {


	color:  #6F7073;

	text-align: center;
	text-transform:  uppercase;
	line-height:  normal;
	letter-spacing: 2px;
	list-style-type:  lower-roman;
	font: bolder 11px/13px Arial, sans-serif;

	font-family: Arial, Helvetica, sans-serif;



}

h5.highlight2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size:  x-small;
	color:  #6F7073;
	font-weight: bolder;
	text-align: center;
	text-transform:  uppercase;
	line-height:  normal;
	letter-spacing: 2px;
}


h6 {
	font: normal 12px/18px georgia, serif;
	color: #588DA2;
	margin: 5px;
	padding:10px;
	padding-left:15px;
	border-right : 0px double #e5e5e5;
	border-top : 0px double #e5e5e5;
	text-align: right;
	font-family: "Helvetica, Helvetica Nueve, sans serif";
}

h7 {
	font-family: "Verdana, Helvetica, sans serifl";
	font-family: "Helvetica, Helvetica Nueve, sans serif";
	font-size: x-small;
	color:  #6F7073;
	font-weight:  bold;
	text-align: center;
	text-transform:  uppercase;
	letter-spacing: 0px;
}



.txt {
	font-style: normal;
	font-size:  x-small;
	font-family: Arial, Helvetica, sans-serif;
	font: normal 11px verdana, sans-serif;

}
.malesede {



	color:  #8399B1;
	font: normal 11px/14px Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;


}

.mensisede {

	font: normal 12px/15px verdana, sans-serif;

	color:     #666666;
}

.nejmensi{
	font-size: smaller;
}
.z {

	color: #333333;
}

.rampopis {
	font-weight:  normal;
	font-size:    x-small;
	color:     black;
	font-family: "Verdana, Helvetica, sans serif";
	border-style: dotted;
	border-color: silver;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color:  #D2EEAA;
}

.menu {
	font-weight:   bold;
	font-size: small;
	color:         #588DA2;
	font-family: "Verdana, Helvetica, sans serif";
	font: normal small verdana, sans-serif;

    border-width: 0;

	background-color:   #E4F2F4;       /* #DBF0DD; */




}
.menu1 {
	border-top-width: 3px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-style:  double;
	border-color:    #FF4500;

}
.menu2 {
	font-weight:  bold;
	text-decoration: none;
	font-size: small;
	color:     black;
	font-family: "Verdana, Helvetica, sans serif";
	border-style: solid;
	border-color:  Silver;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding: 2px;
	padding-bottom: 3px;
	padding-top: 0px;
	margin: 1px;
	margin-top: 5px;
	margin-left: 6px;
	background-color:  transparent;
}
.menu3 {

	color:     #8399B1;


	font: normal 12px verdana, sans-serif;
	border-style:  solid;
	border-color:   #C1D6DB;

	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;

	padding-left: 5px;
	padding-right: 5px;
	background-color:   #E4F2F4;       /* #DBF0DD; */
	position: relative;
	top:-5px;
	margin-right: 10px;
	margin-left: 5px;
	text-align: right;
}

.menu_back {

	background-color:   #E4F2F4;       /* #DBF0DD; */
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
.menu4 {


  font-size: small;

}

.menu5 {


	color:         #588DA2;
	font-family: "Verdana, Helvetica, sans serif";
	font: normal 15px verdana, sans-serif;
	border-style:     solid;
	border-color:   #C1D6DB;
	background-color:    transparent;

	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;

	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;


	margin-right: 25px;
	margin-left: 50px;
        -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
	vertical-align: middle;
}

.just{
	text-align: justify;
}
.textpole {

	border: 2px solid   #313839 ;
	color:    #303030;

	font-family: Verdana, Helvetica, sans serif;
	font-size:11px;
	background-color: white;
	z-index: auto;

}

.textbox {

	border: 1px solid silver;
	border-color: #C1D6DB;
	color:  #333333;

	font-family: verdana, helvetica, sans serif;
	font-size:   10px;
	text-align: left;
	/*
	scrollbar-face-color: #CCCCCC;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #000000;
	*/
}

.textbox_0 {
	background-color:    #E5FFFF;
	border: 0px solid silver;
}

.textbox_1 {
	background-color:      #FCFCFC;
	border: 0px solid silver;
}

.tl {
	background-color:  #BEC6DA;
	color: white;
	font-family: Verdana, Helvetica, sans serif;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	border: 2px solid #c1ccd9;
}


.ram {
	border: 1px solid rgb(119,136,153);
	padding: 5px;

   /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

     /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.green, a.green {
	color:   Green; /* Green; */

	text-decoration: none;

}
a.green:hover {
	text-decoration: none;
	background-color: transparent;
}
a.green:active {
	text-decoration: none;
	background-color: transparent;

}

a.raminfo, a.raminfo:visited {

	color:   white;
	text-decoration: none;

}

a.raminfo:active, a.raminfo:hover  {

	color:    #0066FF;
	text-decoration: none;


}



/* ---------- MENU ------------*/
 #menu table{
    width: auto;

 }
#menu th, #menu table, #menu tr, #menu td {
	background: #F4F3F2;
	text-align: center;
	text-transform: uppercase;

	border: 0;
	color: #4C4C4C;
}
#menu td {
	background: rgb(255,255,255);
	color: rgb(58,148,239);
}
#menu th a {
	font-size: medium;
	font-weight: lighter;
	font-variant: small-caps;
	text-align: center;
	text-transform: uppercase;

	color: #4C4C4C;
}
#menu th a:hover, #menu th a.active {

	color: #4C4C4C;
}
#menu th:hover {
	background: #C4DAAC;
}


#cookies-agreement{

	visibility: hidden;
}
/*    https://www.w3schools.com/howto/howto_css_sticky_element.asp */
/* https://medium.com/@elad/css-position-sticky-how-it-really-works-54cd01dc2d46 */