@charset "utf-8";

* { outline:none; }

ol, ul, li { list-style:none; }

body { width:100%; padding:0; margin:0; font:normal 11px/2em; color:#006884; font-family: "Liberation sans", Arial, Helvetica, sans-serif; font-size:12px; }

.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }

.clr_m { clear:both; padding:0; margin:0 0 30px 0; width:100%; font-size:0; line-height:0; }

br { }

.bg { clear:both; padding:0; border-bottom:1px solid #424c51; margin:30px 0; width:100%;}

.separator_clear { clear:both; margin:20px auto; padding:0; width:100%; height:2px; margin-top:-20px; }

.separator_clear.small { margin:10px auto; }

.slide_1 { width:900px; }

.tal { text-align:left; }

.tar { text-align:right; }

.tac { text-align:center; }

.fl { float:left;}

.fr { float:right;}

.menu.gap21 { display: none; }

.eight.columns.mob-disp { display: none; }

.sliderwrap { padding: 80px 0 20px 0; }

#slider-wrapper object { width: 100%; }

.fl_m_img { float:left; margin:0 20px 0 0;}

.m_img { margin:0 20px 0 0;}

.menu .tinynav { position: relative; z-index: 99999999999999; display: none; }

/*Camera Slider*/

		.fluid_container { bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; z-index: 0; }

#camera_wrap_4 { bottom: 0; height: 100%; left: 0; margin-bottom: 0!important; position: fixed; right: 0; top: 0; }

.camera_bar { z-index: 2; }

.camera_thumbs { margin-top: -100px; position: relative; z-index: 1; }

.camera_thumbs_cont { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.camera_overlayer { opacity: .1; }

/*headers*/

h1 { font-size:24px; color:#006884; border-bottom:1px solid #e1e1e1; padding:0 0 20px 0; }

h2 { font-size:14px; color:#e1e1e1; }

h2  span { float:left;}

h2 small { font-family: "Liberation sans", Arial, Helvetica, sans-serif; font-size:11px; color:#a2ed20; font-style:italic;}

h3 { font-size:13px; color:#006884; text-transform:uppercase; }

h1.all { border-bottom:1px solid #424c51; padding-bottom:15px; }

/*text & links*/

a { text-decoration:none; color:#fe9500;  }

p.details { margin-top:-15px; color: #666666; }

p span { font-size:13px; color:#006884; font-weight:bold;}

/* IMG  */

a.pic { display: block; position: relative; padding:0; margin:0; }

a.pic img { float: left; }

a.pic img.h { position: absolute; padding:0; top: 0px; left: 0px; visibility:hidden; }

a.pic:hover img.h {center no-repeat; visibility:visible; }

/* Flickr */

.block_pict { margin-top:0; }

.block_pict a img {margin:0 3px 3px 0;}

/*Main*/

.body_pattern { margin:0; padding-bottom:0; background: url(http://spiritspast.com/75_bg.jpg) top center fixed;  }

.body_pattern ul {
	list-style:none;
	padding:10px 0;
	font-size: medium;
}

.body_pattern li a { color:#fe9500; padding:4px 0;}

.body_pattern li a:hover { text-decoration:underline;}

.sidebar { background: url(../images/bg.png);   position: relative; padding-bottom:80px;     z-index:1000; width:100%;}

.content {   width:90%; padding:2% 5%;  }

.content a.view { margin:10px 0; padding:0 4px; background:#fe9500; color:#000; font-size:11px; float:left;}

.content a.view:hover { background:#000;  color:#fe9500;}

.content2 { background: url(../images/bg.png); opacity: 0.9; padding:20px 40px; width:900px; position:absolute; left:315px; top:150px; overflow-y: auto; overflow-x: hidden; max-height:830px; }



.left { width:90%; margin-top:15px; }

.center {  width:90%; margin-top:15px;}

.right { width:90%;   }

.center2 {  width:90%; }

.content3 { padding:10px 0px 0px 0px; width:100%;  }

/* about_l */

.about_l { width:100%; margin:0px; padding-top:10px;}

.about_r { width:100%; clear:both; padding-top:10px;}

/* .about EDIT*/

.about img { margin:5px 15px 10px 0; border:1px solid #006884;}

.about img:hover { border:1px solid #000;}

.about p span { color:#ececec; font-size:13px; font-weight:bold; border-bottom:1px solid #424c51; padding-bottom:10px;}

.about a.view { margin:10px 0; padding:3px 4px; background:#a2ed20; color:#2a3418; border:1px solid #73b501; font-size:11px; text-align:center;}

.about a.view:hover { background:#2a3418; border:1px solid #2a3418; color:#a2ed20;}

/*Logo*/

.logo.top500 { padding:159px 0 280px 0px; margin-left:174px;}

.logo.top60 { padding:60px 0 0 0;}

.logo { text-transform:uppercase; font-size:40px; font-style: inherit; float:left; padding:0px; margin:0; }

.logo a { text-decoration:none; padding-left:60px; margin-left:-20px; position:relative; top:15px; }

.logo a span { color:#006884; }

.logo p { color:#006884; position:relative;  font-family: "Liberation sans", Arial, Helvetica, sans-serif;  font-size:10px; padding:10px 0 0 50px;  }

/*search*/

.search { width:206px; height:28px; background: url(../images/search_bg.png) no-repeat left top; float:right; margin:25px 20px 0 20px; }

.search_text { margin:0; padding:7px 10px; float:left; width:190px; font-size:12px; line-height:12px; color:#171717; background:none; outline:none; border:none; }

.search_button { float:right; margin:-22px 7px 0 0; }

/* header_follow */

.header_follow a { padding:0; margin:0;}

.header_follow { line-height:0; margin:-15px 0 0 20px; padding:10px 0; }

.header_follow img { margin:0 1px 0 0;}

.header_follow1 { background:url(../images/f_1.png); }

.header_follow2 { background:url(../images/f_2.png); }

.header_follow3 { background:url(../images/f_3.png); }

.header_follow4 { background:url(../images/f_4.png); }

.header_follow5 { background:url(../images/f_5.png); }

.header_follow1:hover { background:url(../images/f_1_1.png); }

.header_follow2:hover { background:url(../images/f_2_1.png); }

.header_follow3:hover { background:url(../images/f_3_1.png); }

.header_follow4:hover { background:url(../images/f_4_1.png); }

.header_follow5:hover { background:url(../images/f_5_1.png); }

/*footer*/

.footer p a { color:#006884; }

.footer { text-align:center; width:100%; padding-top:25px; }

/*team*/

h2.team { margin-top:20px; }

h1.h1 { margin-bottom:-10px; }

h1.h1.gap20 { margin: 0px; }

/*2cols*/

.col2 { width:90%;  }

.col2.last { width:90%; }

.col2 img { margin-bottom:20px; }

/*3cols*/

.col3 { width:90%;   }

.col3.last { width:90%;  }

/*3cols*/

.col33 { width:90%; margin-top:20px;   }

.col33.last {  width:90%; margin-top:20px;}

/*4cols*/

.col4 { width:90%; }

.col4.last { width:90%; }

/* gallery-categ */

.gallery-categ { margin:0; padding:0; }

.gallery-categ li { padding:0; float:left; border-right:1px solid #CCC; }

.gallery-categ li:last-child { border-right:0; }

.gallery-categ li a { font-weight:bold; display:block; padding:5px 10px; }

.gallery-categ li.active a { text-decoration:underline; }

.img_hover_box.pic a { display: block; position: relative; margin-bottom:15px; }

.img_hover_box.pic a img { margin:0; }

.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.h { visibility:visible; }

/*btn*/

.btn { margin:12px 0 0; padding:0px 0px 0; text-align:center; }

.btn a { font-size:11px; color:#8f8f8f; text-transform:uppercase; height:33px; padding:8px 12px; background:#f7f7f7; border:1px solid #ebebeb; font-weight:bold; }

.btn a:hover { color:#000; background:#a2ed20; border-color:#9cac50; }

.btn a span { color:#ca0035; font-size:12px; font-weight:normal; }

.pic img { padding:0px; background:#ffffff; /*}

.pic a:hover img {background:#e1e1df;border:1px solid #e1e1df; /**/ }

.pic img.h { background:none; }

.pic.fl { margin:5px 20px 10px 0; }

.pic.fr { margin:5px 0 20px 10px; }

.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.r_plus { visibility:visible; }

/*4cols_gallery*/

.col44 { width:200px; float:left; padding:0; margin-right:10px; position:relative; top:0px; margin-top:0px; padding-bottom:40px; }

.col44 h3 { position:relative; bottom:0px; margin-bottom:0px; }

.col44 a img { margin-top:0px; }

.col44.last { float:right; margin:0; margin-right:0px; }

.col44.invisible-box { display: none; opacity: 0; z-index: 1; }

.tal { text-align:left; }

.tar { text-align:right; }

.tac { text-align:center; }

.tac2 { text-align:center; margin-top:-50px; }

.separator_clear { clear:both; margin:20px auto; padding:0; width:100%; height:2px; margin-top:-20px; }

.separator_clear.small { margin:10px auto; margin-top:-20px; }

/*form Contact_us*/

#contactform { margin:0; padding:5px 0; margin-bottom:-10px; margin-top:20px; margin-left:-20px; }

#contactform * { color:#8b8b8e; }

#contactform ol { margin:0; margin-left:20px; padding:0; list-style:none; }

#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }

#contactform li.buttons { margin:5px 0 5px 0; clear:both; }

#contactform label { margin:0; width:60px; padding:6px 0; text-transform:none; float:left; font-weight:normal; color:#8b8b8b; }

#contactform label .ness { color:#656566; }

#contactform label span { color:#8b8b8b; }

#contactform input.text { width:48%; border:1px solid #d3d3d3; margin:5px 0 5px 30px; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }

#contactform textarea { width:48%; border:1px solid #d3d3d3; margin:4px 0 4px 30px; padding:5px 2px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; height:100px; }

#contactform li.buttons input { padding:0 0 3px 0; margin:10px 0 0 90px; border:0; color:#006884; float:left; }

/*coments*/

#coment { overflow:hidden; margin:10px 0; }

#coment img { float:left; margin-right:20px; }

#coment h3 { margin:0; padding:0; }

#coment .podpis { float:left; margin:5px 0; width:75%; font-size:smaller; font-style:italic; }

#coment .podpis a { margin-left:10px; }

#coment2 { overflow:hidden; margin:10px 0 00px 50px; padding-bottom:0px; }

#coment2 img { float:left; margin-right:20px; }

#coment2 h3 { margin:0; padding:0; }

#coment2 .podpis { float:left; margin:5px 0; width:70%; }

#coment2 .podpis a { margin-left:10px; }

#coment3 { overflow:hidden; margin:10px 0 0 100px; padding-top:0px; }

#coment3 img { float:left; margin-right:20px; }

#coment3 h3 { margin:0; padding:0; }

#coment3 .podpis { float:left; margin:5px 0; width:65%; }

#coment3 .podpis a { margin-left:10px; }

#coment3 .lin { border-top:1px solid #c8c8c8; margin-top:20px; }

.slide { margin-top:-17px; }

.slide2 { margin-top:-7px; }

.slide3 { margin-top:-100px; }



.sliderHolder a img{ max-width:100%; height:auto !important;}

.sub-index{ position:relative; top:-900px; left:379px;}

.sub-index .menu{ margin-top:0px;}

.mob-disp .logo.top60{ padding:15px 0px;}

.container .mob-disp{ display:none;}

.container .comp-disp{ display:block;}

.sub-index1{ position:static;}

.sub-index-about{ position:relative; top:300px; left:-2px;}

.abt_fl{ float:left;}

.abt_fr{ float:right;}

a.pic img{ max-width:100%; height:auto;}

.maps_view{width:100%;}

.displaynone { display: block;}

#catalogue .thumb + div { margin: 0px !important; float: none !important; } 

#webstore .left { width: auto; margin: 0px; }







.testimonials .text h3 { color:#006884 !important;}

.one_third_pad img { max-width: 100%; height: auto; }

.one_half_pad img { max-width: 100%; height: auto; }

.two_third_pad img { max-width: 100%; height:auto; }

.dc_pricingtable03 li h2 { font-size:24px !important;}

.dc_pricingtable03 li h2 { font-size:24px !important;}

.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; float: none !important; bottom: 0px !important; background: none !important;}

.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:28px !important;}

.dc_pricingtable06 ul li h3 { font-size:28px !important; color:#fff !important; line-height:180% !important;}

.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important; text-align: center; color: #555555 !important; }

div.dc_pricingtable03 .align_center h2 { text-align: center !important; float: none !important; bottom: 0px !important; }

.recent_works.gap { width: auto !important; }



/* */

.oneForth { margin:20px auto; float: left; width: 25%; }

.oneForth img { max-width: 100%; height: auto; }

.oneThird { margin: auto; width: 23%; }

.one_fourth_pad img { max-width: 100%; height: auto; }

/* */

.center_small_box > div:after { clear: both; display: block; }

.center_small_box > div {  position: relative; }

/* img h2 */

h2 img { max-width: 100%; height: auto; }

#slider-wrapper object { width: 100%; }

div.dc_pricingtable03 h1 { font-size: 42px !important; float: none !important; bottom: 0px !important; }

div.dc_pricingtable03 h1 span { display: inline !important; line-height: 52px; }

.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { text-align: center; }



h1.gap90 {

    color: #555555 !important;

    font-size: 24px !important;

    font-weight: bold !important;

    padding: 20px 0 !important;

    text-align: left !important;

	border: 0px;

}



.photo:after { content:"" !important; }



.dc_pricingtable03 h2 { background: none !important; }

.dc_pricingtable03 h1 { background: none !important; }

.dc_pricingtable06 ul li h3 { text-align: center; }

.dc_pricingtable05 ul, .dc_pricingtable06 ul, .dc_pricingtable05 ul li,  .dc_pricingtable06 ul li { list-style: none !important; list-style-type: none !important;  } 

div.dc_pricingtable03 h1, div.dc_pricingtable03 h2, div.dc_pricingtable03 h3 { width: auto !important; }

h2.gap87 { text-align: left; }



@media only screen and (max-width: 767px) {

#webstore-navigation li { float:none !important; margin: 5px 0 0 0 !important;}

#catalogue .last-column > div { margin:5px 0 0 0 !important;}

#catalogue .product { float:none !important; width: auto !important;}

#webstore { min-width: auto !important;}

	}
.body_pattern .container .fourteen.columns.comp-disp.alpha .sidebar .content p {
	font-size: 16px;
}
