/*
Theme Name: Scarabeo Theme
Theme URI: http://www.scarabeo.cz/
Description: Šablona od Scarabeo, s.r.o..
Version: 1.0
Author: Jan Rozehnal
Author URI: http://www.janrozehnal.cz/
Tags: custom, slider, fixed width
*/
 
 
body{margin:0;text-align:left;padding:0px;background:url("img/background_pattern.png") repeat;font-family:Arial,Verdana,sans-serif;font-size:85%;margin:0 auto;line-height:180%;color:#636363;}


h1,h2,h3,h4 {line-height:normal;padding:0;margin:0;zoom: 1;}
h1{font-size:275%; font-weight: normal;padding:0;margin:0;color:#0B7086;}
h2 {font-size:225%;color:#0B7086;font-weight:normal;margin-bottom:25px;}
#home_boxes h2 {margin-bottom:0;}
h3{font-size:145%; font-weight:normal; margin:0;padding:0;color:#333333; padding-bottom:15px; }
h4{font-size:95%;  font-weight:bold; margin:0;padding:0;padding-bottom:5px; }

.page-template-frontpage-php #heading {background:url("img/heading_background.jpg") no-repeat right top;}
#heading p {color:#B8B8B8;font-size:125%;padding-top:15px;padding-bottom:40px;}

p {margin-top:0;padding-top:0;}
table {padding-bottom:35px;}
a{color:#81939D;font-weight:normal;}
a:hover{text-decoration:none;color:#000;}

a.button {display:block;text-align:center;background-color:#404040;border:1px solid #404040;width:120px;height:26px;line-height:26px;color:#fff;text-decoration:none;}
a.button:hover {background-color:#0E7288;}
/* div page */
a img {border:none;}

img.fl {padding: 5px 15px 25px 0;}

td {padding:0 20px 20px 0;vertical-align:middle;}
td img {padding:0;margin:0;}

#head_top{height:180px; position:relative;left:0px;text-align:left;width:960px;margin:0 auto;z-index:19;color:inherit;}
#head_top #logo{cursor:pointer;   display:block;left:64px;top:0px;height:130px;position:absolute;   text-align:left;   text-decoration:none;  width:191px;   z-index:15;   }
#head_top #logo span{background:url("img/kypr-logo.jpg") no-repeat;   display:block; height:130px; position:absolute;  width:191px;    z-index:5;   }
#head_top #logo strong{color:black;   position:absolute;   text-decoration:underline;  display:none;   }
#head_top #logo:hover strong{text-decoration:none;   }

#page {width:960px;margin:0 auto;position:relative;}

#content {position:relative;width:960px;margin:0 auto;background:#fff;line-height:200%;}
#content .inn {padding:43px 63px 30px 63px;}
.page-template-frontpage-php #content .inn {padding:63px 63px 30px 63px;}
#content .text {padding:0 40px 0 0;margin-bottom:45px;margin-right:36px;border-right:4px solid #F0F0F0;}
#content .text {padding:0 40px 0 0;margin-bottom:45px;margin-right:36px;border-right:4px solid #F0F0F0;}
#content li {padding-bottom:30px;}
#content img {margin-bottom:15px;}
#content table img {margin-bottom:0;}

p.gallery-caption {display:none;}
.boxgrid {} 

.line {border-bottom:6px solid #EBEBEB;margin-bottom:45px;}

#cmenu ul {padding:0;margin:0;}
#cmenu ul li {list-style:none;list-style-image:none;padding:0;margin:0;}
#cmenu ul li a {height:33px;line-height:33px;background:#F0F0F0;display:block;padding:0 14px;color:#0E7288;text-decoration:none;margin-bottom:16px;}
#cmenu ul li a:hover, #cmenu ul li.current_page_item a, #cmenu ul li.current-cat a {background:#0E7288;color:#fff;}

#home_text {line-height:220%;}
#home_text h2 {font-size:195%;color:#0E7288;margin-bottom:35px;}
#home_text h2 span {color:#000;}
#home_text img {float:right;}
#home_text .text {float:left;width:420px;}

#footer {width:960px;margin:20px auto;}                                                 
#footer p {color:#636363;font-size:95%;line-height:150%;margin-top:20px;margin-bottom:20px;padding:0px 63px 30px 63px;}
#footer p a:hover {color:#000;}
#footer br {display:none;}

#menu {position:absolute;top:0px;right:63px;z-index:20;}
#menu ul {margin:0;padding:0;}
#menu ul li {margin:0;padding:0;list-style:none;list-style-image:none;display:inline;h eight:100px;}
#menu ul li a {color:#81939D;font-size:115%;text-decoration:none;padding:80px 8px 10px 8px;display:block;float:left}
#menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li.current_page_parent a {padding:80px 8px 10px 8px;color:#fff;background-color:#BDBDBD;}

#home_boxes {padding-top:40px;border-bottom:6px solid #EBEBEB;padding-bottom:44px;clear:both;float:none;}
#home_boxes {border-bottom:6px solid #EBEBEB;}
#home_boxes h2 {color:#0B7086;font-size:143%;}
#home_boxes p.subheading {color:#BDBDBD;font-size:105%;}
#home_boxes p {font-size:95%;line-height:200%;}

.breadcrumb {padding:20px 0 0 63px;font-size:75%;}
.breadcrumb p {padding:0;margin:0;}

.fl {float:left;}
.fr {float:right;}

.inn10 {padding:10px;}

.w164 {width:164px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w250 {width:245px;}
.w300 {width:300px;}
.w500 {width:500px;}
.w670 {width:670px;}
.w50p {width:50%;}
.w35p {width:35%;}
.w65p {width:65%;}
.tal {text-align:left;}
.tar {text-align:right;}

.mr30 {margin-right:30px;}
.mt30 {margin-top:30px;}
.mr42 {margin-right:42px;}
.ml42 {margin-left:42px;}

.dn {display:none;}
.pr {position:relative;}

br.clear {clear:both;float:none;}

#content .wam_wrap h4 {font-size:105%;font-weight:bold;}
#content ul.wam_ul {margin:0;padding:0;padding:20px 25px;background:#F0F0F0;}
#content ul.wam_ul li {list-style:none;list-style-image:none;padding:0;margin:0;}
#content ul.wam_ul li a.wam_link {text-decoration:none;padding:3px 0;}
#content ul.wam_ul li img {margin:0;padding:0;padding-right:10px;}


#newsletter {}
#newsletter form {margin:0;padding:0;position:relative;}
#newsletter fieldset {border:none;margin:0;padding:0;}
#newsletter legend {display:none;}
#newsletter label {display:none;}
#newsletter p {clear:both;float:none;}
#newsletter input.wpsb_form_txt {width:208px;border:1px solid #BDBDBD;padding:4px 5px;border-right:none;position:absolute;top:0;left:0;}
#newsletter input.wpsb_form_btn {display:block;text-align:center;background-color:#404040;border:none;width:26px;height:26px;line-he ight:27px;color:#fff;text-decoration:none;position:absolute;top:0;right:0;}
#newsletter .defform {color:gray;font-style:italic;}
#news p {padding-bottom:0;margin-bottom:0;}
#news p.heading a{font-size:115%;text-decoration:none;font-weight:bold;padding-bottom:0;margin-bottom:0;}

.m_boxes {padding-bottom:25px;}


#home_slideshow {
	width:834px;
	height:350px;
	position:relative;
	line-height:200%;
	margin-top:35px;
	
}
#home_slideshow p a{}
#home_slideshow h2 {
  color:#0E7288;
  font-size:225%;
  margin-bottom:40px;
}
#home_slideshow h2 span {
  color:#191919;
}
#home_slideshow img {
  float:right;
}
#home_slideshow #slidesContainer {
  width:834px;
  height:355px;
  overflow:auto;
  position:relative;
  padding-top:25px;
}
#home_slideshow #slidesContainer .slide {
  width:834px;
  height:350px;
}
#slideNumber {
  position:absolute;
  right:80px;
  color:#BCBCBC;
  height:20px;
  line-height:20px;
}
.control {
  display:block;   
  width:20px;
  height:20px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:1000;
}
a#leftControl {
  top:0;
  right:30px;
  background:transparent url(img/cleft.png) no-repeat 0 0;   
}
a:hover#leftControl {
  background:transparent url(img/clefta.png) no-repeat 0 0;
}

a#rightControl {
  top:0;
  right:0;  
  background:transparent url(img/cright.png) no-repeat 0 0;
}
a:hover#rightControl {
  background:transparent url(img/crighta.png) no-repeat 0 0;
}
.slide {position:relative;}
.slide img {position:absolute;right:0;bottom:0;}
.slidesText {width:430px;line-height:200%;}
#trademarks_t1 {width:834px; height: 63px;background:url("img/trademarks.jpg") no-repeat bottom;margin-top:45px;border-top:6px solid #EBEBEB;padding-top:40px;}
#trademarks_t2 {width:834px; height: 63px;background:url("img/trademarks2.jpg") no-repeat bottom;margin-top:45px;border-top:6px solid #EBEBEB;padding-top:40px;}
#trademarks_t1 p, #trademarks_t2 p {display:none;}

