@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext);

body {
  font: 14px Open Sans;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
a, .orange {
  color: #f86a36;
	text-decoration: none;
}
a:hover {
  color: #f86a36;
	text-decoration: underline;
}
.root_bg {
  float: left;
  width: 100%;
  background: url(data/bg_subslider.png) repeat-x top;
  margin-top: 81px;
}
.root {
  width: 1000px;
	position: relative;
	margin: auto;
	text-align: left;
}
.page_left {
  float: left;
  width: 682px;
  background: url(data/predel_tecky2.png) repeat-y right;
  margin: 30px 0px 20px 0px;
  padding-top: 10px;
}
.page_right {
  float: right;
  width: 280px;
  color: rgb(144,144,144);
  margin-top: 23px;
  font-size: 16px;
  line-height: 26px;
}
.page_right p {
  float: left;
  width: 280px;
  margin: 0px;
  padding: 10px 0px 10px 0px;
}
.page_right strong {
  float: left;
  width: 280px;
  font-weight: normal;
  font-size: 20px;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px rgb(192,192,192) solid;
  color: rgb(112,112,112);
}
.in_obsah {
  float: left;
  width: 640px;
  line-height: 26px;
  font-size: 16px;
}
.in_obsah p {
  float: left;
  width: 640px;
  text-align: justify;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}
.in_obsah p a {
  font-weight: bold;
}
.in_obsah ul {
  float: left;
  width: 610px;
  padding: 0px;
  margin: 0px;
}
.in_obsah li {
  float: left;
  width: 620px;
  list-style: none;
  background: url(data/it_dot.png) no-repeat 0px 3px;
  padding: 0px 0px 15px 30px;
  margin: 0px;
}
.in_obsah table {
  float: left;
  width: 640px;
  border: 0px;
  font-size: 16px;
  line-height: 20px;
}
.error, .ok_msg {
  float: left;
  width: 620px;
  padding: 10px;
  border: 1px green solid;
  color: green;
  text-align: center;
  margin-bottom: 15px;
}
.error {
  border: 1px red solid;
  color: red;
}

a.page_c_btn {
  float: left;
  width: 620px;
  text-align: center;
  padding: 10px;
  background-color: #f86a36;
  color: #3f3f3f;
  border-radius: 4px;
  font-weight: bold;
}
a.page_c_btn strong {
  background-color: white;
  color: #f86a36;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
}
a.page_c_btn:hover strong {
  background-color: #3f3f3f;
  color: white;
} 
h1 {
  line-height: 48px;
  font-size: 36px;
  color: #f86a36;
  font-weight: normal;
  margin-top: 0px;
  padding-top: 0px;
}
h1 strong {
  background: #f86a36;
  color: white;
  padding: 2px 6px 2px 3px;
  border-radius: 3px;
}
.ref_nav {
  float: left;
  width: 640px;
  border-top: 1px #f86a36 solid;
  border-bottom: 1px #f86a36 solid;
  margin: 5px 0px 5px 0px;
}
.ref_nav a, .ref_nav_dis {
  float: left;
  width: 100px;
}
.ref_nav_dis {
  color: gray;
}
.ref_nav a.to_list {
  width: 440px;
  text-align: center;
}
.ref_item {
  float: left;
  width: 305px;
  height: 228px;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px #c9c9c9 solid;
}
.ref_item_home {
  float: left;
  width: 320px;
  height: 240px;
  margin-top: 20px;
  border-radius: 4px;
  border: 1px #c9c9c9 solid;
}
.ref_item_predel {
  float: left;
  width: 640px;
  height: 1px;
  border-bottom: 1px #f86a36 solid;
  margin-bottom: 20px;
}
.ref_item a, .ref_item_home a {
  float: left;
  width: 305px;
  height: 128px;
  text-align: center;
  padding: 100px 0px 0px 0px;
  font-size: 0px;
  background: none;
  color: white;
  border-radius: 4px;
  text-shadow: 0px 0px 2px black;
}
.ref_item_home a {
  width: 320px;
  height: 140px;
}
.ref_item a:hover, .ref_item_home a:hover {
  text-decoration: none;
  background: url(data/ref_bg.png);
  font-size: 22px;
}
img.ref_full {
  float: left;
  width: 638px;
  height: auto;
  border: 0px;
  border-radius: 4px;
  border: 1px #c9c9c9 solid;
}
img.s_c_ico {
  position: relative;
  top: 4px;
  border: 0px;
}

/* hlavička */

.head_fix {
  position: fixed;
  width: 100%;
  height: 80px;
  top: 0px;
  left: 0px;
  border-bottom: 1px black solid;
  background-color: white;
  z-index:100;
}
.head_place {
  float: left;
  width: 1000px;
  height: 80px;
}
.head_place img {
  float: left;
  width: 260px;
  height: 80px;
  border: 0px;
}
.menu_place {
  float: right;
  height: 80px;
  border-right: 1px #f2f2f2 solid;
}
.menu_place a {
  float: left;
  height: 48px;
  padding: 32px 24px 0px 25px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  border-left: 1px #f2f2f2 solid;
  color: #282828;
  text-decoration: none;
  transition: background 0.2s ease 0s;
}
.menu_place a:hover {
  background: #f2f2f2;
}
.menu_place a.active {
  color: #f86a36;
}

/* slider */

.slider_bg {
  float: left;
  width: 100%;
  height: 363px;
  text-align: center;
  border-bottom: 1px black solid;
  overflow: hidden;
  margin-top: 81px;  
}
a.slider_nonjs {
  float: left;
  width: 100%;
  height: 360px;
  background: url(data/slider_nonjs.jpg);
  text-decoration: none;
}
.ref_info_place {
  background: url(data/orange_alfa.png);
  border-radius: 4px;
  width: 20%;
  height: 50%;
}
.ref_only_text {
  color: #333333;
  font: 20px Open Sans;
  text-align: left;
}
.ref_info_link {
  font: 16px Open Sans;
  background: #F86A36;
  padding: 5px 15px 5px 15px;
  border-radius: 4px;
}
.ref_info_link a {
  color: white;
}
.slider_name {
  text-align: left;
  color: #F86A36;
  font: bold 32px Open Sans;
}

/* úvodní strana */

.services {
  float: left;
  width: 1000px;
  height: 60px;
  margin-top: 35px;
}
a.services_part {
  float: left;
  width: 210px;
  height: 60px;
  background-image: url(data/ico_web.png);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0px 20px 0px 103px;
  color: #f86a36;
}
a.services_part:hover {
  background-position: left bottom;
}
a.services_part strong {
  float: left;
  width: 210px;
  height: 28px;
  font-size: 18px;
}
a.services_part p {
  float: left;
  width: 210px;
  height: 32px;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
  color: #3f3f3f;
}
.services_sidebar {
  float: left;
  width: 280px;
  margin: 5px 0px 15px 0px;
}
.services_sidebar a {
  float: left;
  width: 175px;
  height: 35px;
  background-image: url(data/ico_web_s.png);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 5px 0px 0px 70px;
  margin-top: 8px;
  color: #909090;
  font-size: 16px;
}
.services_sidebar a:hover, .services_sidebar a.active {
  background-position: left bottom;
  color: #F86A36;
  text-decoration: none;
}

/* patička */

.linka_up {
  float: left;
  width: 1000px;
  height: 20px;
  border-top: 1px #e3e3e3 solid;
  margin-top: 30px;
}
.footer_left {
  float: left;
  width: 502px;
  background: url(data/predel_tecky.png) no-repeat right center;
}
h3.footer, h2.footer, h2.footer2, h3.footer2, h1.footer_l {
  float: left;
  width: 460px;
  height: 40px;
  font-size: 20px;
  padding: 0px;
  margin: 0px;
  color: black;
  font-weight: bold;
  line-height: 24px;
}
h2.footer2, h3.footer2 {
  height: 60px;
}
p.footer {
  float: left;
  width: 460px;
  padding: 0px;
  margin: 0px;
  line-height: 22px;
}
.footer_left a.arrow {
  float: left;
  font-weight: bold;
  font-size: 14px;
  margin-top: 12px;
  padding-right: 10px;
  background: url(data/link_sipka.png) no-repeat right center;
}
.footer_right {
  float: right;
  width: 460px;
}
#m {
  float: left;
  width: 458px;
  height: 270px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
}
#m2 {
  float: left;
  width: 638px;
  height: 300px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  margin: 15px 0px 25px 0px;
}

