/*---------------------------------------------------------------

	Author:		oportune - webové projekty
	Web:		http://oportune.cz

---------------------------------------------------------------*/


/*---------------------------------------------------------------
------------------------- global --------------------------------
---------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, h1, h2, h3, h4, p, a, address, img, strong, ul, li, fieldset, form, label, input, textarea, legend, table {
	border: 0;
}

body {
	font-family: Georgia, sans-serif;
	text-align: center;
	color: #502607;
	font-size: 12px;
}

h2 {
	font-size:33px;
      margin-top: 40px;
}

h3 {
	font-size:16px;
      margin-bottom: 5px;
}

a {
	color: #f6eee8;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

p {
	line-height:22px;
}

span {
      color: #ae2e01;
}

label {
	display:block;
	margin-bottom:5px;
}

input {
	background: #b9aa95 url('../img/input.png') 0 0 no-repeat;
	width:235px;
	height:12px;
	border: 1px solid #d7c6b2;
	margin-bottom:5px;
	padding:5px;
	font-size: 11px;
	font-family: Georgia, sans-serif;
}

input.form_error {
	background: #ae2e01;
}

textarea {
	background: #b9aa95 url('../img/textarea.png') 0 0 no-repeat;
	width:455px;
	height:120px;
	border: 1px solid #d7c6b2;
	margin-bottom:5px;
	padding:5px;
	overflow:hidden;
	font-size: 11px;
	font-family: Georgia, sans-serif;
}

textarea.form_error {
	background: #ae2e01;
}

.cleaner {
	clear: both;
}

.left {
      float:left;
}

.right {
      float:right;
}


/*---------------------------------------------------------------
------------------------- content --------------------------------
---------------------------------------------------------------*/

#all {
	background: #503627 url('../img/bg_header.jpg') center top no-repeat;
	text-align: left;
}

#header {
	background: #d7c9b4 url('../img/bg_header_in.jpg') center top no-repeat;
	position:relative;
	height:156px;
	width:840px;
	margin: 0 auto;
	padding: 284px 60px 0 60px;
}

#logo {
      position: relative;
      width: 175px;
      height: 86px;
	margin-left:40px;
      overflow: hidden;
}

#logo a {
	font-size:60%;
}

#logo span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url('../img/logo.png') 0 0 no-repeat;
	cursor: pointer;
}

#menu {
	position:absolute;
	top:317px;
	right:148px;
	text-align:center;
}

#menu li {
	margin-right:15px;
	display: inline;
}


/*---------------------------------------------------------------
------------------------- content_top --------------------------------
---------------------------------------------------------------*/

#content_top {
	background:url('../img/bg_content_top.jpg') center top no-repeat;
	height:568px;
}

#content_top_in {
	background: #d7c9b4 url('../img/bg_content_top_in.jpg') center top no-repeat;
	width:840px;
	height:538px;
	margin: 0 auto;
	padding: 30px 60px 0 60px;
}

#about > img {
	float:left;
	margin-right:30px;
}

#about .signature {
	float:right;
	margin-top:15px;
}

#about_more {
	position:relative;
}

#about_more h3 {
	margin-top:15px;
}

#about_more img {
	position:absolute;
	bottom: -25px;
	right:0;
}

/*---------------------------------------------------------------
--------------------- content_bottom --------------------
---------------------------------------------------------------*/

#content_bottom {
	background:url('../img/bg_content_bottom.jpg') center top no-repeat;
	height:480px;
}

#content_bottom_in {
	background: #d7c9b4 url('../img/bg_content_bottom_in.jpg') center top no-repeat;
	width:840px;
	height:345px;
	margin: 0 auto;
	padding: 30px 60px 0 60px;
}

.certificates {
	float:left;
	margin-right:25px;
}

.certificates img {
	margin-top:6px;
	margin-right:5px;
	opacity: 0.85;
}

.certificates img:hover {
	opacity: 1.0;
}


/*---------------------------------------------------------------
------------------------ footer_top -------------------------
---------------------------------------------------------------*/

#footer_top {
	background:url('../img/bg_footer_top.jpg') center top no-repeat;
	height:334px;
}

#footer_content {
	background:url('../img/bg_footer_content.jpg') center top no-repeat;
	height:421px;
}

#footer_content_in {
	background: #d7c9b4 url('../img/bg_footer_content_in.jpg') center top no-repeat;
	width:795px;
	height:331px;
	margin: 0 auto;
	padding: 90px 81px 0 84px;
}

#footer_content_in .address {
	float:left;
	margin-right:127px;
}

#footer_content_in a {
	color:#502607;
}

#footer_content_in a.map {
	text-decoration:underline;
}

#footer_content_in a.map:hover {
	text-decoration:none;
}

#footer_content_in #form {
	padding-top:38px;
}

.form_submit {
	background: url('../img/button_send.png') 0 0 no-repeat;
	width:132px;
	height:28px;
	float:right;
	border: 0;
	cursor:pointer;
}

/*---------------------------------------------------------------
---------------------- footer_bottom-----------------------
---------------------------------------------------------------*/

#footer_bottom {
	background: url('../img/bg_footer_bottom.jpg') center top no-repeat;
	height:486px;
}

#footer_bottom_in {
	background: #d7c9b4 url('../img/bg_footer_bottom_in.jpg') center top no-repeat;
	width:910px;
	height:174px;
	margin: 0 auto;
	padding: 240px 50px 0px 0px;
	position:relative;
}

#footer_bottom_in .skype {
	position:absolute;
	top:40px;
	left:490px;
	width:400px;
}

#footer_bottom_in .skype img {
	opacity: 0.65;
}

#footer_bottom_in .skype img:hover {
	opacity: 1.0;
}

#footer_bottom_in .skype p {
	margin-left:54px;
}

#footer_bottom_in .skype a {
	color: #ae2e01;
}

#footer_bottom_in .arrow_top {
	position:absolute;
	bottom:190px;
	right:35px;
}

#footer_bottom_in p.right {
	color: #f6eee8;
}