body {
	padding: 0;
	margin: 0;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 75%;
}
#top_box{
	font-size: 110%;

}
#top_menu_obal{
	font-size: 140%;
}
#obal{
	background: #90DDFF;
	padding-bottom: 0;
}
.left {
	float: left;
	text-align: left;
}
.right {
	float: right;
	text-align: right;
}


#nav {
	display: none;
	visibility: hidden;
	width: 0px;
}

#content {
	width: 980px;
	text-align: left;
	background-color: #90DDFF;
	border: 1px solid #90DDFF;
	overflow: visible;

}
/*
#box {
	background-color: #90DDFF;
}
#obal {
	background-color: #90DDFF;
}

.flash_banner{ // hrady
	position: absolute;
	top: 148px;
	right: -21px;
	z-index: 100;
	width: 672px;
	height: 259px;
}


.flash_banner{//koule
	position: absolute;
	top: 110px;
	right: -52px;
	z-index: 100;
	width: 756px;
	height: 333px;
}

*/


.flash_banner{
	position: absolute;
	top: 163px;
	right: -28px;
	z-index: 100;
	width: 680px;
	height: 231px;
	padding: 0px;
}

/*  
------------------------------------------------------------------------
Canvas1
------------------------------------------------------------------------
*/

#canvas1 {
	width: 982px;
	margin: 0 auto;
	padding: 0;
	top: 0;
	color: white;
	background: transparent;
	text-align: left;
}
#canvas1 .left { width: 322px; height: 230px; background: white; /*border: 1px solid white;*/ }

#canvas1 .left h1.heading { width: 304px; height: 230px; background: #051b30 url("../../img/src/headingdarkbluebg.png") left top repeat-x;  
	font-family: "Myriad Pro", Arial, Verdana, Impact,Geneva, Helvetica, sans-serif; font-size: 120%; font-weight: normal; text-transform: uppercase; margin: 0; padding: 9px; }
#canvas1 .left .content { width: 322px; height: 230px; overflow: hidden; background: fff url("../../img/src/aboutbg.png") left top no-repeat; }
#canvas1 .left .content ul { 
	margin: 0; 
	padding: 8px 10px; 
	height: 148px; 
	color: #051b30; 
	text-align: justify; 
	line-height: 140%; 
}
#canvas1 .left .content ul li { 
	margin-left: 20px;
	line-height: 1.8em;
}

#canvas1 .left .content ul a { color: #007895; text-decoration: none; padding: 1px 3px; border: 1px solid #a0e1fd; background: #baeaff; }
#canvas1 .left .content ul a:hover { color: #005e74; background: #baeaff; border: 1px solid #a0e1fd; }
#canvas1 .left .content .footing a { color: white; background: #0089aa url("../../img/src/footingbglink.png") left top repeat-x; padding: 10px 10px 9px 10px; text-decoration: none; border-right: 1px solid #007ea1; }
#canvas1 .left .content .footing a:hover { color: #c8eeff; background: #0089aa url("../../img/src/footingbghover.png") left top repeat-x; text-decoration: underline; border-right: 1px solid #007ea1; }

#canvas1 .right { width: 651px; height: 228px; border: 1px solid white; background: #0095b9 url("../../img/src/actionbannerbg_my.jpg") left top no-repeat; position: relative;  }

#canvas1 .right .actionbg { 
	position: absolute; 
	width: 435px; 
	height: 244px; 
	/*margin: -12px 235px; */
	top: -12px; 
	right: -20px;
	
	background: transparent url(../img/atn/znamky_my3.jpg) no-repeat left top;
	z-index: 10; 
}



#canvas1 .right h1.heading { width: 250px; height: 22px; float: left; text-align: left; 
	font-family: "Myriad Pro", Arial, Verdana, Impact,Geneva, Helvetica, sans-serif; font-size: 150%; font-weight: bold; text-transform: uppercase; margin: 0; padding: 7px; }