#container {
  background-color: none;
  height: 47px;
  overflow: auto;
  position: relative;
  width: 460px;
}
#controls {
  float: left;
  width: 460px;
  height: 15px;
  padding: 0px;
  margin: 17px 0px 0px 0px;
  list-style: none;
}
#controls li {
  float: left;
  padding: 0px;
  margin: 0px;
}
#controls a {
  float: left;
  width: 15px;
  height: 15px;
  background: url(data/slider_btn.png) top;
  font-size: 0px;
  margin: 0px 4px 0px 2px;
}
#controls li.current a {
  background: url(data/slider_btn.png) bottom;
}

#slider ul {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#slider li {
  float: left;
  width: 460px;
  height: 46px;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}
.cislo {
  float: left;
  height: 36px;
  font-size: 32px;
  font-weight: bold;
  color: #f86a36;
  padding-bottom: 6px;
}
#slider li p {
  float: left;
  width: 220px;
  padding: 0px;
  margin: 4px 0px 0px 20px;
  line-height: 18px;
}

.home_refs {
  float: left;
  width: 1000px;
  margin-top: 20px;
  background: url(data/klienti_bg.png) no-repeat center top;
}
.footer_logos {
  float: left;
  width: 1000px;
  height: 250px;
  margin-top: 20px;
  background: url(data/klienti_bg.png) no-repeat center top;
}
.footer_logos strong, h2.home_ref_head {
  float: left;
  width: 1000px;
  font-size: 20px;
  margin: 30px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  font-weight: bold;
}
.footer_logos img {
  float: left;
  width: 125px;
  height: 70px;
  border: 0px;
  margin: 20px 93px 0px 0px;
}

/* copyright */

.copyright_place {
  float: left;
  width: 100%;
  height: 124px;
  background: url(data/copyright.png);
  text-align: center;
  font-size: 14px;
}
.copy_links {
  float: left;
  width: 1000px;
  height: 55px;
  text-align: center;
}
.copy_links a {
  float: left;
  width: 65px;
  padding: 23px 50px 0px 50px;
  color: #282828;
  text-align: center;
}
.copy_predel {
  float: left;
  width: 1px;
  height: 45px;
  margin-top: 10px;
  background: url(data/copy_predel.png) no-repeat center center;
}
.copyright_text {
  float: left;
  width: 1000px;
  text-align: center;
  line-height: 22px;
  margin-top: 15px;
}

/* nutné pro editor */

.pozadi_editor {
  text-align: left;
  width: 847px;
	float: left;
	background: rgb(215,215,215);
	color: black;
	padding: 5px 5px 5px 5px;
}
.nadpis {
  font-size: 16px;
  color: #c4122d;
  margin: 10px 0px 10px 0px;
  display: block;
}