/*	CSS-Framework

	Version		: 0.3.1
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */
		
/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #f4f4f4; font: 0.75em/1.5 Arial, Helvetica, sans-serif; }
body {
    height: auto !important; height: 100%; min-height: 100%;
    background:url("../i/page_bg.jpg") #F8F7E7 repeat;
    color:#555;
} /* body height 100% */

a { color: #0066cc; }
a:visited {  }
a:hover {  }
a:active {  }
			
/* Layout Boxs
------------------------------ */

.page-layout { margin-right: -5px; }
.layout-box { float: left; margin: 0 5px 5px 0; }

.lb-1 { width: 779px; } /* 100% */
.lb-2 { width: 583px; } /* 75% */
.lb-3 { width: 387px; } /* 50% */
.lb-4 { width: 191px; } /* 25% */
			
/* Content elements
------------------------------ */

.content h1, .content h2, .content h3, .content h4 { font: 1.9em Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, .content img, hr { margin-bottom: 11px; }

.box { margin: 11px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns {  }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left;  }

.col-content { padding-right: 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

.content img { padding: 5px; border: 1px solid #ccc; margin-top: .4em; }
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }


/* My styles
------------------------------ */

.menu-holder {
    background:url("../i/menu_bg.png") repeat-x;
    height:70px;
}

.wrap {
    width:960px;
    margin-right:auto;
    margin-left:auto;
}

ul.mainmenu {
	list-style:none;
	display:block;
	color:white;
	margin:0 0 0 4px;
    font-size:130%;
    font-weight:bold;
}
ul.mainmenu a {
	display:block;
	/* padding:0 40px;*/
	width:134px; /* 7 menu items; abs(960 / 7) = 137 */
	text-align:center;
	overflow:hidden;
	color:white;
	text-decoration:none;
	outline:none;
    height:68px;
    line-height:70px;
    border-right:1px solid  transparent;
    /* border-left:1px solid #FF7700; */
	border-left:1px solid #E86800;
}
ul.mainmenu a:hover, ul.mainmenu a.selected, ul.mainmenu a.active {
	background:url("../i/menu_hover.png") repeat-x;
	color:white;
    border-right:1px solid orange;
    border-left:1px solid orange;
    text-shadow:1px 0px 5px gray;
}

ul.mainmenu a.selected {}


ul.mainmenu li {
	display:block;
	float:left;
	vertical-align:top;
	height:70px;
    position:relative;
    z-index:3;
}

ul.mainmenu li div {
    position:absolute;
    top:0;
    left:0;
    width:134px;
    height:68px;
    background:url("../i/menu_hover.png") repeat-x;
    border-right:1px solid orange;
    border-left:1px solid orange;
    z-index:-5;
    display:none;
}

.top-equal {
	height:145px;
	position:relative;
}

.slogan {
    padding-left:35px;
    font-size:140%;
    color:#777;
	display:block;
	position:absolute;
	top:90px;
	left:220px;
	font-family:Georgia, "Times New Roman", monospace;
	font-style:italic;
	font-weight:normal;
}

.logo {
    background:url("../i/orangelogo.png") 25px 10px no-repeat;
    padding:45px 0 0 210px;
    height:100px;
	
}

.logo a {
	color:#666;
	text-decoration:none;
	text-shadow:0 0 2px #999;
	z-index:1;
}

.green-button {
    display:block;
    width:240px;
    height:30px;
    float:right;
    background:url("../i/greenbutton.png") no-repeat;
    line-height:30px;
    text-align:center;
    color:white;
    font-weight:bold;
    margin-top:10px;
    text-decoration:none;
}

.green-button:hover {
    text-shadow:0 0 5px #9EFF44;
}

.green-button:active {
    line-height:32px;
    color:orange;
}

.present {
    margin: 15px 20px;
    padding: 15px 20px 15px 60px;
    background: url("../i/present.png") no-repeat 15px 8px #FFF7B7;
    border:1px solid #EDE397;
}

.lang {
    padding-top:15px;
}

ul.flags {
    list-style:none;
    display:inline;
    text-align:center;
    width:auto;
    margin-right:auto;
    margin-left:auto;
}

ul.flags li {
    display:block;
    float:right;
    margin-left:5px;
}

a.flag {
    text-decoration:none;
    display:block;
    background:transparent;
    width:48px;
    height:36px;
    padding:2px;
    background-repeat:no-repeat;
    background-position:2px -4px;
}

a.flag:hover {
    background-color:yellow;
}

a.en, a.us {background-image:url("../i/flag/us.png"); }
a.ru {background-image:url("../i/flag/ru.png"); }
a.de {background-image:url("../i/flag/de.png"); }
a.fr {background-image:url("../i/flag/fr.png"); }
a.cz {background-image:url("../i/flag/cz.png"); }
a.it {background-image:url("../i/flag/it.png"); }
a.is {background-image:url("../i/flag/is.png"); }

div.choose-lang {
    padding-top:10px;
    width:400px;
    display:block;
    float:right;
    color:#fff;
    font-weight:bold;
    text-shadow:0 0 5px gray;
    text-align:center;
    font-size:180%;
    *color:#ccc;
}

.yjttop_l {
background:url("../i/top_l.gif") no-repeat scroll left top transparent;
}
.yjttop_r {
background:url("../i/top_r.gif") no-repeat scroll right top transparent;
}
.yjtbot_l {
background:url("../i/bot_l.gif") no-repeat scroll left bottom transparent;
}
.yjtbot_r {
background:url("../i/bot_r.gif") no-repeat scroll right bottom transparent;
padding:15px 10px;
}
.yjtmid_l {
background:url("../i/mid_l.gif") repeat-y scroll left top transparent;
}
.yjtmid_r {
background:url("../i/mid_r.gif") repeat-y scroll right top transparent;
}

.content-hoder {
	margin-top:30px;
	margin-bottom:30px;
}

.b-top, .b-middle, .b-bottom {}

.b-top {}
.b-bottom {padding-bottom:30px;}
.b-content {padding-bottom:30px;}

.content {
	font-size:115%;
	padding:30px 40px 20px 40px;
	background:white;
}

.b-top .yjtbot_l {
background:url("../i/bot_lc.gif") no-repeat scroll left bottom transparent;
}
.b-top .yjtbot_r {
background:url("../i/bot_rc.gif") no-repeat scroll right bottom transparent;
}

.b-bottom .yjttop_l {
background:url("../i/top_lc.gif") no-repeat scroll left top transparent;
}
.b-bottom .yjttop_r {
background:url("../i/top_rc.gif") no-repeat scroll right top transparent;
}

.slider {
	border:1px solid #ddd;
	width:898px;
    padding:2px;
    height:304px;
	margin:15px auto 5px auto;
    overflow:hidden;
}

ul.slide-list {
    list-style:none;
    z-index:20;
    position:relative;
}

ul.slide-list div.element {
    width:359px;
    height:100px;
    clear:left;
    background:url("../i/nav_bg.png") repeat-x;
}

ul.slide-list li {
    width:409px;
    height:100px;
    cursor:pointer;
    clear:both;
    z-index:10;
}

div.slides {
    position:relative;
}

div.slide {
    width:100%;
    height:304px;
    margin-bottom:2px;
    position:absolute;
    top:0px;
    left:0px;
    display:block;
}

div.slides .selected {
    z-index:3;
}

div.slides .next {
    z-index:2;
}

img.desc-pic {
    display:block;
    float:left;
    margin:10px;
    padding:3px;
    border:1px solid #ddd;
    background:#fff;
    width:74px;
    height:74px;
}

div.desc {
    float:left;
}

div.desc span.title {
    display:block;
    margin:15px 0 5px 0px;
    font-size:115%;
    font-weight:bold;
}

div.desc p {
    font-size:100%;
	width:230px;
	height:45px;
}


li.selected {
    background:url("../i/pointer_selected.png") scroll right center no-repeat;
}

ul.slide-list li.selected div.element {
    background:url("../i/nav_selected.png") repeat-x;
}
ul.slide-list li.selected div.element img.desc-pic {
    background:orange;
    border:1px solid #FCCC79;
}

ul.slide-list li.selected div.element span.title {
    text-shadow:0 0 8px #663E00;
}

ul.slide-list li.selected div.desc {
    color:white;
}


.bottom-bar {
    /*background:url("../i/bottombar_bg.gif") #323232 scroll 50% 0 no-repeat;*/
    border-top:3px solid #555;
    background:#323232;
}

.bottom-content {
    padding:20px 25px;
    color:#ddd;
}

.bottom-content p {
    padding-bottom:20px;
}

.bottom-bar h2 {
    color:orange;
    margin:0 0 10px 0;
    text-transform:capitalize;
}

.footer {
    background:url("../i/footer_bg.gif") #323232 scroll 50% 0 no-repeat;
}

.footer-list {
    list-style:none;
    line-height:20px;
}

.bottom-content a {
    color:#ddd;
    text-decoration:none;
    padding-left:30px;
    background:url("../i/footer_bullet.png") 8px 1px no-repeat;
}

.bottom-content a.social
{
	background-image:none !important;
	padding:0;
}

.bottom-content a:hover {
    color:#FFFF89;
}

.feature-desc {
    border-top:1px solid #ddd;
    padding:10px 0 5px 0;
}

.feature-desc h2 {
    padding-top:10px;
}

.feature-desc h2 sup {
	font-size:10px;
	color:#48A000;
	top:-8px;
}

.price {
    padding-top:30px;
    font-size:130%;
    font-weight:bold;
    text-align:right;
}

.faq-item h2 {
    line-height:45px;
    padding-left:48px;
    background:url("../i/question.png") no-repeat;
}

.faq-item p {
    display:block;
    margin-left:45px;
    margin-bottom:15px;
    padding:10px;
    background:#fffebc;
}


/* Shadowbox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../i/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../i/close.png);}
#sb-nav-next{background-image:url(../i/next.png);}
#sb-nav-previous{background-image:url(../i/previous.png);}
#sb-nav-play{background-image:url(../i/play.png);}
#sb-nav-pause{background-image:url(../i/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
.widFRRIMG {border:none !important;}