#canvas1 .right span.new { float: left; color: #FFF; background: #051B30 url(../../img/src/headingredbg.png) repeat-x scroll left top; font-family: "Impact", Myriad Pro, sans-serif; font-weight: normal; font-size: 15px; margin: 0; padding: 10px 9px 10px 9px; }
#canvas1 .right .content { width: 320px; height: 188px; float: left; z-index: 1; overflow: hidden; }
#canvas1 .right .content p { margin: 0; padding: 8px 10px; height: 137px; color: white; text-align: justify; line-height: 140%; position: relative; z-index:15; }
#canvas1 .right .content p a { color: #007895; text-decoration: none; padding: 1px 3px; border: 1px solid #22bbff; background: #5bccff; }
#canvas1 .right .content p a:hover { color: #005e74; }
#canvas1 .right .content .footing a { float: left; color: white; background: #0089aa url("../../img/src/footingbglink.png") left top repeat-x; padding: 10px 10px 10px 10px; text-decoration: none; border-right: 1px solid #007ea1;  }
#canvas1 .right .content .footing a:hover { color: #c8eeff; background: #0089aa url("../../img/src/footingbghover.png") left top repeat-x; text-decoration: underline; border-right: 1px solid #007ea1; }
#canvas1 .right .content .pricing { float: right; margin-right: 5px; color: white; font-weight: bold; padding: 12px 10px 12px 10px; text-decoration: none; z-index: 15; position: relative }


/*  
------------------------------------------------------------------------
Canvas2
------------------------------------------------------------------------
*/

#canvas2 {
	width: 982px;
	margin: 0 auto;
	padding: 0;
	top: 0;
	color: white;
	background: transparent;
	text-align: left;
	margin-top: 5px;
}

#canvas2 .left { float: left; margin-right: 300px; width: 322px; overflow: hidden; background: white; color: #333; border: 1px solid white; }

#canvas2 .left h1.heading { width: 304px; height: 22px; color: white; background: #051b30 url("../../img/src/headingredbg.png") left top repeat-x; 
	font-family: "Myriad Pro", Arial, Verdana, Impact,Geneva, Helvetica, sans-serif; font-size: 120%; font-weight: bold; text-transform: uppercase; margin: 0; padding: 7px 9px 11px 9px; }
#canvas2 .left h1.heading a { color: white; text-decoration: none; }
#canvas2 .left h1.heading a:hover { color: #f6e0e0; text-decoration: none; }
#canvas2 .left .content { background: #e1f6ff; }
#canvas2 .left .content ul { 
	width: 320px;
	margin: 0;
	padding: 5px 0 15px 0;
	float: left;
}
#canvas2 .left .content ul li { 
	list-style-type: none;
	background: url("../../img/src/point.png") 12px 6px no-repeat;
	width: 135px;
	padding-left: 25px;
	float: left; 
	line-height: 1.5em;
}
#canvas2 li  span { 
	padding-left: 5px;
	color: #fd0000;
	font-size: 80%;
	position: relative;
	bottom: 3px;
}
#canvas2 .left .content ul li a { color: #051b30; }
#canvas2 .left .content ul li a:hover { text-decoration: none; }
#canvas2 .left .content .footing { 
	width: 312px; 
	height: 15px; 
	background: #0089aa url("../../img/src/footingbg.png") left top repeat-x; 
	padding: 12px 10px 12px 0; 
	text-decoration: none; 
	clear: both;
	position: relative;
}
#canvas2 .left .content .footing a { 
	color: white; 
	background: #0089aa url("../../img/src/footingbglink.png") left top repeat-x; 
	padding: 12px 10px 12px 10px; 
	text-decoration: none; 
	border-right: 1px solid #007ea1; 
}
#canvas2 .left .content .footing a:hover { 
	color: #c8eeff; 
	background: #0089aa url("../../img/src/footingbghover.png") left top repeat-x; 
	text-decoration: underline; 
	border-right: 1px solid #007ea1; 
}
#canvas2 .left .content span.arrow { 
	width: 40px; 
	height: 39px; 
	position: absolute; 
	top: 0;
	margin-left: 282px; 
	display: block; 
	clear: both;
}
#canvas2 .left .content span.arrow a { 
	background: none; 
	width: 40px; 
	height: 39px; 
	padding: 0; 
	margin: 0; 
}


