/********************************************************************/
/*************   STUDNY-PROTLAKY.CZ | Created by studio WPJ *********/
/********************************************************************/
* {
   margin: 0;
   padding: 0;
   border: 0;
}
/************************ GENERAL STYLES ****************************/
body {
   background-color: #013857;
   color:#272727;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:18px;
   text-align:left;
}
a:link {
   color: #00a8da;
   text-decoration: none;
}
a:visited {
   color: #00a8da;
   text-decoration: none;
}
a:hover {
   color: #00a8da;
   text-decoration: underline;
}
h1 {
   color: #013857;
   font-size: 20px;
   font-weight:normal;
   padding: 15px 5px 10px 5px;
	text-transform:uppercase;
}
h2 {
   color: #444;
   font-size: 18px;
   font-weight:normal;
   padding: 15px 5px 5px 5px;
   text-transform:uppercase;
}
h3 {
   color: #013857;
   font-size: 18px;
   font-weight:bold;
   padding: 15px 5px 5px 5px;
}
h4 {
   color: #013857;
   font-size:14px;
   font-weight:bold;
   padding: 10px 5px 3px;
}
h5 {
   color: #013857;
   font-size:12px;
   font-weight:bold;
   padding: 5px 5px 3px;
}
p{
	line-height:18px;
   padding:5px;
}
#content ul, #content ol {
   line-height:20px;
   list-style-position:inside;
   margin-left:15px;
}

#content ul { list-style:none; }

#content ul li {
	background: url("../images/odrazka.png") no-repeat left center;
   background-position: 0 3px;
	padding-left: 15px;
}

/* Cleaner */
.cleaner {
   background:none;
   clear:both;
   margin:0;
   padding:0;
}
/* Divider */
.divider{
   background-color: #444;
   display: block;
   height:1px;
   margin:10px 0;
   width: 100%;
}

a.button {
   background: #00acde; /* Old browsers */
	background: -moz-linear-gradient(top,  #00acde 0%, #007fac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acde), color-stop(100%,#007fac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00acde 0%,#007fac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00acde 0%,#007fac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00acde 0%,#007fac 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00acde 0%,#007fac 100%); /* W3C */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 0 0 rgba(1, 56, 87, 1);
	-moz-box-shadow: 0 2px 0 0 rgba(1, 56, 87, 1);
	box-shadow: 0 2px 0 0 rgba(1, 56, 87, 1);
	color: #fdfdfd;
   display: block;
   line-height: 16px;
	text-align:center;
}

a.button:hover {
	background:#013857;
	text-decoration:none;
}

/*************************** MAIN LAYOUT *************************** DONE **/
#page {
	background: #f8f8f8 url('../images/bg.jpg') no-repeat left bottom;
   margin:0 auto;
	padding: 15px 0 20px;
   width: 100%;
}

.wrapper {
   margin: 0 auto;
   width: 900px;
}

#header {
	background: #00acde; /* Old browsers */
	background: -moz-linear-gradient(top, #00acde 0%, #007fac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acde), color-stop(100%,#007fac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00acde 0%,#007fac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00acde 0%,#007fac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00acde 0%,#007fac 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00acde 0%,#007fac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acde', endColorstr='#007fac',GradientType=0 ); /* IE6-9 */
   height:124px;
	position: relative;
	width:100%;
}

#header a.logo {
   position:absolute;
   display: block;
   height: 65px;
   top:26px;
   width: 333px;
}

#studna {
   bottom: 0;
   display: block;
   height: 114px;
	margin-left: 358px;
   position:absolute;
   width: 263px;
}

#header p {
	clear:right;
	color: #0d353f;
	float:right;
	font-size:16px;
	margin-top:40px;
	padding: 2px 0;
	text-shadow: 1px 1px 0 rgba(0, 168, 218, 0.8);
}

p#telefon {
	color:#fff;
	font-size:22px;
	margin-top: 0;
	text-shadow: 1px 1px 0 rgba(1, 56, 87, 0.25);
}

#telefon img { margin: auto 7px -6px auto; }
/*********** MAIN MENU ************* DONE ***/
#page-menu {
	background-color: #013857;
   height:46px;
   width:100%;
}

#menu ul { list-style:none; }

#menu ul li {
   display:block;
   float:left;
   overflow:visible;
}

#menu ul li a {
   color: #fff;
   display:block;
   float:left;
   font-size:16px;
	margin: 3px 3px;
   padding:10px 10px;
   text-decoration:none;	
}

#menu ul li a.selected, #menu ul li a:hover {
   background-color:#00a8da;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*********** RIGHT CONTENT ************** DONE **/
#content {
   padding:0;
   width:900px;
} 

