*{padding:0; margin:0px auto;}

#message {position:relative; width:100%; height:50px; background:red; color:white; text-align:center; padding: 10px;}

hr {
    margin-top: 13px;
    margin-bottom: 30px;
    border-right: 0px none;
    border-left: 0px none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px 0px;
    border-style: solid none;
    border-color: #FFF -moz-use-text-color #E4E4E4;
}

.form { position:relative; width:auto; height:auto; float:none;}

.form input[type="text"], input[type="email"], input[type="number"], input[type="submit"] { position:relative; width:180px; height:auto; margin: 10px; padding:6px; background:white; border:1px solid gray; font-family: "Open Sans",sans-serif; line-height: 23px;  font-size:0.9em;}
.form textarea { position:relative; width:360px; height:auto; margin: 10px; padding:12px; background:white; border:1px solid gray; float:left; font-family: "Open Sans",sans-serif; line-height: 23px;  font-size:0.9em;}

.form input[type="submit"] { position:relative; width:180px; height:auto; margin: 10px; padding:6px; background:white; border:1px solid gray; font-family: "Open Sans",sans-serif; line-height: 23px;  font-size:0.9em;}
.form input[type="submit"]:hover { background:#539D9E; color:white;}

#goTop a:hover { cursor:pointer; border: 1px solid green; }

#goTop {
    /*display: none;*/
    position: fixed;
    color: transparent;
    border: 1px solid #e1e1e1;
    transition: all 0.2s ease 0s;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    right: 5% !important;
    /*margin-right: -700px !important;*/
    bottom: -40px;
    background: url(../img/to_top_marker.png) no-repeat scroll center center transparent;
    z-index: 500;
	cursor:pointer;
}

.menu_phone { position:relative; width:80%; height:auto; }
#social_box {position:relative; width:31%; height:300px; float:left; margin:0px 10px;}
.bily { background:white;}

.modry { background:#539D9E; color:#B2E5D7;}
.hnedy { background:#B48259; color:#F5C59E;}
.fialovy { background:#B45961; color:#F3A6AD;}

.dolni_cara { border-bottom:5px solid #F3F3F3;}

.center { text-align:center;}
.left { text-align:left;}
.right { text-align:right;}
.justify { text-align:justify;}

.fleft {float:left;}
.fright {float:right;}
.tmave { background:#3B3B3B; padding-top:30px; }
.tmave h1 { color:white; text-align:center;
font-family: "Open Sans",sans-serif;
    font-size: 33px;
    line-height: 40px;
    font-weight: 300;
	margin-bottom:30px;}

.obdelnik { padding: 5% 15% 5% 15%;}

.obdelnik h4 { color:white !important; text-align:left !important; text-decoration:none; }
.obdelnik p { text-align:left !important; text-decoration:none;}

.obdelnik a { text-decoration:none;}

.more_banner {
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #6EB06A;
    transition: all 0.2s ease 0s;
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 5px;
    padding: 10px 24px 12px 21px;
    margin-bottom: 56px;
}


.more_tmavy {
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #6EB06A;
    transition: all 0.2s ease 0s;
    background: none repeat scroll 0% 0% #3B3B3B;
    border-radius: 5px;
    padding: 10px 24px 12px 21px;
    margin-bottom: 56px;
}

.konec {background: url("../img/row_3_border.jpg") repeat-x scroll center bottom transparent;}

.more_banner:hover { text-decoriation:none; background: none repeat scroll 0% 0% #428BCA; color:white; }

body{ font-family: "Open Sans",sans-serif; line-height: 23px;  font-size:0.9em; background:#F5F5F5; color:#888; }

  /*  font: bold 13px/18px Arial,Helvetica,sans-serif;
  
  	-moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 10px 10px 0px 10px;
	border-radius: 0px 0px 10px 10px;
  
  */

#clear { clear:both;}

#siroky { position:relative; width:1000px; height:auto; text-align:left;}
#siroky img { margin:15px; border:0px; }
#siroky p { text-align:left !important; }
#siroky table { color:black;}
#siroky td { border-bottom:1px solid gray;  border-right:1px solid gray;}
#siroky tr { border-bottom:1px solid gray; border-left:1px solid gray;}
#siroky table .small_font { font-size:0.9em;}
#siroky table .kolem_dokola { border:1px solid gray;}
#siroky h4 { margin: 30px 0px;}
#banner_box { position:relative; width:1000px; height:200px; margin-top:-100px; background:url(../images/banner_background.png) no-repeat top left; z-index:9;}
#banner_box h1 { position:relative; width:700px; height:auto; float:right; text-align:left; color:#9D9D9D; margin:-70px 80px 0px 0px; }
#banner_box p { position:relative; width:700px; height:auto; float:right; text-align:left; color:#9D9D9D; margin:-20px 80px 0px 0px; }


#stranka {position:relative; width:100%; height:auto; padding-top:80px;}  


#body {position:relative; width:1000px; height:auto; padding-top:20px; padding-bottom:20px;}

#body p {text-align: center; margin:15px 0px; }

#body h4 {font: bold 20px/24px;
    font-size: 33px;
    line-height: 40px;
    color: #454545;
    text-align: center;
    margin-top: 0px;
    font-weight: 300;
}

#menu_siroke {position:fixed; top:0px; left:0px; width:100%; height:auto; background:black; z-index:10;
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); 
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); 
box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);}
#menu_obal {position:relative; width:100%; height:80px; background:black; }

#logo { position:relative; width:205px; height:auto;  float:left; color:white; margin:10px 0px;} 

#menu{ position:relative; width:100%; max-width:1200px; height:80px;  text-transform:lowercase; font: 400 16px/19px "Open Sans",sans-serif; background:black; float:right; }
#menu ul{   list-style:none; float:center;  }
#menu ul li {   float:left;   width:auto; padding:0px 30px;   height:80px; text-align:center; line-height:80px; }
#menu ul li:hover {  color:#64AA67; }
#menu a{ color:white; text-decoration:none; }
#menu a:hover{ color:#64AA67; text-decoration:none;  }
#menu a:visible{ color:white; text-decoration:none; }

#muj_slider { position:relative; width:100%; height:600px;  

  }

#muj_slider h3 {
    font-family: "Sanchez",serif;
    font-size: 40px;
    line-height: 42px;
    color: #FFF;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 38px;
}

