/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #fff url(../images/pozadie.jpg) repeat-x 0px 80px;
	text-align: center;
}

/* links */
a { 
	color: #C41230;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #C41230;
	background-color: inherit;
	text-decoration: underline;
}


/* headers */
h1, h2, h3 {
	font: normal 1em Sylfaen, 'Trebuchet MS', Arial, Sans-serif;
	color: #000;	
}
h1 { font-size: 2.4em; } 
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }

h3.geocelky {
	font-size: 1.2em;
	text-align: right;
}

h2 a {
	color: #004c00;
	text-decoration: none;
}

p, h1, h2 {
	margin: 15px 15px;
}
h3 {
	margin: 30px 15px 15px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #444444;
}
ul span, ol span {
	color: #666666; 
}

/* images */
img {
	border:  none;
}
#main img {
	border: none;
	padding: 0px;
}
#main img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

#main a img {  
  border: none;
  padding: 0;
}

#main a:hover img {  
  border: none;
  padding: 0;
}


/*
a img.littleborder {  
  border: 1px solid #dcdcdc;
}
a:hover img.littleborder {  
  border: 1px solid #dcdcdc !important;
}
*/
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #339900; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #339900;   
	color: #339900;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
form.no-border {
	margin: 0; padding: 0;
	border: none; 
	background-color: transparent; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #777777;	
}

fieldset {
	padding: 5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
	border:solid 1px #ccc;
}

fieldset legend {
	color:#ccc;
	font-weight:bold;
	font-size: 12px;
}

.box input {
	background: url('../images/inputbg.jpg') no-repeat 0% 0%;
	border: none;
	width: 148px;
	height: 24px;
	padding: 5px 5px 0 5px;
}
.box input.button {
	background: url('../images/buttonbg.jpg') no-repeat 0% 0%;
	border: none;
	width: 59px;
	height: 24px;
	color: #ffffff;
	padding: 0;
	margin-right: 10px;
}

/***********************
	  LAYOUT
************************/
#wrap {
	background: inherit;
	width: 920px; height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: inherit;
}

/* header */
#header {
	position: relative;
	height: 80px;	
	background: url('../images/headerbg.jpg') no-repeat 0% 0%;	
}
#header #logo {
	position: absolute;
	margin: 0; padding: 0;
	top: 20px; left: 20px;	
}
#header #langsk {
	position: absolute;
	margin: 0; padding: 0;
	top: 25px; left: 810px;	
}
#header #langen {
	position: absolute;
	margin: 0; padding: 0;
	top: 25px; left: 855px;	
}

/* banner */
#banner {
	position: relative;
	height: 290px;	
	background: url('../images/banner.jpg') no-repeat 0% 0%;	
}

/* menu */
#menu {
	position: relative;
	height: 50px;	
	background: url('../images/menubg.jpg') no-repeat 0% 0%;	
	padding: 8px 0 0 12px;
}
#menu1 {
	position: relative;
	height: 50px;	
	background: url('../images/menubg1.jpg') no-repeat 0% 0%;	
	padding: 8px 0 0 12px;
	margin-bottom: 0px;
}

/* main */
#main {
	float: left;
	padding: 0;
	width: 100%;
	text-align: left;
}
#main table td {
	vertical-align: top;
}
#main1 {
	float: left;
	padding: 0;
	width: 100%;
	text-align: left;
	background: url('../images/mainbg1.jpg') no-repeat 0% 100%;
	margin-top: -20px;
	margin-bottom: 30px;
}
#main1 table td {
	vertical-align: top;
}

/* novinky */

.novinky-wrap {
	background: url('../images/novinkybg.jpg') no-repeat 0% 0%;
	width: 100%;
	margin: 10px 0;
}
.novinky {
	background: url('../images/novinkybg2.jpg') no-repeat 0% 100%;
	width: 100%;
	padding: 0px;
}
.novinky2-wrap {
	background: url('../images/novinkybg_b.jpg') no-repeat 0% 0%;
	width: 100%;
	margin: 10px 0;
}
.novinky2 {
	background: url('../images/novinkybg2.jpg') no-repeat 0% 100%;
	width: 100%;
	padding: 15px;
}
.novinky3-wrap {
	background: url('../images/novinkybg_c.jpg') no-repeat 0% 0%;
	width: 553px;
	margin: 10px 0;
}
.novinky3 {
	background: url('../images/novinkybg2_c.jpg') no-repeat 0% 100%;
	width: 553px;
	padding: 15px;
}
.box-wrap {
	background: url('../images/boxbg.jpg') no-repeat 0% 0%;
	width: 331px;
	margin: 10px 0;
}
.box {
	background: url('../images/boxbg2.jpg') no-repeat 0% 100%;
	width: 331px;
	padding: 5px 10px;
	color: #fff;
}
.box a {
	color: #ffc1c2;
}
.box2-wrap {
	background: url('../images/boxbg_b.jpg') no-repeat 0% 0%;
	width: 331px;
	margin: 10px 0;
	font-size: 9px;
}

