body {
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
	font-size: 13px;
	background: #7c7c7c url('img/bg3.jpg') no-repeat center top;
	text-align: center;
}
#web {
	text-align: left;
	width: 1000px;
	margin: auto;}

/* TITLE */

#title { }
#title #logo{ width: 295px; height:85px; margin:0; float:left; border:0}	
#title #flags{ width:180px; float:right; margin: 8px 10px 0 0; }
#title #flags img{ border:0; width: 34px; height: 23px; float: left; margin-right: 10px}

#title  #title-text{ width: 305px; margin:12px 65px 0 0; float:right;clear:right }
#title #title-text big { width: 305px; height:34px; color:gray; position: relative; margin: 0; padding: 0; font-size:15px; line-height: 14px }
#title #title-text big span { display: block; position: absolute; left: 0;top: 0; width: 305px; height: 34px; background: url('img/title_text_cz.png') no-repeat; }
#title #title-text big span.nl-title-text { background: url('img/title_text_nl.png') no-repeat; }


#title #animace{ float:left; clear:left; background: url('img/animace_1.jpg') no-repeat center top; width: 998px; height: 306px;border:0px solid red;margin-left:1px}
#title #topmenu-blok{ float:left; clear:left; width: 998px; /*height: 43px; */margin: 1px 0 1px 1px; background-color: black  }	
	
  
  
  
#title #animace-2019{ float:left; clear:left; background: url('img/animace_nebe.jpg') no-repeat center top; width: 978px; padding: 10px; height: 286px;border:0px solid red;margin-left:1px}
  
  
  
  
  
  
  
  
  
	
#obsah {
	float:left; clear:left;
	margin: 0; padding: 0;
	background-color: white;
	text-align: center;
}
	
/* LEFT SIDE */	

#left-side  {
	clear:left;
	width: 960px;
	text-align: left; 	float: left;
	padding: 20px 20px 25px 20px;}

#left-side #foto-blok{
	float:right;
	/* width: 665px; */
	width: 442px; height: 350px; background: url('img/foto_blok.png') no-repeat center top;
	margin: 20px; padding:41px 0 0 0;}
	

#left-side #table-zbozi td .stitek-katalog-prodano { float:right; border:0; background-color:red;padding:0;width:76px;text-align:center;line-height:24px;height:24px;position:absolute; margin:-14px 0 0 172px;font-size:13px;color:white;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
 

#left-side #detail-foto  { border:1px solid #e6e6e6;width:350px; float:left; margin-top:25px }

#left-side  .stitek-katalog-prodano-detail { float:right; border:0; background-color:red;padding:0;width:90px;text-align:center;line-height:24px;height:24px;position:absolute; margin:0px 0 0 200px;font-size:13px;color:white;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }




#left-side #table-zbozi td .stitek-katalog-novinka { float:right; border:0; background-color:green;padding:0;width:76px;text-align:center;line-height:24px;height:24px;position:absolute; margin:-14px 0 0 172px;font-size:13px;color:white;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
 
#left-side .stitek-katalog-novinka-detail { float:right; border:0; background-color:green;padding:0;width:90px;text-align:center;line-height:24px;height:24px;position:absolute; margin:0px 0 0 200px;font-size:13px;color:white;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
 
 
 
 #left-side #table-zbozi td .stitek-katalog-sleva { float:right; border:0; background-color:yellow;padding:0;width:76px;text-align:center;line-height:24px;height:24px;position:absolute; margin:-14px 0 0 172px;font-size:13px;color:black;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }

#left-side  .stitek-katalog-sleva-detail { float:right; border:0; background-color:yellow;padding:0;width:90px;text-align:center;line-height:24px;height:24px;position:absolute; margin:0px 0 0 200px;font-size:14px;color:black;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
 
 
 
  #left-side #table-zbozi td .stitek-katalog-rezervace { float:right; border:0; background-color:#e8e8e8;padding:0;width:90px;text-align:center;line-height:24px;height:24px;position:absolute; margin:-14px 0 0 172px;font-size:12px;color:black;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }

