@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #111111; /*#b1e4f8;*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { /*font-family: "Trebuchet MS", Arial, sans-serif;*/ color: #181818; font-weight: normal; line-height: 1.25 }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; margin-bottom: 12px;}
	h2 { font-size: 35px; margin-bottom: 9px; }
	h3 { font-size: 28px; margin-bottom: 9px; }
	h4 { font-size: 21px; margin-bottom: 3px; }
	h5 { font-size: 18px; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 15px; font-weight: normal; }

	.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

.container { padding: 0px; }
.row { width: 100%; width: 980px; margin: 0 auto; }
.paragraph { font-size: 14px; line-height: 21px; margin-bottom: 18px; }
.paragraph.white { color: #fff; }
.paragraph.black { color: #555; margin-bottom: 18px; }
.indent { text-indent: 50px; }
.paragraph2 { font-size: 11px; line-height: 17px; }
.paragraph2.gray { color: #999; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.padding20 { padding: 20px; }
.words { font-size: 10px !important; color: #999 !important; line-height: 16px !important; }
.spaceline { border-top: 1px solid #dfdfdf; width: 100%; height: 1px; margin-bottom: 20px }
.padding20 { padding: 20px; }
/*  --------------------------------------------
	::Header
	--------------------------------------------  */
	/*#body-wrapper { background: url(../images/headerBg.png) repeat-x center top; }*/
	#header-wrapper { background: url(../images/topNavBg.png) repeat-x center top #333; height: 70px; }
	#header { background: url(../images/topBg.png) no-repeat top left; overflow: hidden; height: 70px; width: 960px; margin: 0 auto; }
	#logo { float: left; margin-top: 15px; margin-right: 300px; }
	
	#header-wrapper2 { height: 150px; background: url(../images/topBgRepeat2.png) repeat-x top center; }
	#header2 { background: url(../images/topBg2.png) no-repeat top left; overflow: hidden; height: 150px; width: 1080px; margin: 0 auto; text-align: center; }
	
	#nav { position: relative; }
	#nav li { float: left; display: inline-block; padding-right: 1px; background: transparent; height: 5px; text-align: center; margin-right: 1px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; top: 0px; padding-bottom: 7px; }
	#nav li a { font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;  font-size: 18px; color: #fff; text-decoration: none; text-align: center; position: relative; top: 10px; display: block; border: 10px; margin-top: -3px; padding: 20px; }
	#nav li a:hover, #nav li a.selected { color: #fff; }
	#nav li:hover { background: #fc0; height: 70px; position: relative; color: #fff; }
	#nav li:active { background: #fc0; box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.48); }
	#nav li.selected { background: #fc0; height: 70px; padding-bottom: 7px; bottom: -10px; position: relative; }
/*  --------------------------------------------
	::Slider
	--------------------------------------------  */
	#slider-wrapper { position: relative; background: #790026; }
	#slider { background: url(../images/contentBg.png) center center; overflow: hidden; position: relative; width: 960px; margin: 0 auto; }
	.sliderc1 { float: left; background: url(../images/innerHeader.png) no-repeat top left; height: 180px; overflow: hidden; position: relative; margin: 20px 0 0 0; width: 980px; }
	.sliderc1 img { border-radius: 10px 0 0 10px; }
	.sliderc2 { clear: both; float: left; position: relative; width: 940px; margin-top: 0; margin-left: 20px; margin-bottom: 20px; border-radius: 10px; }
	.slider-shadow { background: url(../images/shadow.png) no-repeat center top; height: 30px; }
	/*.slider-shadow { background: url(../images/shadow.png) no-repeat center top; height: 30px; float: left; z-index: 500; top: 80px; display: block; width: 960px; overflow: hidden; }*/
	.bullets { background: url(../images/bullets.png) no-repeat center top; height: 35px; }
	.flexslider { margin: 0 !important; }
	.flexslider .slides img { max-width: 100%; display: block;}
	
/*  --------------------------------------------
	::Features
	--------------------------------------------  */
	#features-wrapper { position: relative; background: #790026; }
	#features { background: #62071d; overflow: hidden; position: relative; width: 960px; margin: 0 auto; padding: 20px 0;}
	#features img { margin-right: 20px; }
	.ftcol1 { float: left; position: relative; overflow: hidden; width: 460px; margin-left: 20px; }
	.ftcol2 { position: relative; overflow: hidden; width: 480px; }
	.ftit1, .ftit3 { float: left; position: relative; overflow: hidden; margin-bottom: 40px; width: 440px; }
	.ftit2, .ftit4 { clear: both; float: left; position: relative; overflow: hidden; width: 440px; }
	.ftit1 h5, .ftit2 h5 , .ftit3 h5, .ftit4 h5 { margin-top: 4px; margin-bottom: 7px; } 
	#features p { color: #fff; font-size: 13px; line-height: 1.5; }
	.details-link { color: #fc0; text-decoration: underline; }
	.details-link:hover { color: #fc0; text-decoration: none; }
	.separation-line { background: url(../images/line-separator1.jpg) repeat-x center center transparent; height: 20px; overflow: hidden; margin-bottom: 12px; }
	.separation-line-light { background: url(../images/line-separator2.jpg) repeat-x center center transparent; height: 20px; overflow: hidden; margin: 7px 0 12px; }
	.left-zero { margin-left: 0 !important; }

/*  --------------------------------------------
	::Content
	--------------------------------------------  */
	#content-wrapper { position: relative; background: #790026; }
	#content { overflow: hidden; position: relative; z-index: 1; width: 960px; margin: 0 auto; }
	#content2 { background: #fff; border-radius: 10px; height: 100%; overflow: hidden; position: relative; margin-top: -50px; }
	
	.content-col1, .content-col2 { float: left }
	.content-col1 { width: 260px; height: 100%; background: url(../images/sidenavBg.png) no-repeat left top; overflow: hidden; }
	.content-col2 { width: 640px; margin-left: 19px; margin-top: 20px; height: 100%; margin-bottom: 20px; }
	#sidemenu { margin-top: 60px; margin-bottom: 60px;}
	#sidemenu li { background: url(../images/sidenavSeparator.png) no-repeat center bottom; padding: 5px 18px 3px; margin-left: -10px; }
	#sidemenu li.selected { background: url(../images/sidenavSeparator.png) no-repeat center bottom; margin-left: 0px; }
	#sidemenu li  a { display: block; padding: 12px 0 12px 12px; text-decoration: none; color: #ffffff;  }
	#sidemenu li  a:hover { color: #ffcc00;  }
	#sidemenu li  a.selected { display: block; margin-left: 0px; color: #ffcc00; text-decoration: none; }
	#galerie { padding: 0px; }
	.heading-title { font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin-left: 20px; margin-bottom: 0px; }
	.heading-title.company { margin-top: 20px; color: #fff; }
	
	.section { float: left; position: relative; width: 980px; height: 100%; background: none; margin: 5px 0 20px 0; margin-left: 5px; overflow: hidden; }
	.col1 { position: relative; float: left; width: 270px; overflow: hidden; }
	.col11 { position: relative; float: left; width: 270px; margin-bottom: 20px;}
	.col2 { position: relative; float: right; width: 700px; border-radius: 0 5px 5px 0; color: #777; text-align: left; top: 0; }
	.image-place { position: relative; width: 228px; height: 228px; border: 1px solid #dfdfdf; margin: 20px; }
	.image-place img { margin: 5px; width: 218px; height: 218px; }
	.inner-section { padding: 20px 30px; height: 150px; }
	.inner-section2 { padding: 20px 30px; height: 100%; position: relative; overflow: hidden; }
	#col6 { position: relative; float: left; width: 699px; height: 100%; background: #fff; border-radius: 5px; margin: 20px; overflow: hidden;}
	#col7 { position: relative; float: left; width: 221px; height: 100%; overflow: hidden; }
	#col8 { position: relative; float: left; width: 460px; background: #fff; border-radius: 5px; margin: 20px 0 20px 20px; min-height: 430px; }
	.title { font-family: Tahoma, Verdana, Arial, serrif; color: #333; margin-bottom: 12px; }
	.imagestyle { width: 210px; height: 118; border: 5px solid #fc0; margin-bottom: 20px; border-radius: 5px; }
	.offer-text { height: 120px; }
	.offer-text2 { height: 100%; } /* text-decoration: line-through; */
	.details-button { float: right; position: relative; background: #00b9ee; padding: 12px 32px; color: #fff; border-radius: 3px; text-decoration: none; }
	.details-button:hover { float: right; position: relative; background: #00adde; padding: 12px 32px; color: #fff; border-radius: 3px; text-decoration: none; }
	.details-button:active { float: right; position: relative; background: #00adde; padding: 14px 32px 10px; color: #fff; border-radius: 3px; text-decoration: none; box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.28); }
	.contact-area { text-align: left; width: 220px; font-size: 12px; line-height: 1.5; color: #00b9ee; overflow: hidden; margin-bottom: 20px; }
	.map-place { position: relative; overflow: hidden; margin: 7px 0; }
	
	.email-link { color: #fc0; text-decoration: underline; }
	.email-link:hover { color: #fc0; text-decoration: none; }

/*  --------------------------------------------
	::Galerie
	--------------------------------------------  */
	a.galerie-img img { 
		border: 2px solid #d3cfcb; 
		box-shadow: 0px 2px 2px rgba(0,0,0,0.12);
		margin: 5px !important;
		width: 100px;
		height: 75px;
		}
		
	a.galerie-img img:hover { 
		width: 100px; 
		border: 2px solid #ffcc00; 
		}

/*  --------------------------------------------
	::Footer
	--------------------------------------------  */
	#footer-wrapper { background: #111; height: 100%; }
	#footer { position: relative; overflow: hidden; width: 960px; margin: 0 auto 0 auto; padding-top: 12px; }
	#col3 { float: left; position: relative; width: 240px; }
	p.copy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; position: relative; }
	#col4 { float: left; position: relative; margin-left: 0; width: 450px; }
	#footernav { background: url(../images/footernavBg.png) repeat-x center top; overflow: hidden; border-radius: 0 0 10px 10px; height: 30px; padding-top: 12px; text-align: center; }
	#footernav li { display: inline; border-right: 1px solid #fff;  }
	#footernav li:last-child  { border-right: 0px solid #776655; }
	#footernav li a  { font-family: Arial, Helvetica; sans-serif; color: #fff; text-decoration: none; font-size: 12px; padding: 7px 7px 7px 5px; }
	#footernav li a:hover  { text-decoration: underline; }
	#col5 { float: right; position: relative; width: 220px; text-align: right; }
	p.webdesign { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; position: relative; }
	p.webdesign a { color: #09f; text-decoration: none; }
	p.webdesign a:hover { color: #09f; text-decoration: underline; }

/*  --------------------------------------------
	::Trafic Links
	--------------------------------------------  */
	#trafic-links { height: 40px; text-align: center; position: relative; margin: 20px auto; }
	.line { background: url(../images/line.png) repeat-x center top; height: 2px; position: relative; margin-bottom: 3px; }
	
	/*--Back Top--*/
	#toTop {
        background: #ffcc00;
        text-align: center;
        padding: 20px 15px;
        position: fixed; /* this is the magic */
        bottom: 20px; /* together with this to put the div at the bottom*/
        right: 50px;
        cursor: pointer;
        display: none;
        color: ##62071d;
		font-weight: bold;
        font-family: verdana;
        font-size: 11px;
		z-index: 9999;
	}
	
/*  --------------------------------------------
	::Forms
	--------------------------------------------  */
	.comment_text {
		color: red;
	}
	
	.content_text {
		color: #333 !important;
		line-height: 24px !important;
		font-size: 12px !important;
	}

input.highl_0, textarea {
	border: 1px solid #E0D6B2; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	padding: 3px 12px;
	background: url(../images/shadowInput.png) repeat-x center top #fff;
}



input#submit { 
	color: #333; 
	border: 1px solid #cbd5dd;
	background: url(../images/btnBg.png) repeat-x center top #ddd;
	padding: 7px 20px; 
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	cursor: pointer;
}



input#submit:hover { 
	color: #333; 
	cursor: pointer;
	background: url(../images/btnBgHover.png) repeat-x center top #ddd;
	border: 1px solid #999;
}



input#submit:active {
	padding: 7px 20px;
	box-shadow: inset 0px 2px 3px #333; 
	cursor: pointer;
	background: url(../images/btnBgActive.png) repeat-x center top #ddd;
	border: 1px solid #cbd5dd;
	}
	
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

/* Text color */
 .white { color: #fff; }
 .black { color: #333; }
 .yellow { color: #fc0; }
 .red { color: #8a100b; }
 .blue { color: #00b9ee; }