#muj_slider h5 {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #FFF;
    margin-bottom: 8px;
}




#tri_sloupce { position:relative; width:100%; height:480px; }
#sloupec_obal  {
	position:relative;
    width: 300px;
	float:left;
	height:100%;
	padding-left:15px; padding-right:15px;
	
}

#sloupec  {
    overflow: hidden;
	height:440px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

#sloupec h4 a{
    font-family: "Open Sans",sans-serif;
    font-size: 33px;
    line-height: 40px;
    font-weight: 300;
    color: #454545;
    text-align: center;
    padding-bottom: 22px;
    margin-top: 32px;
    margin-bottom: 36px;
    border-bottom: 1px solid #EDEDED;
	text-decoration:none;
}


#tri_sloupce_obsah { position:relative; width:100%; height:auto; }
#sloupec_obal_obsah  {
	position:relative;
    width: 300px;
	float:left;
	height:100%;
	padding-left:15px; padding-right:15px;
	background:#F5F5F5;
}

#sloupec_obsah  {
    overflow: hidden;
	height:auto;
	max-height:600px;
    background: none repeat scroll 0% 0% #FFF;
	background:#F5F5F5;
}

#sloupec_obsah h4 {
    color: #454545;
    font-family: "Open Sans",sans-serif;
    font-size: 33px;
    line-height: 40px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 32px;
	text-align:left;
}

#sloupec_obsah p {
   margin-bottom: 36px;
   margin: 0px 0px 10px;
   font: 14px/23px "Open Sans",sans-serif;
   color: #888;
   text-align:left;
}

#sloupec_obsah h6 {
    color: #70AC68;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 17px;
    text-transform: uppercase;
	font: bold 13px/18px Arial,Helvetica,sans-serif;
}


#siroke {position:relative; width:100%; height:auto; }

#border_box img { position:relative; width:200px; height:200px; border:15px solid #323232; 
-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border-radius: 50%;}
	
#border_box:hover { transition: all 0.2s ease 0s; border-color:black; opacity: 0.5; }

#border_box { position:relative; width:230px; height:300px; float:left; margin:0px 6px 30px 6px; transition: all 0.2s ease 0s; }


#border_box h4 {
    font-family: "Open Sans",sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #C8C8C8;
    text-align: center;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 12px;
}

#border_box a {
   
    text-align: center;
	color:#686F66;
	text-decoration:none;
    
}

#border_box a:hover {
   
    text-align: center;
	color:#C8759F;
	text-decoration:none;
    
}




.banner_1 h4 {
    font-family: "Sanchez",serif;
    font-size: 38px;
    line-height: 40px;
    color: #FFF;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
}

.obsah h4 {
    color: #454545;
    font-family: "Open Sans",sans-serif;
    font-size: 33px;
    line-height: 40px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 32px;
} 

.soc-link2 {
	background:url(../img/soc-link2.png) no-repeat 1px 1px;
}
.soc-link3 {
	background:url(../img/soc-link3.png) no-repeat 1px 1px;
}
.soc-link4 {
	background:url(../img/soc-link4.png) no-repeat 1px 1px;
}
.soc-link5 {
	background:url(../img/soc-link5.png) no-repeat 1px 1px;
}
.soc-link6 {
	background:url(../img/soc-link6.png) no-repeat 1px 1px;
}

.soc-links a {
    color: #05A6A6;
    display: inline-block;
    padding-bottom: 22px;
    padding-left: 33px;
    padding-top: 4px;
	margin:20px 0px;
}

.soc-links li {
    display: block;
	line-height:16px;
	text-align:left;
}

.soc-links a:hover {
	background-position: -176px 1px;
}

#recenze_box { border-bottom:1px solid lightgray; padding:0px 0px 30px 0px;}

#sloupec_li { position:relative; width:48%; height:auto; float:left; margin-top:30px; }

#sloupec_li img {float:left; margin-right:20px;}
#sloupec_li ul {margin:10px 0px; list-style:none;}

#sloupec_li li a {
    font: 400 15px/18px "Open Sans",sans-serif;
    color: #777;
    display: inline-block;
    background: url("../img/list_marker.png") no-repeat scroll 0px -28px transparent;
    padding-left: 25px;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}

#sloupec_li li a:hover {
  color: #4e4e4e;
  text-decoration: none;
  background-position: 0px 4px;
}