#content table {
   border:1px solid #013857;
   border-collapse:collapse;
   font-size:12px;
   margin:10px 3px 10px 3px;
}

#content tr {border-top:1px solid #013857;}

#content tr + tr {border-top:1px solid #939393;}

#content table td {
   background-color:#fff;
   border-left:1px solid #013857;
   padding:8px 10px;
}

#content table tr:nth-child(even) td{ background-color: #f0f0f0; }

#content td + td {border-left:1px solid #939393;}

#content table th {
   background-color:#013857;
   border:1px solid #013857;
   color:#fff;
   font-weight:bold;
   padding:8px 10px;
   text-align:center;
}

/********** RIGHT CONTENT END *************/

/*********** FOOTER CONTENT ************** DONE **/
#footer {
	background-color:#013857;
	color: #fff;
	height:44px;
	padding: 15px 0;
   position:relative;
   width:100%;
}
#footer a { color:#00aeef; }

#footer a:hover{
	color:#00aeef;
   text-decoration:underline;
}

#footer p {
	float:left;
	line-height: 1.8;
	padding: 0;
}

#footer p.right {
	clear:right;
	float:right;
	text-align:right;
}

#footer .inplaceedit { margin:0; }

/*********** FOOTER CONTENT END **************/

/*************************** MAIN LAYOUT END *****************************/

/**************************** GALERIE ************************************/
#fotogalerie {
   clear:both;
   margin: 0 0 0 -16px;
   width: 932px;
}

#fotogalerie img {
   -webkit-border-radius: 10px;
   -webkit-border-bottom-right-radius: 0;
   -moz-border-radius: 10px;
   -moz-border-radius-bottomright: 0;
   border-radius: 10px;
   border-bottom-right-radius: 0;
   border-bottom: 3px solid #00a8da;
   display: block;
}

#fotogalerie img:hover { border-bottom: 3px solid #013857; }

#fotogalerie a.imgbox {
   display:block;
   float:left;
   margin:9px 16px;
   position:relative;
}
.jquery-lightbox-title { /* větší text u popisu fotek lightboxu */ font-size:18px !important; }

h2.fotogalerie {
   border-top: 1px solid #dcdcdc; 
   margin-top: 20px;
}

/**************************** GALERIE ************************************/
#fotogalerie {
   clear:both;
   margin: 0 0 0 -16px;
   width: 932px;
}

#fotogalerie img {
   -webkit-border-radius: 10px;
   -webkit-border-bottom-right-radius: 0;
   -moz-border-radius: 10px;
   -moz-border-radius-bottomright: 0;
   border-radius: 10px;
   border-bottom-right-radius: 0;
   border-bottom: 3px solid #00a8da;
   display: block;
}

#fotogalerie img:hover { border-bottom: 3px solid #013857; }

#fotogalerie a.imgbox {
   display:block;
   float:left;
   margin:9px 16px;
   position:relative;
}

a.zobrazit-vsechny {
   float:right;   
   height: 17px; 
   margin: 0px 16px 10px 0;
   padding: 5px 0; 
   width: 168px;
}
h2.realizace {
   border-top: 1px solid #dcdcdc; 
   margin-top: 20px;
}


/************************** CENÍK TABULKA	*******************************/
#cenik{
   box-sizing: border-box;
	float:left;
   width:45%;
}
#cenik h2{ border-top:1px solid #dcdcdc; } 
#cenik table{ width:400px; }

/************************** POPTÁVKOVÝ FORMULÁŘ	*******************************/
#contact-form, 
#order_success {
   box-sizing: border-box;
   float:right;
   width:50%;
} 

#contact-form h2, 
#order_success h2{ border-top:1px solid #dcdcdc; } 

form#order_form { width: 100%; }
#order_form .block {margin:5px 0 5px 0;}
#order_form .block label {
   display:inline-block; 
   line-height:14px; 
   padding: 0 4px 0 0;
   text-align:right;
   width:60px; 
}
#order_form .block label[for=id_captcha_1] {width:135px;}
#order_form .block label[for=id_notes] {
   display:inline-block; 
   line-height:14px;
   padding: 0 4px 0 0;
   text-align: right; 
   width:60px; 
}
#order_form .block ul {
   list-style:none; 
   margin:5px 10px;
}
#order_form .field_notes {width: 100%;}
#order_form .field_captcha {
   float:left; 
   margin-top: 0;
}
#order_form .block input[type=text], #order_form .block textarea, #order_form .block select{ 
   background-color:#ffffff;
	border-radius: 3px;
	border:1px solid #919191;
   color:#424242;
	padding:2px 3px;
   width: 145px;
}
#order_form .block select{ width: 153px; }
#order_form .block textarea{ 
	height:150px;
   vertical-align:top;
	width: 373px;
}
#order_form #form-left {
   float:left;
   width:50%;
}
#order_form #form-right {
   float:right;
   width:50%;
}
/* Upravy pro policka */
#order_form input#id_captcha_1, #registrace input#id_user-captcha_1{ width:40px;}
/* Upravy pro policka END */

