/*  -----reset-----  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  --------------------------------------------*/



body
{
	background: #389bd1 url(images/back.png);
	width: 950px;
	height: 100%;
	margin: 0px auto;
	font-family: Calibri,arial, Sans serif;
	color: #ffffff;
	font-size: 1.05em;
}

.fl
{
  float: left
}

.fr
{
  float: right;
}

.stred
{
  text-align: center;
}

#top
{
	
	position: absolute;
	z-index: 1;
	background: url(images/top.png);
	height: 170px;
	width: 100%;
	top: 0px;
	left: 0px;
}

#levy
{
	position: absolute;
	z-index: 2;
	width: 350px;
	min-height: 200px;
	float: left;
}

#levy_gal
{
	position: absolute;
	z-index: 1;
	width: 350px;
	height: 100%;
	float: left;
}

#menu_back
{
	position: absolute;
	z-index: 0;
	top: 170px;
	width: 950px;
	height: 30px;
	background: url(images/menu_back.png);}


#menu
{
	position: absolute;
	z-index: 4;
	padding: 0px 0px 0px 355px;
	top: 170px;
	height: 30px;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	list-style: none;
}

#menu ul 
{
	margin: 0px;
	padding: 0px;
	list-style:  none;
	line-height: normal;
}

#menu li 
{
	float: left;
}

#menu a 
{
	display: block;
	text-decoration:  none;
	font-weight: bold;
	color: #cdcacb;
  	text-align: center;
  	height: 27px;
	padding:3px 5px 0px 5px;
}

#menu a:hover 
{
	background-position: center;
	background-repeat: no-repeat;
	background: url(images/menu_selected.png);
	color: #ffffff;
}

#komplet
{
	position: absolute;
	z-index: 1;
	top: 200px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}

#telo
{	
	top: 0px;
	padding: 12px 0px 10px 0px;
	width: 950px;
	min-height: 500px;
	margin: 0px auto;
	background: url(images/komplet_back.png);	
}

.odstavec
{
	margin: 0px 0px 10px 360px;
	width: 580px;
	min-height: 110px;
	background: url(images/text_back.png);
}

.odstavec span
{
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}

.odstavec h1
{
  padding:5px;
  color: #08053E;
  font-size: 1.3em;
  font-style: bold;
  font-variant: small-caps; 
}

.odstavec h2
{
  padding:5px;
  color: #08053E;
  font-size: 1.3em;
  font-style: bold;
  font-variant: small-caps; 
}

.odstavec h3
{
  padding:5px;
  color: #08053E;
  font-size: 1.2em;
  font-style: bold;
  font-variant: small-caps; 
}

.odstavec h1 a
{
  color: #08053E;
  text-decoration: none;
}

.odstavec h1 a:hover
{
  color: #08053E;
  text-decoration: underline;
}

.odstavec h2 a
{
  color: #08053E;
  text-decoration: none;
}

.odstavec h2 a:hover
{
  color: #08053E;
  text-decoration: underline;
}

.odstavec p
{
  padding: 0px 5px 5px 5px;
  line-height: 1.2em;
}

.odstavec img
{
	margin: 5px 5px 5px 5px;
	border: solid 1px;
	border-color: #000000;
}

.odstavec a
{
	color: #dddddd;
	text-decoration: underline;
}

.odstavec a:hover
{
	color: #bbbbbb;
	text-decoration: none;
}

.odstavec ul
{
  padding: 0px 15px 5px 15px;
  line-height: 1.2em;
}

.rekl_mala
{
	background: #fafafa url(images/rekl_back.png);
	width: 324px;
	height: 140px;
	margin: 10px 10px 0px 10px;
	border: solid 3px;
	border-color: #333333;
	font-family: calibri, sans serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.rekl_mala p
{
  margin: 35px 10px 10px 10px;
  color: #0a0a0a;
  font-size: 1.25em;
}

.rekl_mala img
{
  float: left;
}

.rekl_velka
{
	background: #fafafa;  
  width: 324px;
  margin: 10px 10px 0px 10px;
  border: solid 3px;
	border-color: #333333;
	font-family: calibri, sans serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.rekl_velka p
{
  margin: 0px 10px 10px 10px;
  color: #0a0a0a;
  font-size: 1.25em;
  text-align: center;
}

.rekl_velka a
{
  color: #4a4a4a;
  text-decoration: none;
}.rekl_velka a:hover
{
  color: #2a2a2a;
  text-decoration: underline;
}

.download
{
	background: #fafafa url(images/down_back.png) no-repeat;
	width: 324px;
	height: 140px;
	margin: 10px 10px 0px 10px;
	border: solid 3px;
	border-color: #333333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #201e1e;
	text-align: center;
}

.download h3
{
	font-size: 1.2em;
  font-variant: small-caps;
  padding: 10px 0px 10px 0px;
}

.download p
{
	font-size: 1.2em;
  padding: 40px 0px 10px 0px;
}

.download a
{
	text-decoration: none;
	font-size: 1.15em;
	color: #fafafa;
}

.download a:hover
{
	text-decoration: underline;
	color: #ffffff;
	font-size: 1.15em;
}

#footer
{
  background: url(images/foot.png) no-repeat;
  width: 585px;
  position: absolute;
	z-index: 1;
  font-size: 12px;
  font-style: italic;
  color: #222222;
  padding: 50px 10px 20px 365px;
}

#footer a
{
  color: #000000;
  font-style: underline;
}

#footer a:hover
{
  color: #000000;
  font-style: none;
}




/*kontaktni formular*/


#boxes #dialog2 {
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  display:none;
  z-index:9999;
  padding:20px;
  line-height: 1.3em;
}

.close
{
 text-align: right;
 text-decoration: none;
 padding-right: 1.5em;
 color: #aa0000;
 float: right;
}

#contact_form_holder { 
    background: url(images/modal.png);
    font-family: 'Calibri'; 
    font-variant: small-caps; 
    width:400px;
    padding: 10px;
}
#contact_form_holder input, #contact_form_holder textarea { 
    width:398px; 
    font-family:inherit; 
    padding:0px;
    
}
#contact_form_holder textarea { 
    height:100px;
}
#send_message { 
    width:200px !important;
    font-variant: small-caps; 
    border:1px solid black;
    cursor:pointer;
    cursor:hand;
}
#cf_submit_p { text-align:right; }

.error { display: none; padding:10px; color: #D8000C; font-size:12px;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}

#contact_logo { vertical-align: middle; float: left; }
.error img { vertical-align:top; }









#carousel_inner {
float:left; /* important for inline positioning */
width:850px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
}

#carousel_ul {
position:relative;
left:-425px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:415px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:400px;
background: #000000;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:380px; 
width:50px;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}

#photos h2
{
  padding:5px;
  color: #ffffff;
  font-size: 1.5em;
  font-style: bold;
  font-variant: small-caps;
}

#photos p
{
  padding-left:5px;
}