/*zakladni vlastnosti*/
/*------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	line-height: 1.5;
	text-align: center;
	background-color: #008FD5;
	color: #3c3c3c;
}
#synot {
	min-height: 100%;
	width: 100%;
	position: relative;
	text-align: left;
	background: url(../img/img_brozura.gif) no-repeat right bottom;
}
hr {
	clear: both;
	visibility: hidden;
	height: 1px;
}
h2 {
	color: #ed1c24;
	font-size: 190%;
}
p {
	margin-bottom: 1em;
}
ul {
	list-style-type: none;
}

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




/*hlavicka*/
/*------------------------------------------------------*/
#header {
	color: #FFF;
	font-size: 140%;
	background-color: #008ED4;
	width: 760px;
	margin: 0 auto;
}
h1 {
	height: 149px;
	width: 358px;
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
}
h1 span {
	background: url(../img/logo_synot.gif)  no-repeat;
	position: absolute;
	left: 0px;
	height: 149px;
	width: 358px;
	cursor: pointer;
	top: 0px;
}
#slide {
	height: 149px;
	width: 236px;
	float: right;
	background-color: #008ED4;
	display: block;
	border-right: 3px solid #FFF;
	border-left: 3px solid #FFF;
	margin-right: 0px;
	background-image: url(../img/015.jpg);
	background-repeat: no-repeat;
}
/*------------------------------------------------------*/




/*menu*/
/*------------------------------------------------------*/
#menu-blok {
	background: #feffff url(../img/bg_menu.gif) repeat-x center top;
	height: 3.5em;
	padding: 1px 0 0 1px;
	text-align: center;
	clear: both;
}
menu {
	width: 760px;
	margin: 0 auto;
}
menu li {
	list-style-type: none;
	display: inline;
}
menu li a {
	text-decoration: none;
	color: #008ed3;
	float: left;
	height: 2em;
	display: block;
	padding: 0.7em 0.9em 0 0.9em;
	text-align: center;
	font-size: 130%;
	background-color: transparent;
	font-weight: bold;
}
menu li a:hover, menu li a.aktivni, menu li a.active {
	color: #3c3c3c;
	background: #e5f4fc url(../img/bg_menu-hover.gif) repeat-x;
}
/*------------------------------------------------------*/




/*container*/
/*------------------------------------------------------*/
#container {
	width: 760px;
	background-color: transparent;
	margin: 0 auto;
}
#container>#obsah {
	height: auto;
}
/*-------------------------------------------------------*/




/*pravy sloupec*/
/*------------------------------------------------------*/
#right {
	float:right;
	width:241px;
}
h4 {
	color: #FFF;
	font-weight: normal;
	font-size: 210%;
	background: #ed1c24 url(../img/bg_pravy-sl.gif) no-repeat left bottom;
	width: 226px;
	padding-left: 15px;
}
#right li {
	list-style-type: none;
	display: inline;
}
#right li a {
	font-weight: bold;
	color: #FFF;
	display: block;
	margin: 1em 0;
	background-color: #0999e0;
	border: 1px dashed #005c8a;
	padding: 5px;
}
#right li a:hover {
	text-decoration: none;
	background-color: #008FD5;
}
#right li a img {
	border: none;
	margin-left: 5px;
}
#right p a {
	background: url(../img/ico_arrow.gif) no-repeat left center;
	padding-left: 17px;
	margin-left: 7px;
	color: #FFF;
	padding-bottom: 1px;
	display: block;
}
#right a:hover {
	text-decoration: none;
}


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




/*obsah*/
/*------------------------------------------------------*/
#obsah {
	float:left;
	width:504px;
	height: 300px;
	min-height: 300px;
	background: #FFF url(../img/bg_text.gif) no-repeat right top;
	margin-top: 1em;
	margin-right: 0;
	margin-left: 0;
}
#obsah-blok {
	margin: 1em;
}
.ins-h {
	background: #ED1C24 url(../img/bg_h3-bottom.gif) no-repeat left bottom;
	position: relative;
	width: 476px;
	display: block;
	margin-bottom: 1em;
}
h3 {
	color: #FFF;
	font-size: 150%;
	font-weight: normal;
	z-index: 10;
	background: url(../img/bg_h3.gif) no-repeat left top;
	padding: 0 10px;
}

h3.normal {
background: none;
color:#444;
font-weight:normal;
margin-top:.7em;
margin-bottom:0em;
padding:0;
}


#obsah #ins-blok-left {
	float: left;
	width: 28%;
}
#obsah a img {
	border: 3px solid #ddd;
	float: left;
}
#obsah #ins-blok {
	width: 70%;
	float: right;
}
#obsah ul.ins {
	margin-top: 20px;
}
#obsah .ins li {
	display: block;
	list-style-type: none;
}
#obsah .ins li a {
	background: url(../img/ico_arrow2.gif) no-repeat left center;
	padding-left: 20px;
	margin-left: 2px;
	color: #008ed4;
}
#obsah .ins a:hover {
	text-decoration: none;
}
#obsah a {
	color: #008ED4;
}
#obsah a:hover {
	text-decoration: none;
}
#obsah .box {
	border-bottom: dashed 1px #c8d4da;
	width: 476px;
	margin-bottom: 1em;
}
#obsah .box .ins-blok-left {
	width: 60%;
	float: left;
}
#obsah .box a img {
	float: right;
	margin-bottom:2em;
}
#obsah .box.right .ins-blok-right {
	width: 60%;
	float: right;
}
#obsah .box.right a img {
	float: left;
}
address {
	margin-bottom: 10px;
}
/*-------------------------------------------------------*/




/*tabulka*/
/*------------------------------------------------------*/
#obsah table {
	width: 98%;
	border: none;
	border-collapse:collapse;
	border-spacing:0;
}
#obsah td {
	border-top: dashed 1px #c8d4da;
	border-bottom: dashed 1px #c8d4da;
	padding: 3px 0 3px 5px;
}
#obsah .odd td {
	background-color: #e7f5fc;
}
#obsah .even td {
	background-color: #fff;
}
/*-------------------------------------------------------*/




/*paticka*/
/*------------------------------------------------------*/
#footer {
	background-color: #b6e0f5;
	text-align: center;
	width: 100%;
	border-top: 3px solid #008FD5;
	height:60px;
}
#footer-blok {
	width: 760px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px;
	text-align: left;
}
#footer p.left {
	display:block;
	float:left;
	width:45%;
	
}
#footer p.right {
	display:block;
	float:right;
	width:45%;
	text-align:right;
	
}




#footer p {
	margin-bottom: 3px;

}
#footer p a {
	color: #000; 
	font-weight: bold;
}
#footer p a:hover {
	text-decoration: none;
}

#copyright a img {
border:0;
}
#copyright {position:absolute;}
#copyright .imlogo {position:absolute;z-index:1;padding:2px 0 8px 0px;}
#copyright p {margin:0;padding:0;text-align:left;font-size:10px;padding-left:34px;}
#copyright p a {font-size:10px;}
#copyright p,#copyright p a,#copyright p a:hover {color:#000;}