/* LAYOUT */
* {
	padding: 0;
	margin: 0;
}
#counter {display: none;}
body {background: #e8f2f4; color: #303030; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#page {
	width: 100%; text-align: center;
	background: url(img/body_bg.jpg) top left repeat-x;
}
#container {
	width: 740px; margin: 0px auto;
	background: #ffffff url(img/content_bg.jpg) top center repeat-y;
	text-align: left; color: #303030;
}
#header {
	height: 440px; position: relative;
	background: #416FA0 url(img/header_bg.jpg);
	color: #ffffff; font-size: 11px;
}
#content {
	margin: -10px 35px 0px 35px;/*22px st�n + margin od kraje */
	font-size: 12px;
}
#content div.colL {float: left;}
#content div.colR {float: left; border-left: 1px dotted #4176ad; padding-left: 8px; color: #4c4c4c;}
#footer {
	height: 50px; overflow: hidden; clear: both;
	background: #416FA0 url(img/footer_bg.jpg); color: #ffffff;
}

/* OBECN� */
.cleaner {clear: both;}

/* nadpisy */
h1, h2 {font-size: 0px !important; visibility: hidden;} /* Pouze p�i vypnut�ch css */
#header h3 {text-align: center; margin: 0 0 5px 0; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#content h3 {
	margin: 30px 0 10px 0; clear: both;
	color: #4176ad; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 24px; font-weight: normal; letter-spacing: 1px;
}
h4 {margin: 12px 6px 8px 6px; color: #4176ad; font-size: 14px; font-weight: bold;}
.colR h4 {margin: 0 0 8px 0; color: #5791cd;}
h5 {margin: 6px 4px 4px 4px; font-size: 12px; font-weight: bold;}

/* ostatn� */
p {line-height: 130%;}
#header p {font-size: 11px; margin: 5px 0; text-align: justify;}
#content p {margin: 0 8px 8px 8px;}
.colR p {margin: 0 4px 6px 4px;}

ul {list-style-type: none; margin: 8px;}
.colR ul {margin: 6px 4px;}
ul li{line-height: 150%; padding-left: 12px; background: url(img/ul.jpg) left 60% no-repeat;}

#content a.ext {color: #303030; padding-right: 12px; background: url(img/exLink.gif) top right no-repeat;}
#content a.ext:hover {text-decoration: none}

cite {
	display: block; margin: 3px 0px; padding: 3px 6px; background: #e8f2f4; border-left: 1px solid #a0c6ce;
	font-size: 11px; line-height: 120%; font-style: italic;
}

/* HEADER */
/* sidebar in ���ka 212px, margin 8px -> ���ka: 196px */
/* left 504px + 8px margin -> 512*/
#topCall {
	position: absolute; top: 376px; left: 72px;
	width: 215px; height: 50px; overflow: hidden;
	font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px;
}
#topCall strong {display: block; font-size: 26px; letter-spacing: 3px;}
#topWelcome {position: absolute; top: 7px; left: 517px; width: 186px; line-height: 100%;}
#topInfo {position: absolute; top: 215px; left: 517px; width: 186px;}
#topInfo a {color: inherit; text-decoration: none;}
#topInfo a:hover {text-decoration: underline;}
#topTimes {position: absolute; top: 316px; left: 517px;	width: 186px;}
#topTimes table {width: 186px; font-size: 11px; white-space: nowrap;}
#topTimes table td {padding: 2px 0px;}
#topTimes table td.left {width: 120px;}
#topTimes table td.right {font-weight: bold;}


/* CONTENT */
/* ���ka contentu je 670px */

.message {margin-top: 20px; padding-left: 160px; min-height: 120px;}
.message h4 {padding-top: 30px;}
.message p {}
#dovolena {background: url(img/message_dovolena.png) no-repeat left center;}
#oznameni {background: url(img/message_oznameni.png) no-repeat left center;}
#novinka {background: url(img/message_novinka.png) no-repeat left center;}

/* Kde n�s najdete */
#kdeNasNajdete .colL {width: 440px;}

#boxMaps {height: 25px; padding-top: 25px; padding-left: 40px; }
#boxMaps a {
	display: block; height: 25px; line-height: 25px; float: left; position: relative; margin: 0px 15px;
	vertical-align: middle; text-align: center; font-size: 11px; overflow: hidden;
}
#boxMaps a span {
	position: absolute; top: 0px; left: 0px; height: 25px;
	background-position: top left; background-repeat: no-repeat;
	color: #303030; /* HACK: posouv�n� background u span� p�i hoveru na nad�ezen�m a v IE */
}
#boxMaps a:hover span {background-position: bottom left; color: #313131; cursor: pointer;}
#boxMaps .mapycz, #boxMaps .mapycz span {width: 104px;}
#boxMaps .mapycz span {background: url(img/mapsMapycz.jpg);}
#boxMaps .google, #boxMaps .google span {width: 68px;}
#boxMaps .google span {background: url(img/mapsGoogle.jpg);}
#boxMaps .idnes, #boxMaps .idnes span {width: 72px;}
#boxMaps .idnes span{background: url(img/mapsIDnes.jpg);}

/* Smluvn� pojo��ovny */
#smluvniPojistovny li strong {display: block; float: left; width: 30px;}

/* Fotogalerie */
.foto {height: 77px;}
.foto a {
	display: block; width: 137px; height: 77px; position: relative; float: left; overflow: hidden;
	margin-left: 8px; margin-bottom: 8px; background: #ffffff url(img/photo_bg.jpg) top left no-repeat;
	color: #303030; font-size: 11px; line-height: 77px; vertical-align: middle; text-align: center;
}
.foto a:hover {color: #313131; background: #fefefe url(img/photo_bg_hover.jpg) top left no-repeat;}
.foto a span {
	position: absolute; top: 6px; left: 6px; display: block;
	width: 120px; height: 60px; background: left top no-repeat;
}
.foto .o1 span {background: url(photo/1t.jpg);}
.foto .o2 span {background: url(photo/2t.jpg);}
.foto .o3 span {background: url(photo/3t.jpg);}
.foto .o4 span {background: url(photo/4t.jpg);}

.foto .i1 span {background: url(photo/5t.jpg);}
.foto .i2 span {background: url(photo/6t.jpg);}
.foto .i3 span {background: url(photo/7t.jpg);}
.foto .i4 span {background: url(photo/8t.jpg);}

.foto .l1 span {background: url(photo/9t.jpg);}
.foto .l2 span {background: url(photo/10t.jpg);}
.foto .l3 span {background: url(photo/11t.jpg);}
.foto .l4 span {background: url(photo/12t.jpg);}
.foto .l5 span {background: url(photo/13t.jpg);}
.foto .l6 span {background: url(photo/14t.jpg);}

/* Footer */
#footer p {
	margin: 14px 35px 0px 35px; height: 36px; line-height: 36px;
	text-align: center; vertical-align: middle;
	color: #ffffff; font-size: 11px;
}
#footer a {color: #ffffff;}
#footer a:hover {text-decoration: none;}