* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #d4d4d4 url(images/bg-body.jpg) top repeat-x;
	text-align: center;
}


a { color: #0f204e; }
a:hover { color: #6c88d3; }
img { border-style: none; }
.block-line-top { padding-top: 3px; background: url(images/block-line-big.gif) top left no-repeat; }
.clear { clear: both; } 


/* ---------------------------------------------------------- */
/* ----------------------- red layout ----------------------- */
/* ---------------------------------------------------------- */
body#red { background: #d4d4d4 url(images/bg-body.jpg) top repeat-x; }
body#red #header { background: url(images/bc_red.jpg) center top no-repeat; }
body#red #logo a span { background-image: url(images/logo-red.jpg);  }
body#red #top-images { color: #f49b97; }
body#red .img-item img { border-top: 5px solid #d35752; }
body#red #search input.bttn { background: #100d0d url(images/search-button-red.gif) repeat-x; border: 1px solid #644443; }

/* ---------------------------------------------------------- */
/* ----------------------- green layout ----------------------- */
/* ---------------------------------------------------------- */
body#green { background: #d4d4d4 url(images/bg-body.jpg) top repeat-x; }
body#green #header { background: url(images/bc_green.jpg) center top no-repeat; }
body#green #logo a span { background-image: url(images/logo-green.jpg);  }
body#green #top-images { color: #c9eba9; }
body#green .img-item img { border-top: 5px solid #6fba1f; }
body#green #search input.bttn { background: #100d0d url(images/search-button-red.gif) repeat-x; border: 1px solid #6fba1f; }

/* ---------------------------------------------------------- */
/* ----------------------- brown layout ----------------------- */
/* ---------------------------------------------------------- */
body#brown { background: #d4d4d4 url(images/bg-body.jpg) top repeat-x; }
body#brown #header { background: url(images/bc_brown.jpg) center top no-repeat; }
body#brown #logo a span { background-image: url(images/logo-brown.jpg);  }
body#brown #top-images { color: #ece5d7; }
body#brown .img-item img { border-top: 5px solid #b7893f; }
body#brown #search input.bttn { background: #100d0d url(images/search-button-red.gif) repeat-x; border: 1px solid #b7893f; }

/* ---------------------------------------------------------- */
/* ----------------------- container ------------------------ */
/* ---------------------------------------------------------- */
.container { width: 924px; margin: 0 auto; position: relative; }

/* ---------------------------------------------------------- */
/* -------------------------- header ------------------------ */
/* ---------------------------------------------------------- */
#header { width: 100%; height: 396px; background: url(images/bg-header.jpg) center top no-repeat; color: #fff; }

/* --- logo --- */ 	
#logo { position: absolute; top: 48px; left: 5px; text-align: center; font-size: 18px; font-weight: bold; }
	#logo a { display: block; width: 236px; height: 61px; overflow: hidden; position: relative; }
	#logo a span { display: block; width: 236px; height: 61px; background-image: url(images/logo.jpg); position: absolute; top: 0; left: 0; cursor: pointer; }

/* --- subnav --- */ 	
#subnav { position: absolute; top: 24px; right: 0; font-size: 11px; }
	#subnav a { color: #fff; text-decoration: none; }
	#subnav a:hover { text-decoration: underline; }

/* --- search --- */ 	
#search { position: absolute; top: 56px; right: 0px; }
	#search input { width: 165px; padding: 2px 3px; margin-right: 6px; border: 1px solid #8d8d8d; background: #f5f5f5 url(images/search-input.gif) repeat-x; color: #8d8d8d; font-size: 11px; }
	#search input.bttn { width: auto; margin: 0; background: #1b2b57 url(images/search-button.gif) repeat-x; text-align: center; color: #f1f7e9; cursor: pointer; border: 1px solid #484b68; }

/* --- top-images --- */
#top-images { color: #cae0f0; font-size: 14px; position: absolute; top: 148px; left: 0; text-align: left; }
	.img-item { float: left; padding-right: 9px; }
	.img-item img { padding-top: 5px; margin-top: 5px; border-top: 5px solid #637ab8; }
	.img-last { padding-right: 0px; }

/* ---------------------------------------------------------- */
/* -------------------------- navigation -------------------- */
/* ---------------------------------------------------------- */
#navigation { margin-bottom: 28px; border-bottom: 1px solid #b4b8c3; background: url(images/block-line.gif) bottom left no-repeat; }
#navigation a { color: #354b84; text-decoration: none;  }
#navigation a:hover, #navigation a.active { color: #6c88d3; }

#navigation ul { font-size: 14px; font-weight: bold; text-transform: uppercase; }
#navigation li { margin-bottom: 20px; list-style: none; }

#navigation ul ul { font-size: 12px; font-weight: normal; margin-top: 20px; }
#navigation ul ul li { padding-left: 18px; margin-bottom: 10px; background: url(images/line-li-li.gif) left top no-repeat; }

/* ---------------------------------------------------------- */
/* ----------------------- content -------------------------- */
/* ---------------------------------------------------------- */
#content { padding-top: 35px; text-align: left;  }

#content h1, #content h2.h2-big { color: #0f204e; font-size: 24px; font-weight: normal; border-bottom: 1px solid #b4b8c3; background: url(images/block-line-big.gif) bottom left no-repeat; padding-bottom: 10px; padding-left: 6px; width:540px; }
#content h1.h1-home { margin-bottom: 14px; }
#content h2.h2-big { margin-top: 35px; }
#content h2.h2-top-margin { margin-top: 30px; }
#content h2 { color: #354b84; font-size: 18px; font-weight: normal; margin-bottom: 14px;  }
#content h3 { color: #354b84; font-size: 12px; margin-bottom: 20px; }
#content h6 { color: #697491; font-size: 10px; }
#content p { line-height: 1.5em; margin-bottom: 20px; }
#content img { border: 5px solid #d4dae2; }

/* ---------------------------------------------------------- */
/* ----------------------- projects ------------------------- */
/* ---------------------------------------------------------- */
#projects { height: 80px; border-top: 5px solid #aaaeb9; border-bottom: 5px solid #aaaeb9; margin-top: 55px; }
#content .right #projects h2 { display: block; float: left; width: 7px; height: 80px; padding: 0; margin-right: 40px; background-image: url(images/projects-sk.gif); overflow: hidden; }
#projects h2 span { display: none; }
#projects img { margin: 0; padding: 0; border-style: none; }
#projects .img-item { float: left; padding: 8px 60px 0 0; }
#projects .img-last { padding-right: 0; } 

/* ---------------------------------------------------------- */
/* ----------------------- panel-url ------------------------ */
/* ---------------------------------------------------------- */
#panel-url { background: #dedfe4 url(images/bg-panel-url.gif) top repeat-x; padding: 8px 0; margin-bottom: 24px; }
#panel-url p { margin: 0 0 0 10px; color: #8691ae; }
#panel-url a { color: #8691ae; text-decoration: none; }
#panel-url a:hover { text-decoration: underline; }

/* ---------------------------------------------------------- */
/* ------------------------ gallery ------------------------- */
/* ---------------------------------------------------------- */
#content .img-gallery { float: left; width: 233px; margin-bottom: 10px; }
#content .img-gallery p { margin-bottom: 12px; }
#content .img-gallery img { margin: 0; padding: 0; }
#content .img-gallery-last { width: 223px; }

/* ---------------------------------------------------------- */
/* --------------------- hlavne stlpce ---------------------- */
/* ---------------------------------------------------------- */
#left { float: left; width: 210px; }
	p#contact-box { color: #9fa6b8; line-height: 1.7em; }

.right { float: right; width: 695px; background-color: #00FF00; padding-bottom: 20px; border-bottom: 1px solid #b4b8c3; background: url(images/block-line-big.gif) bottom left no-repeat; }
.right-noline { border-bottom-style: none; background-image: none; }
	.padding { padding-left: 6px; }

/* ---------------------------------------------------------- */
/* -------------------------- spp --------------------------- */
/* ---------------------------------------------------------- */
#spp-left { float: left; width: 271px; }
	#spp-left img { margin-bottom: 20px; }
#spp-right { float: right; width: 400px; }
	#spp-right img { float:  left; margin: 0 8px 2px 0; }
	#spp-right img.no-margin-right { margin-right: 0; }

table { width: 100%; border-collapse: collapse; color: #354b84; border-bottom: 1px solid #b5b9c4; margin-bottom: 26px; }
table tr td { padding: 8px 0; border-top: 1px solid #b5b9c4; border-collapse: collapse; }
table a { color: #354b84; }

/* ---------------------------------------------------------- */
/* ------------------------ footer -------------------------- */
/* ---------------------------------------------------------- */
#footer { width: 100%; text-align: right; color: #959aa6; font-size: 11px; padding: 10px 0 40px;  }
#footer a { color: #959aa6; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
	a#webdesign-logo { display: block; float: right; margin: 4px 0 0 10px; }
	
table.fotogalery {
	background-image: none;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}
table.fotogalery tr {
	background-image: none;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}
table.fotogalery td {
	background-image: none;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}
table.fotogalery a{
	background-image: none;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

.obsah_img {
	margin: 10px;
}

.addthis_toolbox { position:absolute; z-index:100px; right:0; top:40px;}
.addthis_toolbox a {text-decoration:none}

/* mod mailform */
div.div_content_form input.kolonka { border:#c1c5d0 1px solid; background-color:#FFF; color:#333; font-size:12px; padding:4px; width:300px;}
div.div_content_form input.kolonka2 { border:#c1c5d0 1px solid; background-color:#FFF; color:#333; font-size:12px; padding:4px; width:70px;}
div.div_content_form table tr td { padding: 8px 0; border-top: 1px solid #dedfe4; border-collapse: collapse; }
div.div_content_form textarea.textarea { padding:4px; width:300px; height:80px; border:#c1c5d0 1px solid; background-color:#FFF; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div.div_content_form input.t1a { padding:2px 12px 3px 12px; color:#354b84;}

div.fotoframe { border: 5px solid #d4dae2; float: left; margin: 0 8px 8px 0; width:185px; height:98px; overflow:hidden; }
img.galery_img { border:none !important; margin:0px !important;}