ul#bannerContent {margin:0;padding:0;}
#banner { 
   width: 834px; /* important to be same as image width */ 
   height: 330px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#bannerContent {
   width: 834px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   left:0;
   margin-left: 0; /* important */
}

.bannerImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.bannerImage span {
   position: absolute; /* important */
   left: 0;
   width: 834px;
   background-color: #000;
   font-size:115%;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 276px;
   padding:15px 15px;
}

.clear {
   clear: both;
   float:none;
}


/* CONTACT FORM */

div#contact  {
	text-align: left;
	margin: 20px 0px 20px 0px;
	color: #929292;
}

div#contact div.row {
	height: 50px;
	width: 100%;
}

div#contact div.left {
	text-align: right;
	padding-right: 15px;
	border-right: 1px solid #d9d9d9;
	float: left;
	width: 100px;
	height: 50px;
	line-height: 50px;
}

div#contact div.right {
	text-align: left;
	margin-left: 15px;
	float: left;
	width: 327px;
	height: 50px;
	background: url('img/bg_input.png') no-repeat center center;
}

div#contact div.right span span {
 	float:left;
	margin-top:8px!important;
	padding:5px 10px 4px!important;
	top:0%!important;
	width:245px!important;
}

div#contact div.row-message {
	height: 160px;
	width: 100%;
}