#canvas2 .center { float: left; width: 322px; margin-left: -295px; overflow: hidden; background: white; color: #333; border: 1px solid white; }

#canvas2 .center h1.heading { width: 304px; height: 22px; color: white; background: #051b30 url("../../img/src/headingredbg.png") left top repeat-x; 
	font-family: "Myriad Pro", Arial, Verdana, Impact,Geneva, Helvetica, sans-serif; font-size: 120%; font-weight: bold;
	text-transform: uppercase;  margin: 0; padding: 7px 9px 11px 9px; }
#canvas2 .center h1.heading a { color: white; text-decoration: none; }
#canvas2 .center h1.heading a:hover { color: #f6e0e0; text-decoration: none; }
#canvas2 .center .content { background: #e1f6ff; }
#canvas2 .center .content ul { 
	width: 320px;
	margin: 0;
	padding: 5px 0 15px 0;
	float: left;
}
#canvas2 .center .content ul li { 
	list-style-type: none;
	background: url("../../img/src/point.png") 12px 6px no-repeat;
	width: 135px;
	padding-left: 25px;
	float: left; 
	line-height: 1.5em;
}
#canvas2 .center .content ul li a { color: #051b30; }
#canvas2 .center .content ul li a:hover { text-decoration: none; }
#canvas2 .center .content .footing { 
	width: 312px; 
	height: 15px;
	background: #0089aa url("../../img/src/footingbg.png") left top repeat-x; 
	padding: 12px 10px 12px 0; 
	text-decoration: none; 
	clear: both;
	position: relative;
}
#canvas2 .center .content .footing a { color: white; background: #0089aa url("../../img/src/footingbglink.png") left top repeat-x; padding: 12px 10px 12px 10px; text-decoration: none; border-right: 1px solid #007ea1; }
#canvas2 .center .content .footing a:hover { color: #c8eeff; background: #0089aa url("../../img/src/footingbghover.png") left top repeat-x; text-decoration: underline; border-right: 1px solid #007ea1; }
#canvas2 .center .content span.arrow { 
	width: 40px; 
	height: 39px; 
	position: absolute; 
	top: 0; 
	margin-left: 282px;  
	display: block
}
#canvas2 .center .content span.arrow a { background: none; width: 40px; height: 39px; padding: 0; margin: 0; }


#canvas2 .right { float: left; text-align: left; width: 322px; overflow: hidden; margin-left: 5px; background: white; color: #333; border: 1px solid white; }

#canvas2 .right h1.heading { width: 304px; height: 22px; color: white; background: #051b30 url("../../img/src/headingredbg.png") left top repeat-x; 
	font-family: "Myriad Pro", Arial, Verdana, Impact,Geneva, Helvetica, sans-serif; font-size: 120%; font-weight: bold;
	text-transform: uppercase; margin: 0; padding: 7px 9px 11px 9px; }
#canvas2 .right h1.heading a { color: white; text-decoration: none; }
#canvas2 .right h1.heading a:hover { color: #f6e0e0; text-decoration: none; }
#canvas2 .right .content { background: #e1f6ff; }
#canvas2 .right .content ul { 
	width: 320px;
	margin: 0;
	padding: 5px 0 15px 0;
	float: left;
}
#canvas2 .right .content ul li { 
	list-style-type: none;
	background: url("../../img/src/point.png") 12px 6px no-repeat;
	width: 135px;
	padding-left: 25px;
	float: left; 
	line-height: 1.5em;
}
#canvas2 .right .content ul li a { color: #051b30; }
#canvas2 .right .content ul li a:hover { text-decoration: none; }
#canvas2 .right .content .footing { 
	width: 312px; 
	height: 15px; 
	background: #0089aa url("../../img/src/footingbg.png") left top repeat-x; 
	padding: 12px 10px 12px 0; 
	text-decoration: none;  
	clear: both;
	position: relative;
}
#canvas2 .right .content .footing a { color: white; background: #0089aa url("../../img/src/footingbglink.png") left top repeat-x; padding: 12px 10px 12px 10px; text-decoration: none; border-right: 1px solid #007ea1; }
#canvas2 .right .content .footing a:hover { color: #c8eeff; background: #0089aa url("../../img/src/footingbghover.png") left top repeat-x; text-decoration: underline; border-right: 1px solid #007ea1; }
#canvas2 .right .content span.arrow { 
	width: 40px; 
	height: 39px; 
	position: absolute; 
	top: 0;	
	margin-left: 282px;  
	display: block; 
}
#canvas2 .right .content span.arrow a { background: none; width: 40px; height: 39px; padding: 0; margin: 0; }