/* Chyba ve formulari */
#order_form .block.error input[type=text], #order_form .block.error select{ border:1px solid #eb0000; }
#order_form .block.error label{ color: #eb0000; }
#order_form .block.error span{ 
	color: #eb0000;
	display:none;
	font-size:11px;
}
/* Chyba ve formulari END */

/* Vyzadovane pole */
#order_form .block.required label:after{content:" *"; color:#d22a27; font-weight:bold; font-size:14px;}
/* Vyzadovane pole END */

#order_form .error_message {
	background-color:#d22a27;
	border-radius: 5px;
   clear: both;
   color:#fff;
   display: none;
   font-weight:bold;
	margin:0 20px 10px;
   padding: 10px 15px;
}
/* Captcha */
label[for=captcha_id]{ position:relative; }

img.captcha{
	max-width:65px;
   position:relative;
   top:10px;
   padding:8px 3px 7px;
   background-color:#FFFFFF;
	border:1px solid #919191;
   border-radius:5px;
   margin-right:15px;
}

#order_form input.button{
  background: #00acde; /* Old browsers */
	background: -moz-linear-gradient(top,  #00acde 0%, #007fac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acde), color-stop(100%,#007fac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00acde 0%,#007fac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00acde 0%,#007fac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00acde 0%,#007fac 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00acde 0%,#007fac 100%); /* W3C */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 0 0 rgba(1, 56, 87, 1);
	-moz-box-shadow: 0 2px 0 0 rgba(1, 56, 87, 1);
	box-shadow: 0 2px 0 0 rgba(1, 56, 87, 1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acde', endColorstr='#007fac',GradientType=0 ); /* IE6-9 */
	color: #fdfdfd;
   cursor: pointer;
   display: block;
   float:right;
   font-weight:bold;
   height: 38px;
   line-height: 20px;
   margin-top: 10px;
	text-align:center;
   width: 135px;
}

#order_form input.button:hover{
	background:#013857;
	text-decoration:none;
}

/************************** HLAVNÍ STRÁNKA ****************************/
.column { float: left; }
.col2 { margin: auto 22px; }

.column .col-wrap {
	background: url('../images/pruhy.gif') left top;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 0;
	border-radius: 10px;
	border-top-right-radius: 0;
	height: 335px;
	padding: 10px;
	position: relative;
	width: 262px;
}

.column .col-wrap img {
	border-top: 2px solid #00a8da;
	display:block;
	margin: 0 auto;	
}

.column h2 {
	padding: 5px 0 5px 25px ;
	background: url('../images/column_corner.png') no-repeat right bottom;	
}

.column ul {
	list-style:none;
	margin:25px 30px 25px;
}

.col2 ul { margin:10px 30px 13px; }

.column li {
	background: url("../images/odrazka.png") no-repeat left center;
	font-size: 14px;
	padding: 4px 5px 4px 20px;
}

.column a {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size:14px;
	font-weight:bold;
	margin: 0 auto;
	padding: 6px 5px;
	width: 190px;
}

.col2 a {
	margin: 0 auto;
	padding: 14px 5px;
}

#text-uvod {
   float:left;
   width:435px; /* 15px margin */
}

#text-uvod .o-firme {
   float: right;
   margin-top: 10px;
   line-height:25px;
   width: 100px;
}

#text-uvod img {
   float:right;
	margin-left: 5px;
}

/***********************************  BLOK SLUZBY ********************************************/
ul#sluzby {
    list-style-type: none;
    padding: 0;
    margin: 20px auto 5px;
    overflow:auto;
}

ul#sluzby li {
    background-image: url(../images/icon_cisto.png);
    background-repeat: no-repeat;
    background-position: 0 0;
	 color: #013857;
	 display:block; 
	 float: left;
	 font-size: 14px;
	 height: 54px;
    padding: 9px 18px 0 63px; 
	 width: 16%;
}

ul#sluzby li#teren { background-image: url(../images/icon_teren.png); }
ul#sluzby li#kontejner { background-image: url(../images/icon_kontejner.png); }
ul#sluzby li#hloubka { background-image: url(../images/icon_vrtani.png); }

/***********************************  REFERENCES BOX  ********************************************/
#references { float: right; height: 270px; }

#references_content {
	background: url('../images/realizace-pruhy.gif') repeat top right;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomright: 0;
	border-radius: 10px;
	border-bottom-right-radius: 0;
	height: 181px;
	width: 447px;
}