.table1 {
	background: url('../images/table1bg.jpg') repeat-y 0px 0px;
}
.table23 {
	background: url('../images/table23bg.jpg') repeat-y 0px 0px;
}
.table123 {
	background: url('../images/table123bg.jpg') repeat-y 0px 0px;
}

.novinky table td {
	vertical-align: top;
	padding: 10px;
}
.novinky2 table td img {
	margin-top: 10px;
}
.novinky3 table td img {
	margin-top: 10px;
}
.table23 table td, .table123 table td {
	vertical-align: top;
	padding: 5px 20px;
}

.klient {
	background: url('../images/submenu_box_tbg.jpg') no-repeat 0% 100%;
	color: #fff;
	padding: 0;
	margin: 20px 0 30px 25px;
}

.klientobr {
	background: url('../images/submenu_box_kbg.jpg') no-repeat 0% 100%;
	color: #fff;
	padding: 0;
	margin: 20px 0 30px 25px;
	
}
.subtext {
	margin: 0 15px;
	height: 67px;
}
.subtext2 {
	margin: 0 40px 0 15px;
	height: 28px;
	text-align: right;
	color: #ddd;
}
.subtext2 a {
	color: #ddd;
}
.subtext h2 {
	font: normal 24px 'Sylfaen', 'Times New Roman', verdana, sans-serif;
	color: #fff;
	padding: 0;
}
.subtextright {
	float: right;
	width: 500px;
	padding: 0 20px 0 0;
	margin-top: -50px;
}
.subtextleft {
	padding: 0 0 0 15px;
	margin-top: -10px;
	color: #ddd;
}
.subtextleft a {
	color: #ddd;
}
.submenu {
	margin: 0;
	height: 50px;
	padding: 0;
}

.submenu img {
	padding: 0;
	margin: 0;
}
.klientobr h1 {
	font: normal 24px 'Sylfaen', 'Times New Roman', verdana, sans-serif;
	color: #fff;
	padding: 0;
}
.sylfaen {
	font: normal 24px 'Sylfaen', 'Times New Roman', verdana, sans-serif;
	color: #000;
	padding: 0;
	margin-left: 24px;
}



/* Footer */
#footer { 
	clear: both; 
	color: #333; 
	background: #fff url('../images/footerbg.jpg') repeat-x 0% 100%; 
	margin: 0; padding: 0; 
	height: 211px;	  
	font-size: 95%;		
	width: 100%;
	text-align: center;
}
#footer-wrap {
	width: 920px;
	height: 209px;
	margin: 0 auto;
	background: url('../images/footerbg2.gif') no-repeat 0% 100%; 
}
#footer a { 
	text-decoration: none; 
	font-weight: normal;	
	color: #333;
}
#footer a:hover { 
	color: #000;
}
#footer .column1 a { 
	text-decoration: underline; 
}
#footer .footer-left a, #footer .footer-right a { 
	color: #C41230;
	text-decoration: underline; 
}

#footer .footer-left{
	float: left;
	width: 50%;
}
#footer .footer-right{
	float: right;
	width: 50%;
}
#footer #footer-menu {
	height: 171px;
}

#footer #footer-menu .column1{
	float: left;
	width: 33%;
}
#footer #footer-menu .column2{
	float: left;
	width: 17%;
}
#footer #footer-menu .column3{
	float: left;
	width: 17%;
}
#footer #caffe{
	margin: 4px 0 0 48px;
	float:right;
}



p.thumbs{ padding: 0 0 0 0; }

.thumbs img { 
	position: relative;
	padding: 4px;
	margin: 3px;
	background: #fafafa;
 	border: 1px solid #dcdcdc;	
}
.thumbs img:hover	{
	border: none;
	background: #8E8E8E;
	padding: 3px;
}
.thumbs a:hover { background-color: transparent; border: none; }


/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.align-justify {	text-align: justify; }

/* additional classes */
.clear { clear: both; }
.green {	color: #339900; }
.gray  {	color: #bdbdbd; }
.pink { color: #C41230; font-style: normal; }
.itmenu {	color: #339900; font-size: 1.3em; }
.itmenugrey {	color: #bdbdbd; font-size: 1.3em; }
.bold {	color: #060; font-weight: bold; }
.bordove { color: #c41230; }


/* sizes */
.size25 {
	width: 25%;
}
.size50 {
	width: 50%;
}
.size75 {
	width: 75%;
}
.size60 {
	width: 60%;
}
.size40 {
	width: 40%;
}