/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:  url('/img/rubble3.svg') no-repeat;
	background-position: -190px -400px;
	background-size: 1400px 2000px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* */
@font-face {
	font-family: Bender; 
	src: url("/Bender Bold.otf");
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** Main **********/
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

h1 {
	font-size:36px;
	margin-bottom:28px;
}

h2 {
	font-size:24px;
	font-weight:normal;
	margin-bottom:14px;
}

h2.brand {
	font-family: 'Rubik', serif;
	font-weight: bold;
}

h3, h3 a {
	font-size:18px;
	margin-bottom:14px;
}

h3 a:link {
	text-decoration:underline;
	color:black;
}

h3 a:visited {
	color:gray;
}

p {
	padding-bottom: 28px;
	line-height: 18px;
}


a:link {
	color:#3B5998;
}

a:hover {
	color:black;
}

a:visited {
	color:#e84324;
}

.more {
    font-style:italic;
}

.so-so {
	color:#666;
}

/** body **/
body {
    border-top:4px solid #48678D;
}

/** Menu **********/
.menu {
	height:72px;
	background-color:#1c2836;
}

.menu ul {
    margin-left: 290px;
	float:left;
}

.menu ol {
	float:right;
	margin-right:42px;
	margin-top:4px;
}

.menu ol li {
	display:inline-block;
	background-color:gray;
	padding:2px 7px 3px 7px;
	border:1px solid white;
	
	border-radius:5px;
    transition: background-color 0.3s ease-out;
	
	-moz-border-radius:4px;
	-moz-box-shadow:inset 0 0 2px black;

    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
}

.menu ol li:hover {
	background-color:#f8BA38;
}

.menu ol li:hover a {
    color:gray;
}

.menu ol li a {
	color:white;
	text-decoration:none;
	font-size:12px;	
}

.menu ul li {
    display:inline-block;
    font-size:18px;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	/* font-family:Bender, "Courier New", "Trebuchet MS", Arial, Helvetica, sans-serif; */
}

.menu ul li a {
    color:#f0bd00;
	color: #ffab49;
	display:block;
    padding: 28px 28px 25px 28px;	
    text-decoration: none;
	
	/*text-shadow:0 0 1px white;*/
    transition: color 0.3s ease-out;

    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
}

.menu ul li a:hover {
    color:black;
	text-shadow:none;	
	background:transparent url(/img/skins/dark_gray_back.gif) left top repeat; 
}

/** Cap *****************/
.cap {
    height:324px;
}

#logo {
    position: absolute;
    top: 20px;
    left: 30px;
    background-color: #D9D9D9;
    padding: 3px 7px;
    box-shadow: 0 1px 1px gray, inset 0 0 1px 1px #eaeaea;

    cursor:pointer;
}

#logo .title {
    font-size:16px; color:black; font-weight:bold;
    text-shadow:1px 1px white;
}

#logo .title span.gidro {
    color:#48678D;
}

#logo .phone {
    font-size: 14px;
    text-shadow:1px 1px white;
}

.cap .teaser {
	widht:24px;
	height:324px;
	background:transparent url(/img/Gravel0077_1_500.jpg) repeat;
	background-size: 20%;
	border-top:1px solid #ccc;
}

.cap .teaser .sign {
	font-size:18px;
	font-style:italic;
	padding:14px;
}

.cap .teaser .sign em {
	font-size:14px;
	display:inline-block;
	padding-left:14px;
	padding-bottom:14px;
}

.cap .teaser .logo_block {
    margin: 10px 0 0 50px;
    padding-top: 7px;
    width: 265px;
    height: 287px;
    float: left;
    background:url(http://www.blogsmithmedia.com/www.engadget.com/media/col2_most_commented_bg.gif) no-repeat scroll -1px -1px transparent;
}

.cap .teaser .flash_wrap {
    width:255px;
    background-color:white;
    padding-left:10px;
}

/** Content ***************/
.content {
	padding-left:70px;
    margin-top: 56px;
	
	max-width: 1500px;
}

.layout_cap {
	background-color:#F2F2F2;
}

.layout_cap .content {
    padding-left: 0;
    max-width: 1100px;
    margin: 56px auto;
}

.content .page_list {
	background: white;
	padding: 52px;
	box-shadow: 0 0 5px lightgray;
}

/** Main page *********************************************************************/
.products .item {
    width:49%;
    display: block;
	float:left;
    position:relative;
}

.products .item img {
    float:left;
	margin-right:14px;
}

.products .item span {
	line-height:18px;
}

.products .item a {

}

.products .item a.more {
    display:block;
    margin:14px 0 0 0;
}

/** News ***********/

.news h2 {
    display: inline;
    padding-right: 7px;
}

.news span.day {
    font-size:24px;
}

.news span.month {

}

.news .date {
    text-align: right;
}

.news td {
    padding:14px;
}

/** Gallery *********/

.gallery {
    width:93%;
    text-align:center;
    background-color: #d4d9dc;
    border-radius: 4px;
    border-shadow: 0 0 3px black;

    -moz-border-radius: 4px;
    -moz-box-shadow: 0 0 3px black;
}

.gallery .page {
    border:1px solid white;
    border-radius: 4px;
    box-shadow: 0 0 4px gray;

    -moz-border-radius: 4px;
    -moz-box-shadow: 0 0 4px black;
}

.gallery .page .item {
    width:150px;
    height:110px;
    overflow: hidden;
    cursor:pointer;
    display:inline-block;
	position:relative;

    margin:14px;
    box-shadow: 0 1px 1px 1px silver, inset 0 2px 1px 1px white;
    border-radius: 4px;

    -moz-border-radius: 4px;

}
.gallery .page .item .bg {
    width:150px; height:110px; position: absolute; left:0; top:0; background-color:gray;
	
	opacity:0.2;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);

    transition:all 0.3s ease-out;

    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
}

