/* -------------------------------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------------------- */
div#header {clear:both;position:relative; width:855px; height:270px; margin-left:12px; background:#0371c2 url(header-profil.jpg) no-repeat; z-index:0; color:#fff000;}
div#header.kontakt {background: url(header-kontakt.jpg) no-repeat;}
div#header.siti {background: url(header-siti.jpg) no-repeat;}
div#header.pronajem {background: url(header-pronajem.jpg) no-repeat;}
div#header p {margin-left:40px; padding-top:60px; font-size:150%;}

div#header h2 {position:relative;float:right;width:507px; height:240px; color:#fff000;}
div#header h2 strong {position:absolute; left:0; bottom:0; padding:0 0 10px 10px; font-size:200%;}
div#header h2 span {display:block;position:absolute; top:0; left:0; width:507px; height:240px; background:url(novinky.jpg) no-repeat right top;}
h2#profil span {background:url(profil.jpg) no-repeat right top !important;}
h2#pronajem span {background:url(bg-pronajem.jpg) no-repeat right top !important;}
h2#kontakty span {background:url(kontakty.jpg) no-repeat right top !important;}

div#box {position:absolute; right:0; bottom:0; width:140px; padding-left:15px; padding-bottom:3px; background:#0070c1;}
div#box p {margin:0; padding:0; font-size:1em;}

a#mail_us {display:block; position:relative; width:129px; height:33px; border-bottom:1px solid #003475;}
a#mail_us span {display:block; position:absolute; top:0; left:0; width:129px; height:33px; background:url(mail-us.gif) no-repeat;}
div#box form label, div#box form label span {display:block; position:relative; height:28px; width:129px; margin:0;}
div#box form label span {position:absolute; top:0; left:0; background:url(search-label.gif) no-repeat;}
input#search {float:left;width:102px; height:15px; padding-bottom:3px; background:#FFF url(input-shadow.gif) no-repeat left bottom; border:none; line-height:15px;}
input#submit_search {height:18px; width:29px; padding-bottom:3px; background:#fff100 url(submit.gif) no-repeat right bottom; border:0; color:#00215b; line-height:15px; font-size:11px; cursor:pointer;}

div#page {margin:0 12px 0 12px; background:#fff url('bg-leftmenu.jpg') 0 0 repeat-y; }

div.header_home {background:url(header-home.jpg) no-repeat !important;}
div#header ul {margin:0 0 0 430px; padding-top:30px;}
div#header ul li { float:left; margin:0; list-style: none;}
div#header ul li a { display:block; width:71px; height:130px; padding-left:11px; background:#FFF url(fast-link.jpg) no-repeat left bottom; text-decoration:none; color:#fff100; line-height:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
div#header ul li a img {margin:0 0 20px 2px;}
div#header ul li a strong {display:block;}
li.first-link a {background:url(fast-link-first.jpg) no-repeat right bottom !important;}
li.last-link a {background:url(fast-link-last.jpg) no-repeat left bottom !important; width:85px !important;}

/* -------------------------------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------------------------------- */
div#content {float:left; width:680px; color:#00205a;}

div#content h2 {width:320px; margin:2px 0 2px 0; padding:5px 0 5px 15px; background:#fff200; color:#00205a; font-size:1em;}
div#content h3 { margin-bottom:10px; color:#00205a; font-size: 1em;}
h2#mapa {width:330px !important;}
div.text_left, div.mapa {float:left;width:320px; padding-left:15px; padding-top:3px; border-left:3px solid #fff200;}
div.mapa {padding-left:2px; padding-top:0; width:340px;}

div#content .text_right {float:right; width:315px; padding: 3px 5px;}

div#content p {margin: 0.5em 0;}

/* -------------------------------------------------------------------------------------------------------
NEWS
------------------------------------------------------------------------------------------------------- */
div#news {float:right; width:160px; font-size: 9pt;}

div#news h2  {margin:3px 0 18px 0;padding:5px 0 5px 12px; font-size: 1em; color:#00205a; background:#fff100;}

div#news dl { padding-left:6px; border-left:1px solid #d6d6d6;}
div#news dl dt, div#news dl dd {padding-left:3px;border-left:3px solid #fff100;}
div#news dl dt {color:#0070c1; font-weight:bold;}
div#news dl dd {margin-bottom:15px; color:#00205a;}

div.bor {width:868px; height:12px; margin:0 auto 0 auto; background:#02337c;}
div.bor_bottom {height:17px;}

/* -------------------------------------------------------------------------------------------------------
CONTACT
------------------------------------------------------------------------------------------------------- */
div#contacts {float:right; width:318px; line-height: 1.5em;}
div#contacts h3 {color:#117ac5; font-size:1.3em; margin-bottom:4px;}
div#contacts strong {color:#117ac5; font-weight:bold;}
div.person {float:none; clear:left; height:68px; margin:3px 0 3px 0; font-size:0.9em;}
div.person img {float:left; margin-right:5px;}
div.person strong { margin-right:20px; }

p.space_bottom {margin-bottom:10px;}

/* -------------------------------------------------------------------------------------------------------
HOMEPAGE
------------------------------------------------------------------------------------------------------- */
div#yellow_column {float:left; width:332px; height:461px; margin: 0; background:url(yellow-column.jpg) repeat-y;}
div#yellow_column img {margin: 0; float: left;}
div#blue_column {float:left; width:165px; height:307px; margin:2px 1px 0 0; background:#006fc0;}
	div#blue_column h2 {position:relative;width:165px; height:91px; padding:0; margin:0;}
	div#blue_column h2 span {position:absolute; top:0; left:0; width:165px; height:91px;}
	h2#pronajem_obleceni span {background:url(pronajem.jpg);}
	h2#zakazkove_siti span {background:url(zakazkove-siti.jpg);}
	
	div#blue_column p {color:#FFF; font-size:11px; margin:5px 5px 10px 10px;}
	
ul.home_list {list-style:none;}
ul.home_list li {padding-left:15px; background:url(b-list.gif) no-repeat left 4px; margin: 0.5em 0 !important;}

.text_right h1 {font-size: 1.5em; margin: 0.5em 0;}