@charset 'utf-8';
/*************************************************
*
*	project:  	liteAccordion - horizontal accordion plugin for jQuery
*	author:   	Nicola Hibbert
*	url:	  	http://nicolahibbert.com/horizontal-accordion-jquery-plugin
*	demo:	  	http://www.nicolahibbert.com/demo/liteAccordion
*
/*************************************************/
/****************************************** Core */
.accordion { text-align: left; font-family:"Century Gothic";   margin: 30px;}
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; 
	-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion li > h2 span { display: block;  text-align:center; height: 90%; margin-top: 5px; font-size:17px;}
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2:hover { cursor: pointer; }
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background:url(../images/slidebg.jpg) right top repeat-x;
-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;
border-top:2px solid #fff; border-right:2px solid #fff; border-bottom: 2px solid #fff; 
}
.accordion noscript p { padding: 10px; margin: 0; background: white; }

.icon1 {background:url(../images/conder.png) right bottom no-repeat; height:300px; margin:0 50px 20px 0;}
.icon2 {background:url(../images/waterznab.png) right bottom no-repeat; height:290px; margin:0 30px 30px 0;}
.icon3 {background:url(../images/vint.png) right bottom no-repeat; height:300px; margin:0 30px 30px 0;}
.icon4 {background:url(../images/lamp.png) right bottom no-repeat; height:300px; margin:0 20px 20px 0;}
.icon5 {background:url(../images/remont.png) right bottom no-repeat; height:300px; margin:0 20px 20px 0;}
.icon6 {background:url(../images/topograf.png) right bottom no-repeat; height:300px; margin:0 30px 0px 0;}
.icon7 {background:url(../images/washmash.png) right bottom no-repeat; height:300px; margin:0 30px 20px 0;}



/****************************************** Basic */
.basic li > h2 {
        border:2px solid #fff;
    background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #1494D9),
	color-stop(0.77, #0F689C)
);
background-image: -o-linear-gradient(right, #1494D9 0%, #0F689C 77%);
background-image: -moz-linear-gradient(right, #1494D9 0%, #0F689C 77%);
background-image: -webkit-linear-gradient(right, #1494D9 0%, #0F689C 77%);
background-image: -ms-linear-gradient(right, #1494D9 0%, #0F689C 77%);
background-image: linear-gradient(to right, #1494D9 0%, #0F689C 77%);
color:#fff; font-weight: bold; text-transform: uppercase; line-height:2.2em;

-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

}
.basic li > div h3 { margin: 15px 10px; color:#fff; font-family:"Century Gothic"; font-weight:bold; font-size:25px; text-transform: uppercase; text-align: center;  }
.basic li > div p { margin: 10px; font-size: 13px; font-family:"Verdana"; text-align: center; color:#fff;}
.basic li > div ul li {list-style: none; color:#fff;  font-size: 14px; font-family:"Verdana"; font-weight: bold; line-height:2; background:url(../images/marker.png) left center no-repeat; padding:0 0 0 35px;  }

/****************************************** Dark */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
	box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark li > h2 span { background: #353535; color: white; }
.dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
.dark h2.selected b { background: #434343\9; }
.dark li > div { background: #030303; margin-left: 5px; }

/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/***************************************** Light */
/**************************************** Stitch */