#left-side  .stitek-katalog-rezervace-detail { float:right; border:0; background-color:#e8e8e8;padding:0;width:100px;text-align:center;line-height:24px;height:24px;position:absolute; margin:0px 0 0 200px;font-size:14px;color:black;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }





/* home */
 #left-side #krokova-animace .carousel li .stitek-uvod-prodano { 
  float:right; border:0; background-color:red;padding:0;width:76px;text-align:center;line-height:24px;height:24px;position:absolute; margin:0px 0 0 0px;font-size:12px;color:white;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }


 #left-side #krokova-animace .carousel li .stitek-uvod-novinka { float:right; border:0; background-color:green;padding:0;width:76px;text-align:center;line-height:24px;height:24px;position:absolute; margin:0px 0 0 0;font-size:12px;color:white;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
 
 
 #left-side #krokova-animace .carousel li .stitek-uvod-sleva { float:right; border:0; background-color:yellow;padding:0;width:76px;text-align:center;line-height:24px;height:24px;position:absolute; margin:0px 0 0 0px;font-size:12px;color:black;clear:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
 



#krokova-animace h5 {
height: 30px; color: green; font-size:13px;
}


	
#left-side big {
	color:black; display:block;
	margin: 0; padding: 15px 0 10px 0; font-weight:bold; line-height: 28px; font-style:italic;
	font-size:24px; }
#left-side big  em{
	color:black; display:block; text-align:right;
	margin: 0; font-weight:bold; line-height: 26px; font-style:italic;
	font-size:16px; }
	
	
#left-side h1 {
	color:#6f0700;
	margin: 0; padding: 0; font-weight:normal;
	font-size:25px; }
	
#left-side h2 {
	color:#5c5c5c;
	margin: 0; padding: 10px 0 10px 0; font-weight:normal;
	font-size:17px; }
	
#left-side p{
	color: #474646; clear: left; font-size:13px; line-height: 1.5;
	margin: 20px 0 15px 0; padding-right:15px;}	
	
#left-side ul{ list-style-type: none; }
#left-side li{
	background: url('img/bg_li.gif') no-repeat 0 5px;
	color: #474646; font-size:13px; line-height: 1.5;
	margin: 2px 0 2px 0; padding-left:19px;}	

	
	


/* RIGHT SIDE */
	
#right-side {
	/* background-color: #e7f3ee;  */ border: 0px solid black;
	width: 300px;
	text-align: left; 	float: right;
	padding: 10px 5px 0 0;}

#right-side h6{
	margin: 10px 0 10px 0; 	color: #929292; font-weight:normal; font-size:16px; text-align: right;
	padding: 10px 40px 0 0;}
	
#right-side p{
	color: #474646; clear: left; font-size:13px; line-height: 1.5;
	margin: 20px 0 15px 0; padding-right:15px;}
	
#right-side p a{ color: #474646; font-size:13px; }




/* FORMULÁŘ */

#face-form{
	margin: 10px 0; 	
	background: url('img/bg_texarea.jpg') no-repeat;
	background-position: 95px 98px;
	clear:both;
	line-height: 30px;
	padding: 20px 20px 5px 20px;
}
#face-form label{
	width: 60px; border: 1px solid white;
	display:block;
	float:left;
	font-size: 13px;
}
#face-form .box{
	background: url('img/bg_textbox.jpg') no-repeat; padding-left: 10px; 
	border:0;
	width: 171px;
	height:25px;
	line-height:21px;
	margin:8px 0 0 12px;
	float:left;
}
#face-form .box_2{
	background: url('img/bg_textbox_kod.jpg') no-repeat; padding-left: 10px; 
	border:0;
	width: 82px;
	height:25px;
	line-height:21px;
	margin:8px 0 0 12px;
	float:left;
}
#face-form .area_box{
	background-color: #e8e8e8; border: 1px solid #e8e8e8;
	padding-left: 5px; 
	width: 154px;
	height:120px;
	line-height:18px;
	margin:15px 0 10px 17px;
	float:left;
}
#face-form select{ padding: 0 0 0 1px;}
#face-form .btn{
	margin:25px 0 15px 160px;
	clear:both;
}
#face-form .clear_box{ clear:both; }
	
	
#face-form img.overovacikod{
	border:0;
	width: 60px;
	height:25px;
	margin:8px 6px 0 21px;
	float:left;
}