.gallery .page .item img {
    width:130px; padding:7px 0 0 0;
}

.gallery .page .item .sing {
	background-color:#3B5998;
	width:20px;
	height:15px;
	padding-top:5px;	
	color:white;
	font-size:10px;
	cursor:pointer;
	
	position:absolute;
	left:-1px;
	top:-1px;
	border:1px solid #344f87;
	
	border-radius:2px;
	box-shadow:1px 1px 2px gray;
	
	-moz-border-radius:2px;
	-moz-box-shadow:1px 1px 2px gray;

    transition:background-color 0.3s ease-out;

    -webkit-transition:background-color 0.3s ease-out;
    -moz-transition:background-color 0.3s ease-out;
}

.gallery .page .item:hover .sing {
	background-color:#f8ba38;
	color:black;
	border:1px solid #e2aa36;
}

.gallery .page .item:hover .bg {
    opacity:0;
}

.gallery .pager {
    padding:7px;
    font-weight: bold;
    text-shadow:1px 1px 2px white;
}

.gallery .pager span {
	color:gray;
}

/* gallery component */
.boxgrid {
	width: 325px;
	height: 260px;
	margin:10px;
	float:left;
	background:#161613;
	border: solid 1px gray;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.boxgrid h3 {
	color:white;
	font:bold 18pt Arial,sans-serif;
	letter-spacing:-1px;
	margin:10px 10px 0;
}

.boxgrid p{
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
}

.boxgrid a {
	color:white;
}

.boxgrid a.open {
	color:red;
}

.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260;
	left: 0;
}

.caption .boxcaption {
	top: 220;
	left: 0;
}

/** Tehnology ***********/
#tehnology_teaser {
    margin-left: -35px;
}

.teh_wrapper {
	height:238px;
    width:760px;
	position:relative;
	margin:28px auto 0;
}
.tehnology {
	height:196px;
	width:758px;
	position:absolute;
	top:14px;
	background-color:#d4d9dc;
	border:1px solid #f1f4f6;
	border-radius:4px;
	box-shadow:0 0 3px black, 0 0 50px #ededef inset;
	
	-moz-border-radius:4px;
	-moz-box-shadow:0 0 3px black, 0 0 50px #ededef inset;	
}

.tehnology .separator{
	height:54px;
	border-bottom:1px solid #c3c7ca;
	box-shadow: 0 1px 0 #dfe4e7;
		
	-moz-box-shadow: 0 1px 0 #dfe4e7;
}

.teh_wrapper .item {
	position:absolute;
	top:14px;
	height:182px;
	width:252px;
    text-align:center;
    color:#3d3d3d;
	cursor:pointer;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.teh_wrapper .item h2 {
    font-weight: normal;
    padding:14px;
    text-shadow:1px 1px 2px white;
}

.teh_wrapper .title {
    padding:14px;
    font-size:16px;
    display:block;
}

.teh_wrapper .description {
    padding:14px;
    display: block;
}

.teh_wrapper  .item:hover h2, .teh_wrapper  .item.active h2 {
	color:#ad2e27;
}

.teh_wrapper  .item:hover, .teh_wrapper  .item.active {
	height:224px;
	top:0;
	color:black;
	background-color:#ededef;
	border:1px solid white;
	border-radius:6px;
	box-shadow:0 0 3px black;
	
	-moz-border-radius:6px;	
	-moz-box-shadow:0 0 3px black;	
}

/** left column ****************************************************************/
.left_column {
	padding-left:14px;
}

/*** Pager ***/
.pager {
	padding-bottom:28px;
}

.pager ul li {
	display:inline-block;
	line-height:20px;
}

.page ul li.item {
	width:20px;
}

.pager ul li.item a {
	display:inline-block;
	width:18px;
	text-align:center;
	border:1px solid #E4E4E4;
}

.pager ul li.item a:hover, .pager ul li a.current {
	border:1px solid black;
	color:black;
}

/*
*
*/
article.catalog p {
	font-size: 16px;
	line-height: 24px;
}

article.catalog ul li, .content .page_list ul li {
	font-size: 16px;
	line-height: 24px;
	list-style: disclosure-closed;
}

article.catalog ul li:nth-child(2n+1), .content .page_list ul li:nth-child(2n+1)  {
	background-color: #ECF0F1;
}

/** Hidraulic ********/
.hydraulic .item { 
	
}

.hydraulic .item .marker {
	background:transparent url(/img/mountain-range.svg) left top no-repeat;
	background-size: 19px 19px;
	width:19px;
	height:19px;
	float:left;
	margin-right:14px;
}

.hydraulic .item .text {
	float:left;
	width:50%;
}

.hydraulic .item .img {
    border-bottom:2px solid black;
    border-right:2px solid black;
    float:left;
    height:98px;
    margin-left:7px;
    padding-top:10px;
    text-align:center;
    width:25%;
}

.hydraulic .item .img img {
    height:70px;
}

.hydraulic .item .more {
	clear:both;
	padding:0 42px 42px 14px;	
	text-align:right;	
}

.hydraulic .item .more a {
	font-style:italic;	
}

.layout_cap .hydraulic {
		float:left; width:49%;
		margin-top:42px;
}

.layout_cap .hydraulic .item .more {
		padding:0 45% 42px 14px;
}

.big .hydraulic .item .img {
    height:110px;
    padding-top:30px;
}

.hydraulic .item .text p {
    padding-bottom: 0;
}

#ajax_hydraulic .hydraulic .item .text p {
    padding-bottom:28px;
}
/* */
table.sort {
}