#references .item {
	float: left;
	position: relative;
	width: 50%;
  *width: 48%;
}

#references .date {
	background: url('../images/realizace_top-left.jpg') no-repeat top left;
	color: #00a8da;
	height: 30px;
	padding: 0 0 0 13px;
	width:123px;
}

#references .item:nth-child(2) .date {  background: url('../images/realizace_top-right.png') no-repeat top left; }

#references .date::before {
	content: "";
    background: url("../images/icon_date.png") no-repeat;
    display: block;
    width: 13px;
    height: 16px;
    float: left;
    margin: 1px 6px 0 0;
}

#references .empty { height: 0px; } /* fix layout pokud se skryje datum */

#references .imgbox img {
	-webkit-border-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomright: 0;
	border-radius: 10px;
	border-bottom-right-radius: 0;
	border-bottom: #00a8da 3px solid;
	display: block;
	margin: 5px auto;
}

.img-hovered { border-bottom: #013857 3px solid; }

#references .item-text {
	background: rgba(0,0,0,0.5);
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	color: #fff;
	font-size: 12px;	
	height: 42px;
	left: 11px;
  padding: 3px 5px 0 5px;
	position: absolute;
  text-align: right;
	text-transform: none;
	text-decoration: none;
	top: 120px;
	width: 190px;	
}

#references .item:nth-child(2) .item-text { left: 12px;}
#references .item-text:hover, .text-hovered { background: rgba(0,0,0,0.6) !important; } /*jQuery*/

#references .item-text .h3 {
   font-size: 14px;
	font-weight: bold;
}

#references .item-text span {
   letter-spacing: 0.2px;
   line-height: 18px;
}

#references .place img { margin: 0 4px -1px 0; }

#references .place { padding-right: 5px; }
	
#references .buttonbg {
   float: right;
   height: 21px;
   margin-top: 14px;
   padding-top: 5px;
   position:relative;
   width: 110px;
   z-index:1;
}
   
#references .buttonbg::after {  
   content: "";
   background: url("../images/realizace_bottom-right.gif") no-repeat;
   display: block;
   width: 140px;
   height: 30px;
   position:absolute;
   left: -30px;
   top: -14px;
}

#references a.bottom_button {
   float: right;
   left: -7px;
   line-height: 25px;
   position:absolute;
   top: -18px;
   width: 105px;
   z-index:1;
}
/************************** REFERENCES LIST ********************************/
#references_list {
   margin: 0 0 0 -15px;
   overflow:auto;
   width: 930px;  
}

#references_list h2 { margin-left: 15px;}

#references_list .item {
   float: left;
   margin:13px 16px;
   height: 230px; /*srovnání floatů*/
}

/* #references_list .item:nth-child(4n+5) { clear: both; } řádky */

#references_list .imgbox img {
   -webkit-border-radius: 10px;
   -webkit-border-bottom-right-radius: 0;
   -moz-border-radius: 10px;
   -moz-border-radius-bottomright: 0;
   border-radius: 10px;
   border-bottom-right-radius: 0;
   border-bottom: 3px solid #00a8da;
}

#references_list .imgbox img:hover, .img-hovered { border-bottom: 3px solid #013857 !important; } /* jQUery*/
#references_list .item h3 { padding: 7px 0 5px  0; max-width:200px; line-height: 22px; }
#references_list .item h3 a:hover, .h3-hovered  { color: #013857 !important; text-decoration:none; }  /* jQUery*/

#references_list .item p.date, p.date-detail {
   background: url('../images/icon_date.png') no-repeat left center;
   padding: 3px 0 3px 20px;   
}

#references_list .item p.place, p.place-detail { 
   background: url('../images/icon_place2.png') no-repeat left center;
   padding: 3px 0 3px 20px;   
}

p.date-detail, p.place-detail { margin-left: 5px; padding: 3px 0 3px 20px;  }

/************************** SLIDER ********************************/
.rsImg { 
  padding: 0;
  width: 450px;
  height: 264px;  
}
	
#gallery-1 {
   float: right;
   margin-right: 10px;
}

#slider-wrapper  {  
   float: right;
   margin: 0 0 0 40px;
   position: relative;
   width: 463px;
}
      
.overlay {
   position: absolute;
   right: 4px;
   top: -7px;
   z-index: 1;
}
      
/************************** RUZNE ********************************/    
address { padding: 5px; }     
span.inplaceedit.enable { overflow: auto; }
#slider-wrapper {*display: none; } /*hide in IE 7 and lower */


.realizace_list.button {
  float: left;
  font-size: 14px;
  line-height: 35px; 
  margin: 10px 25px 10px 0;
  width: 200px;
}