/* HOME FOTO BANNERY */

#foto-pruh-segment { clear:both; margin: 30px 0 0 0; }

#foto-pruh-segment h2 {
	width: 181px;
	height:146px;
	float:left;
	color:black;
	margin: 0; padding: 0;
	font-size:17px; }
	
#foto-pruh-segment h2 a  { text-decoration:none; cursor: hand; display: block;width: 181px; height: 32px; text-align:center; color:white; padding-top:119px; }
#foto-pruh-segment h2 a:hover  { text-decoration:underline; cursor: hand; display: block;width: 181px; height: 32px; text-align:center; color:white; padding-top:119px; }


#foto-pruh-segment .foto-segment-1 {
	display: block; width: 181px; height: 146px; float:left; margin: 0 12px 0 0;
	background: url('img/home_b_1.gif') no-repeat; }

#foto-pruh-segment .foto-segment-2 {
	display: block; width: 181px; height: 146px; float:left; margin: 0 12px 0 0;
	background: url('img/home_b_2.gif') no-repeat; }
	
#foto-pruh-segment .foto-segment-3 {
	display: block; width: 181px; height: 146px; float:left; margin: 0 12px 0 0;
	background: url('img/home_b_3.gif') no-repeat; }
	
#foto-pruh-segment .foto-segment-4 {
	display: block; width: 181px; height: 146px; float:left; margin: 0 12px 0 0;
	background: url('img/home_b_4.gif') no-repeat; }

#foto-pruh-segment .foto-segment-5 {
	display: block; width: 181px; height: 146px; float:left; margin: 0;
	background: url('img/home_b_5.gif') no-repeat; }







/* PATIČKA */
#paticka {
	clear:both; height: 110px;
	width: 990px; background-color: silver; border: 5px solid white;
  

  
	text-align: left; 
}
#paticka img { border:0; float: left; margin: 10px 0 0 25px }
#paticka p { width: 500px; float: right; line-height:18px; font-size: 12px; color:black; text-align:right; padding: 30px 15px 0 0;}


#paticka a { font-size: 11px; color:black; text-decoration: underline; }
#paticka a:hover { text-decoration: none; }
a.cisto{ clear: left }
a{ color: #c32026; text-decoration: underline }
a:hover{ text-decoration: none }
hr.clean { clear: both; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden; }



#left-side #uvod-ikonky { width: 575px; margin: 20px 10px 10px 10px; float: right; clear:right  }
/* 1 */
#left-side #uvod-ikonky  #uvod-btn-1 { width: 178px; height:98px; float:left; margin-right: 10px; }
#left-side #uvod-ikonky  #uvod-btn-1 h2 { width: 178px; height:98px; color:gray; position: relative; margin: 0; padding: 0; font-size:16px; line-height: 14px }
#left-side #uvod-ikonky  #uvod-btn-1 h2 a  { cursor: hand;color:gray;text-decoration:none }
#left-side #uvod-ikonky  #uvod-btn-1 h2 a span {
	display: block; position: absolute; left: 0;top: 0;
	width: 178px;
	height: 98px;
	background: url('img/btn_1_prodej_cz.jpg') no-repeat; }
	
#left-side #uvod-ikonky  #uvod-btn-1 h2 a span.nl-verkoop { background: url('img/btn_1_prodej_nl.jpg') no-repeat; }
	
/* 2 */
#left-side #uvod-ikonky  #uvod-btn-2 { width: 178px; height:98px; float:left; margin-right: 10px; }
#left-side #uvod-ikonky  #uvod-btn-2 h2 { width: 178px; height:98px; color:gray; position: relative; margin: 0; padding: 0; font-size:16px; line-height: 14px }
#left-side #uvod-ikonky  #uvod-btn-2 h2 a  { cursor: hand;color:gray;text-decoration:none }
#left-side #uvod-ikonky  #uvod-btn-2 h2 a span {
	display: block; position: absolute; left: 0;top: 0;
	width: 178px;
	height: 98px;
	background: url('img/btn_2_pronajem_cz.jpg') no-repeat; }