div#contact div.left-message {
	width: 100px;
	height: 160px;
	line-height: 160px;
	border-right: 1px solid #d9d9d9;
	padding-right: 15px;
	float: left;
	text-align: right;
}

div#contact div.right-message {
	text-align: left;
	margin-left: 15px;
	float: left;
	width: 327px;
	height: 160px;
	background: url('img/bg_textarea.png') no-repeat center center;
}

input.text {
	width: 300px;
	height: 20px;
	border: none;
	background: none;
	font: 12px trebuchet ms;
	color: #7e7e7e;
	position: relative;
	top: 15px;
	left: 10px;
}

input.send {
	width: 91px;
	height: 34px;
	background: url('img/button_send_bg.png') no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
	position: relative;
	top: 6px;
}

div#contact div.right-send {
	text-align: left;
	margin-left: 15px;
	float: left;
	width: 327px;
	height: 50px;
	background: none;
}


div#contact textarea {
	width: 307px;
	height: 125px;
	padding: 10px;
	background: none;
	border: none;
	font: 12px trebuchet ms;
	color: #7e7e7e;
	position: relative;
	top: 8px;
}

			.boxgrid{ 
				width: 400px; 
        height:160px; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
				display:block;
				margin-bottom:40px;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid h3{ margin: 10px 5px 0 5px; color:#FFF; letter-spacing:-1px; font-weight: bold;font-size:16px;padding:0;  }
			
				.boxgrid p{  
					color:#fff; 
          padding:20px 5px; 
          margin:0;
          text-align:center
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 160px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top:160px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 120px;
 					left: 0;
 				}