table.sort tr th {
	padding:14px;
}

table.news_list tr td .more {
	font-style:italic;
	clear:both; padding-bottom:14px;
}

/** Submenu **********************************************************************/
.sub_menu {
	color:#808080;
	background-color:#EDEDED;
	border-bottom:1px solid #E4E4E4;
	color:#BBBBBB;
	padding:10px 0;
	text-align:center;
	width:100%;
	margin-top:1px;
    
    box-shadow:0 0 1px white inset;

    -moz-box-shadow:0 0 1px white inset;
}

.sub_menu_img {
	background:#EDEDED url(/img/skins/menu_back_line.gif) repeat left top;

    
	color:#BBBBBB;
	text-align:center;
	width:100%;
	margin-top:1px;
    line-height: 36px;
}

.sub_menu_img div {
    width:80%;
    margin: 0 auto;
}

.sub_menu span {
	color:#BBBBBB;
}

.sub_menu a, .sub_menu_img a {
	color:#808080;
	text-decoration:none;
    white-space:nowrap;
}

.sub_menu a:hover, .sub_menu_img a:hover  {
	color:#444;
	text-decoration:none;
}

/** BreadCrumb **********************************************************************/
.breadcrumb {
	color:#808080;
	/*background:url("/img/skins/gallery_back.gif") repeat scroll left top transparent;*/
/*background: repeating-linear-gradient(
  -45deg,
  #ffab49,
  #ffab49 15px,
  #a55c07 15px,
  #a55c07 30px
);*/

background: repeating-linear-gradient(
  -45deg,
  #FAAA4C,
  #FAAA4C 15px,
  #F89842 15px,
  #F89842 30px
);
	border-bottom:1px solid #ffab49;
	color:#BBBBBB;
	padding:10px 0;
	text-align:center;
	width:100%;
	/*margin-top:2px;*/
}

.breadcrumb span {
	color:#444;
}

.breadcrumb span.current {
	color:black;
}

.breadcrumb a {
	color:#444;
}

.breadcrumb a:hover {
	color:#000;
}

/** Articles decoration **********************************************************************/
.display-url {

}

.display-url ul {
    list-style-type: circle;
    font-size:16px;
    margin-left:16px;
}

.display-url ol {
    list-style-type: decimal;
    font-size:16px;
    margin-left:16px;
}

.display-url ul li, .display-url ol li {
    margin-bottom: 14px;
}

.display-url .box {
	min-width:400px;
	top:14px;
	background-color:#d4d9dc;
	border:1px solid #f1f4f6;
    padding:20px;
    line-height: 18px;

	border-radius:4px;
	box-shadow:0 0 3px black;

	-moz-border-radius:4px;
	-moz-box-shadow:0 0 3px black;
}

.display-url img.right {
	float:right;
	margin:7px 14px;
}

.dataTables_wrapper {
    min-height:none;
}

/** Pages ****/
.catalog ul {
	margin-bottom: 28px;
}


/** footer **********************************************************************/
.footer {
	overflow: hidden; clear: both;
}

/** bottom-menu **/
#bottom-menu {
	padding-top:28px;
}

#bottom-menu ul {
	line-height: 28px;
}

/** Adress ************/
.adress {
    height:auto;
    margin-top: 56px;

    background-color:#d4d9dc;
    box-shadow: 0 0 4px black;

    -moz-box-shadow: 0 0 4px black;
}

.adress .contacts {
    line-height: 28px;

    display: inline-block;
    padding-left:70px;
    padding-top:28px;
}


.footer .map {
    vertical-align: bottom;

    display:inline-block;
    margin: 28px 42px;
    padding: 2px;
    border:5px solid white;

    border-radius:7px;
}

.footer .map span {
	display:block;
	text-align: center;
	background-color: white;
}
/** Clearfix **********************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}