#left-side #uvod-ikonky  #uvod-btn-2 h2 a span.nl-verhuur { background: url('img/btn_2_pronajem_nl.jpg') no-repeat; }
	
	
	
/* 3 */
#left-side #uvod-ikonky  #uvod-btn-3 { width: 178px; height:98px; float:left; }
#left-side #uvod-ikonky  #uvod-btn-3 h2 { width: 178px; height:98px; color:gray; position: relative; margin: 0; padding: 0; font-size:16px; line-height: 14px }
#left-side #uvod-ikonky  #uvod-btn-3 h2 a  { cursor: hand;color:gray;text-decoration:none }
#left-side #uvod-ikonky  #uvod-btn-3 h2 a span {
	display: block; position: absolute; left: 0;top: 0;
	width: 178px;
	height: 98px;
	background: url('img/btn_3_napiste_cz.jpg') no-repeat; }
#left-side #uvod-ikonky  #uvod-btn-3 h2 a span.nl-contact { background: url('img/btn_3_napiste_nl.jpg') no-repeat; }




/* VELESIN --------------------------------------------  */


#vila-uvod {  
   clear:both;
	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-auto-rows: minmax(120px,auto);
  justify-items:center;
  align-items:center
 }

#vila-uvod > div{  padding: 0 0 2% 0%; width: 100%;  min-height:190px; text-align:center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
background: gray; font-size:17px; color:white;
  }
  
  
#vila-uvod > div img{ width:100%; max-width: 700px; border: 0;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#vila-uvod > div img:hover{  opacity: 0.7; }

#vila-uvod > div strong{   display:inline-block; position:relative; top:-14px; background: black; font-size:24px; color:white;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 9px 19px;  }

#vila-uvod > div button{  background: #950506 ; font-size:14px; color:white;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 7px 15px; border:0; cursor:pointer }
#vila-uvod > div button:hover{  background: #a71819; }




#web #obsah #left-side p{	font-size:14px; line-height: 1.5;	margin: 20px 0 15px 0; padding-right:15px;}
#web #obsah #left-side strong{	font-size:14px; letter-spacing: 0.4px }  
#web #obsah #left-side ul li{  list-style-type: circle;	font-size:14px;}


#web #obsah #left-side .nadpis{ font-size:25px;}
#web #obsah #left-side .cervene{ color:red;}  
#web #obsah #left-side .zelene{ color:green;}	
  
  /* detail vily */
  
#blok-100p > img{ width:100%; max-width: 950px; border: 0;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#blok-50na50{ 
   clear:both;
	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-auto-rows: minmax(120px,auto);
  justify-items:center;
  align-items:center
 }
 
#blok-50na50 > div img{ width:100%; max-width: 950px; border: 0;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }



.blok-podbarveni { background-color:#ffe396; padding: 0 1.5% 1% 1.5%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}




/* cenik vilek*/

#blok-cenik{ 
   clear:both;
	display: grid;  
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 0em;
  grid-row-gap: 1em;
  grid-auto-rows: minmax(30px,auto);
  
  /*justify-items:center;
  align-items:center*/
 }
 
#blok-cenik > div{ border-bottom:1px dotted black; text-align:center }




/* VILA HLAVICKA */

#vila-hlavicka {  
   clear:both;
	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-auto-rows: minmax(10px,auto);
  justify-items:center;
  align-items:center
 }

#vila-hlavicka > div{  padding: 0 0 2% 0%; width: 100%;  text-align:center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
/*background: gray;   */
 font-size:16px; color:black;
  }
  
  
#vila-hlavicka > div img{ width:100%; max-width: 245px; border: 0;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float:left }
#vila-hlavicka > div img:hover{  opacity: 0.9; }

#vila-hlavicka > div strong{   display:inline-block; position:relative; top:-14px; background: black; font-size:17px; color:white;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 9px 19px; float:left }

#vila-hlavicka > div button{  background: #950506 ; font-size:16px; color:white;-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 7px 15px; border:0; cursor:pointer }
#vila-hlavicka > div button:hover{  background: #a71819; }


#hlavicka-p { font-size: 22px; display: inline-block; margin: 50px 0 10px 0; color:black }