/*  
------------------------------------------------------------------------
Canvas3
------------------------------------------------------------------------
*/

#canvas3 {
	width: 982px;
	margin: 0 auto;
	padding: 0;
	top: 0;
	color: white;
	background: transparent;
	text-align: left;
	margin-top: 5px;
}
#canvas3 .right { width: 324px; }

#canvas3 .right .banner { width: 322px; height: 120px; float: left; border: 1px solid white; margin-bottom: 5px;  }

#canvas3 .left { width: 651px; border: 1px solid white; background: white;  }

#canvas3 .left h1.heading { width: 631px; height: 26px; float: left; position: relative; text-align: left; background: #de0000 url("../../img/src/headingdarkbluebg.png") left top repeat-x; 
	font-family: "Myriad Pro", Arial, Verdana, Impact,Geneva, Helvetica, sans-serif; font-size: 130%; font-weight: bold;
	text-transform: uppercase; font-size: 20px; margin: 0; padding: 7px 10px; }
#canvas3 .left h1.heading span { position: absolute; top: 11px; right: 10px; font-family: "Arial", Helvetica, sans-serif; font-size: 60%; text-transform: none; color: white;}
#canvas3 .left h1.heading span a { color: white; }
#canvas3 .left h1.heading span a:hover { color: #e1f6ff; text-decoration: none; }
#canvas3 .left .content { width: 649px; float: left; z-index: 1; }
#canvas3 .left .content .date { color: #828d97; margin: 14px 10px 5px 10px; background: white url("../../img/src/dateicon.png") left top no-repeat; padding-left: 15px; }
#canvas3 .left .content h2 { margin: 0 10px; padding: 0; color: #fd0000; font-size: 140%; }
#canvas3 .left .content h2 a { color: #fd0000; }
#canvas3 .left .content h2 a:hover { color: #df0000; text-decoration: none; }
#canvas3 .left .content .article{ padding: 10px 10px 0 10px;}
#canvas3 .left .content p { margin: 0;  color: #051b30; text-align: justify; line-height: 140%; }
#canvas3 .left .content p a { color: #007895; text-decoration: underline; }
#canvas3 .left .content p a:hover { color: #005e74; }
#canvas3 .left .content p a.next { color: #007895; text-decoration: none; padding: 1px 3px; border: 1px solid #a0e1fd; background: #baeaff; }
#canvas3 .left .content p a.next:hover { color: #005e74;  }
#canvas3 .left .content .article span.photo { margin: 10px 10px 0 10px; padding: 4px; border: 1px solid #008aab; float: left; width: 150px; height: 100px; }
#canvas3 .left .content .article span.photo a { padding: 1px; border: 1px solid #8ddcff; float: left; width: 146px; height: 96px; }
#canvas3 .left .content .article span.photo a:hover { border: 1px solid #008aab; }
#canvas3 .left .content .footing { width: 651px; height: 39px; background: #0089aa url("../../img/src/footingbg.png") left top repeat-x; margin-top: 11px; }
#canvas3 .left .content .footing a { float: left; color: white; background: #0089aa url("../../img/src/footingbglink.png") left top repeat-x; padding: 12px 10px 12px 10px; text-decoration: none; border-right: 1px solid #007ea1; }
#canvas3 .left .content .footing a:hover { color: #c8eeff; background: #0089aa url("../../img/src/footingbghover.png") left top repeat-x; text-decoration: underline; border-right: 1px solid #007ea1; }
#canvas3 .left .content .pricing { float: right; margin-right: 20px; color: white; font-weight: bold; padding: 12px 10px 12px 10px; text-decoration: none; }