@import url("grid.css");
@import url("type/type-faces.css");





/*нннннннннннннннннннннннннннннннннн Solution Content Styles rrrrr*/



.solution-content{
	float: left;
	width: 100%;
	font-family: 'LiberationSerifRegular', 'PT Serif', Georgia, serif;
	line-height: 1.4;
}



div.comment, div.comment strong{
	float: left;
	width: 100%;
	font-style: italic;
	font-size: 1em;
	font-weight: normal;
	color: gray;
}

div{
	float: none;
}

.dropdown div {
	float: none;
}

a{
	color: #1B75BB;
	text-decoration:  none;
	border-bottom: 1px solid #6ebaf4;
}

a:hover{
	color: #134770;
	border-bottom-color: #1B75BB;
}


small{
	font-size: .75rem;
	line-height: 1.5;
}

h1{
	font-size: 1.5em;
	line-height: 1.2;
}

h2{
	font-size: 1.125em;
	margin-bottom: 1em;
	width: 80%;
	line-height: 1.5;
}


hr{
	border: none;
	border-bottom: 1px solid silver;
	width: 100%;
	float:  left;
	display: none;
}



.video-list{

	width: 95%;
	float: left;
}

.video-list a.video-clip{
	float: left;
	width: 150px;
	border: none;
	height: 13em;
	margin-right: 2em;
}



.video-list div.image{
	overflow: hidden;
	height: 94px;
	width: 125px;
	float: left;
	border: 4px solid white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	margin: 0 auto;


}

.video-list span.image img{
	width: 165px;
	height: auto;
}

.solution-video{
	width: 12em;
	text-align: center;
	float: left;
	border: none;
}



.video-list span.link {
	position: relative;
	width: 10em;
	float: left;
	font-size: .89em;
	line-height: 1.2;
	margin-top: 1em;
	height: 5em;
}

.video-list span.link a{
	border: none;
}


span.play-button:hover{
	background: url(/resources/images/play-hover.png) no-repeat;
}

span.play-time {
	background-color: white;
	margin: 0 auto;
	float: right;
	left: 0px;
	position: relative;
	top: -118px;
	bottom: -100px;
	color: #0071BC;
	font-size: .75em;
	line-height: 1.2;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
	-webkit-border-radius: 6px 0px 0 0;
	-moz-border-radius: 6px 0px 0 0;
	border-radius: 6px 0px 0 0;
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;


}

span.play-button {
	height: 94px;
	width: 125px;
	background: url(/resources/images/play.png) no-repeat;
	margin: 0 auto;
	float: left;
	position: relative;
	top: -99px;
	left: 0;
}

a.button{
	/*
-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;

*/
	background: url(../images/button_buy.png) no-repeat;
	float: left;
	width: 66px;
	height: 29px;
	border: none;

}

a.button:hover{
	background: url(../images/button_buy_hover.png) no-repeat;
}

a.button:active{
	background: url(../images/button_buy_active.png) no-repeat;
}


.solution a.button{
	margin-top: 2em;
	margin-left: 3.5em;
}

.artilces-list{
	float: left;
	padding: 1em;
	border: 1px solid silver;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.artilces-list li{
	margin-bottom: .75em;
	background: url(../images/bullet_docs.png) no-repeat left;
	padding-left: 1em;
	font-size: .89em;
}


.artilces-list span{
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	background: gray;
	color: white;
	padding: .5em;
	font-size: .75em;
	position: relative;
	top: -1.25em;
	left: 1.5em;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.feedback{
	float: left;
	margin-bottom: 3em;
	margin-left: 4%;
}

.quote p{
	width: 80% !important;
	font-size: 1.2em;
	text-indent: -.5em;
}

.author{
	width: 80%;
	float: left;
}

.author ul{
	float: right;
	padding-right: 1em;
}

.author-name{
	font-weight: bold;
	margin-top: .5em;
}

.author-desc{
	color: gray;
	line-height: 1;
}


p.about{
	margin-left: 2em;
	margin-bottom: 2em;
}

h3{
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}


.article{
	width: 40%;
	margin-bottom: 3em;
	float: left;
}

.reference{
	padding: 1em 0 1em 2em;
	color: silver;
}

.reference:hover{
	background: #ffffd8;
	color: black;
}



.reference ul{
	margin-left: 1em;
}

h3.article-title a{
	margin-left: .5em;

}




p.article-intro{
	margin-left: 1em;
	font-size: .89em;
}

.text-row{
	float: left;
	width: 60%;
	margin-right: 3em;
}





.article_content{
	padding-top: 2em;
	/* margin-bottom: 3em; */
}



.article_content h3{
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 1.5em;
	margin-bottom: 1em;
}



.footnote{
	font-size: .89em;
	margin-bottom: 3em;
	color: #c4151b;
}

.container_16 hr{
	width: 80%;
	margin: 0;
	border-color: black;
}

span.top{
	float: left;
	padding: .5em 1em 1em .5em;
	margin-right: 50%;

	color: gray;
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	background: black;
	font-size: .89em;
}

span.top:hover{
	color: white;
}

span.top a{
	margin-left: .5em;
	border-bottom: none;
	color: white;

}


.mar-top-0 {
	margin-top: 0em;
}


.mar-top-1-5 {
	margin-top: 1.5em;
}

.mar-top-2 {
	margin-top: 2em;
}

.mar-top-3 {
	margin-top: 3em;
}
.mar-top-4 {
	margin-top: 4em;
}
.mar-right-1 {
	margin-right: 1em;
}
ul.circle_type{
	margin-left: 2em;
	margin-bottom: 2.5em;
}
ul.circle_type li{
	margin-top: 1em;
}
ul.circle_type_nospace{
	margin-left: 3em;
	list-style: circle;
}
ol.decimal_type{
	margin-left: 3em;
	list-style: decimal;
}
ol.decimal_type li{
	margin-top: 1em;
}
ol.steps {
	margin-top: .5em;
	counter-reset: step;
}
ol.steps li {
	list-style: none;
	text-indent: -4em;
	margin-left: 6em;
	margin-bottom: 0em;
	line-height: 1.5;
}
ol.steps li p:before{
	margin-left: 3.9em;
	content: "";
}
ol.steps li:before {
	counter-increment: step;
	content: "Step " counter(step) ".";
	margin-right: .5em;
	font-weight: normal;
	color: #666666;
}
ol.steps li p{
	margin-top: .6em;
	margin-bottom: 1.2em;
}
ol.no-paragraf{
	margin-top: 1.5em;
}
ol.no-paragraf li{
	margin-left: 4em;
}
img.format-1{
	margin-top: 1em;
	margin-bottom: 1em;
}
.symbol_logo{
	float: left;
	margin-right: 1em;
}



.medium {
	width: 160px;
	height: 100px;

}

.big{
	width: 260px;
	height: 180px;
}

.video-container{
	float: left;
}

.video{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 3px #1a3951;
	border: 4px solid #1b75bb;

}

.video img{
	width: 100%;
}

.video-title{
	font-size: .75em;
	text-align: center;
	float: left;
	/*background: url(../resources/images/inline_video.png) no-repeat 0 0;*/
	padding-left: 12px;
	padding-bottom: 2px;
	border: none;
	text-decoration: underline;
	line-height: 1.2;
	position: relative;
	top: .75em;
}

.play-button{
	width: 100%;
	height: 100%;
	float: left;
	margin-top: -75%;
	position: relative;

}
a.video-link:hover .play-button img{
	opacity: 1;
}
.play-button img{
	width: 70%;
	margin-left: 15%;
	margin-top: 0;
	opacity: .7;
}

.bottom-content{
	float: left;
	width: 100%;
	background: url(../resources/images/shadow_down_short.png) no-repeat;
	margin-top: 3em;
	padding-top: 3em;
	overflow: hidden;
}


.left-col{
	width: 35%;
	float: left;
}

.right-col{
	width: 55%;
	float: left;

}

.feedback{
	float: left;
	margin-bottom: 3em;
	margin-left: 4%;
	m
}


.quote p{
	width: 80% !important;
	font-size: 1.2em;
	text-indent: -.75em;
	font-style: italic;

}

.author{
	width: 80%;
	float: left;

}

.author ul{
	float: right;
	padding-right: 1em;
	margin-top: .5em;
}

.author-name{
	font-weight: bold;
	margin-top: .5em;
}

.author-desc{
	color: gray;
	line-height: 1;
}

.quote strong{
	color: gray;
	font-weight: normal;
	font-size: 1.5em;
}


.glance-main{
	float: left;
	width: 80%;

}


.video-list{
	margin-top: 2em;
	float: left;
}

.video-list a.video-clip{
	float: left;
	width: 150px;
	border: none;
	height: 13em;
	margin-right: 2em;
}



.video-list span.image{
	overflow: hidden;
	height: 94px;
	width: 125px;
	float: left;
	border: 4px solid white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	margin: 0 auto;
	behavior: url(styles/PIE.php);

}

.solution-video{
	width: 12em;
	text-align: center;
	float: left;
	border: none;
}



.video-list span.link {
	position: relative;
	width: 10em;
	float: left;
	font-size: .89em;
	line-height: 1.2;
	margin-top: 1em;
}

.video-list span.link a{
	border: none;
}


span.play-button:hover{
	background: url(/resources/images/play-hover.png) no-repeat;
}

span.play-time {
	background-color: white;
	margin: 0 auto;
	float: right;
	left: 0px;
	position: relative;
	top: -118px;
	bottom: -100px;
	color: #0071BC;
	font-size: .75em;
	line-height: 1.2;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
	-webkit-border-radius: 6px 0px 0 0;
	-moz-border-radius: 6px 0px 0 0;
	border-radius: 6px 0px 0 0;
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;


}

span.play-button {
	height: 94px;
	width: 125px;
	background: url(/resources/images/play.png) no-repeat;
	margin: 0 auto;
	float: left;
	position: relative;
	top: -99px;
	left: 0;
}

a.button{
	/*
-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em;

*/
	background: url(../images/button_buy.png) no-repeat;
	float: left;
	width: 66px;
	height: 29px;
	border: none;

}

a.button:hover{
	background: url(../images/button_buy_hover.png) no-repeat;
}

a.button:active{
	background: url(../images/button_buy_active.png) no-repeat;
}


.solution a.button{
	margin-top: 2em;
	margin-left: 3.5em;
}

.solution-bage ul.secondary-menu, .solution-bage hr{
	display: none;
}
.solution-menu ul.secondary-menu{
	margin-top: 0;
}


.solution-section{
	margin: 0;
}


h5{
	color: #c4151b;
	font-size: 1em;
	margin: 0;
	margin-bottom: .75em;
	float: left;
	width: 100%;

}


h3+div{
	margin-top: 1em;
}


h5:first-child{
	margin-top: 1.5em;
}

h6{
	font-size: .89em;
	font-weight: normal;
	font-style: italic;

}

ol.go-to-top{
	display: none;
}

a[href="#top"]{
	display: none;
}

span.top{
	float: left;
	padding: .5em 1em 1em .5em;
	margin-right: 50%;

	color: gray;
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	background: black;
	font-size: .89em;
}

span.top:hover{
	color: white;
}

span.top a{
	margin-left: .5em;
	border-bottom: none;
	color: white;

}



.solution-big-pict {
	margin: 1em;
	margin-top: 1.5em;
	float: right;
}
.solution-screen {
	margin-left: -20px;
	margin-top: 2em;
	margin-bottom: 2em;
}
.solution-screen h5 {
	margin-top: 0;
	border-bottom: 1px solid silver;
	padding-bottom: 1em;
	color: #B77A29;
}
.solution-screen p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: .9em;
	line-height: 1.5;
	color: #586870;
}
.solution-screen ul {
	margin-left: 1em;
}
.solution-screen li.products {
	margin-left: 0;
	list-style: url(/resources/images/list_products.png);
	font-weight: bold;
}
.solution-screen li.solution {
	margin-left: 0;
	list-style: url(/resources/images/list_solutions.png);
}
.solution-screen li.tools {
	margin-left: 0;
	list-style: url(/resources/images/list_tools.png);
}
.solution-screen li.time {
	margin-left: 0;
	list-style: url(/resources/images/list_time.png);
}
.solution-screen li {
	list-style-position: outside;
}
.solution-screen .screen-container . mac-mm {
	background: url(/resources/images/screen_solution_1.png) no-repeat #c8c8c8;
	padding-top: 46px;
	padding-left: 1px;
	padding-bottom: 20px;
	margin-bottom: 2em;
	box-shadow: 0px 0px 5px #888888;
	-webkit-box-shadow: 0px 0px 5px #888888;
	-moz-box-shadow: 0px 0px 5px #888888;
	behavior: url(/resources/3rdparty/box-shadow/PIE.php);
}
#mw_frame {
	box-shadow: 0px 0px 5px #7ccf67;
	-webkit-box-shadow: 0px 0px 5px #7ccf67;
	-moz-box-shadow: 0px 0px 5px #7ccf67;
	margin-bottom: .5em;
	behavior: url(/resources/3rdparty/box-shadow/PIE.php);
}
#mw_widget_header {
	background: url(/resources/images/info_icon.png) no-repeat 5px 7px #fdeda2;
	margin-bottom: 1em;
}
#mw_widget_header p {
	margin: 1em;
	padding: 0;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: .75em;
	color: #868686;
	font-size: .89em;
}
#mw_video_container {
	margin-top: 3em;
}
#mw_video_container a #mw_video {
	border: 3px solid silver;
	box-shadow: 0px 0px 5px #cccccc;
	-webkit-box-shadow: 0px 0px 5px #cccccc;
	-moz-box-shadow: 0px 0px 5px #cccccc;
	behavior: url(/resources/3rdparty/box-shadow/PIE.php);
}
#solution_header .solution-icon {
	/* display: none; */

}
.color-green {
	color: #366628;
}
.sp-main-slideshow, .sp-area-slideshow {
	background: url(/resources/images/slideshow_back.png) no-repeat bottom;
}
.sp-main-slideshow ul li {
	background: url(/resources/images/slide_back.png) no-repeat bottom;
}
ol#controls {
	padding-bottom: 5px;
	padding-top: 5px;
}
ol#controls li {
	height: 11px;
	width: 11px;
	background: url(/resources/images/slide_button.png) no-repeat;
}
ol#controls li.current {
	background: url(/resources/images/slide_button_selected.png) no-repeat;
}
.soluton-slideshow {
	margin-top: 0 !important;
}
.screen-desc ol#controls {
	margin-bottom: 2em;
}
.screen-desc #sp_slideshow ul li {
	background: url(/resources/images/slide_solution_back.png) no-repeat bottom;
}
.page-404 .links {
	margin-top: 2em;
	margin-left: 2em;
	border-top: 1px solid silver;
}
.page-404 .links h4 {
	font-size: 1em;
}
.page-404 .links li {
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: .5em;
	margin-top: .5em;
}
.page-404 .huge {
	margin-top: 2em;
	margin-left: 2em;
}
.page-404 .huge p {
	font-size: 2em;
	margin: 0;
}
.page-404 .huge h1 {
	font-size: 4em;
	margin: 0;
	padding: 0;
}
.mar-top-0 {
	margin-top: 0em;
}

.mar-top-1 {
	margin-top: 1em;
}
.mar-top-1-5 {
	margin-top: 1.5em;
}

.mar-top-2 {
	margin-top: 2em;
}

.mar-top-3 {
	margin-top: 3em;
}
.mar-top-4 {
	margin-top: 4em;
}
.mar-right-1 {
	margin-right: 1em;
}
ul.circle_type{
	margin-left: 3em;
	list-style: circle;
}
ul.circle_type li{
	margin-top: 1em;
	list-style: circle;
}
ul.circle_type_nospace{
	margin-left: 3em;
	list-style: circle;
}
ol.decimal_type{
	margin-left: 3em;
	list-style: decimal;
}
ol.decimal_type li{
	margin-top: 1em;
}
ol.steps {
	margin-top: .5em;
	counter-reset: step;
}
ol.steps li {
	list-style: none;
	text-indent: -4em;
	margin-left: 6em;
	margin-bottom: 0em;
	line-height: 1.5;
}
ol.steps li p:before{
	margin-left: 3.9em;
	content: "";
}
ol.steps li:before {
	counter-increment: step;
	content: "Step " counter(step) ".";
	margin-right: .5em;
	font-weight: normal;
	color: #666666;
}
ol.steps li p{
	margin-top: .6em;
	margin-bottom: 1.2em;
}
ol.no-paragraf{
	margin-top: 1.5em;
}
ol.no-paragraf li{
	margin-left: 4em;
}
img.format-1{
	margin-top: 1em;
	margin-bottom: 1em;
}
.symbol_logo{
	float: left;
	margin-right: 1em;
}


/* For video-block */
.video-tmbl{
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
	float: left;
	position: relative;
}
.video-tmbl p{
	margin-top: .5em;
	position: relative;

}
a.video-tmbl-container{
	height: 100px;
	width: 160px;
	overflow: hidden;
	border: 2px solid  #33ACFD;
	display: block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 1px 3px #888;
	-moz-box-shadow: 0px 1px 3px #888;
	-webkit-box-shadow: 0px 1px 3px #888;
}
a.video-tmbl-container:hover{
	border-color: #00538A;
}
.video-tmbl-wrapper{
	height: 100px;
	width: 160px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0;
	padding: 0;
}
a.play-button{
	background: url(/resources/images/play_button.png) no-repeat;
	height: 30px;
	width: 30px;
	position: absolute;
	top:-10px;
	left:-10px;
	border: none;
	padding: 0;
	margin: 0;
	cursor:	 pointer;
}
a.play-button:hover{
	background: url(/resources/images/play_button_hover.png) no-repeat;
}

.video-list.start_page{
	margin-left: 3em;

}

.video-list a.grid_3{
	margin-right: 2em;
	margin-bottom: 2em;
}

.video-list a.grid_3 + a.grid_3{

}
.video-list a:hover{
	cursor: pointer;
}
.video div.grid_3{
	margin-right: 2em;

}
.video div.addthis_default_style{
	float: left !important;
	margin-left: 1em;
}

.video-list span.image{
	overflow: hidden;
	height: 94px;
	width: 125px;
	float: left;
	border: 4px solid white;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
	box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	margin: 0 auto;
	margin-left: 1em;
}


span.play-button{
	height: 94px;
	width: 125px;
	background: url(/resources/images/play.png) no-repeat;
	margin: 0 auto;
	float: left;
	position: relative;
	top: -99px;
	left: 0;
}

span.play-button:hover{
	background: url(/resources/images/play-hover.png) no-repeat;
}
span.kino-lenta{
	height: 100px;
	width: 150px;
	background: url(/resources/images/kino_lenta.png) no-repeat;
	margin: 0 auto;
	float: left;
	position: relative;
	top: -110px;
	left: 0;
}
span.play-time{
	background-color: white;
	margin: 0 auto;
	float: right;
	left: 0px;
	position: relative;
	top: -118px;
	bottom: -100px;
	color: #0071BC;
	font-size: .89em;
	line-height: 1;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 2px;
	letter-spacing: 1px;
	-webkit-border-radius: 6px 0px 0 0;
	-moz-border-radius: 6px 0px 0 0;
	border-radius: 6px 0px 0 0;

	/*
        background-color: #000;
        margin: 0 auto;
        float: right;
        left: 0px;
        position: relative;
        top: -122px;
        bottom: -100px;
        border: 1px solid #000;
        color: white;
        font-size: 0.75em;
    */
}

.video-list span.link{
	margin-top: 1em;
	margin-left: 1em;
}

hr.light{
	background: #dfdfdf;
	height: 1px;
}

div.timing{
	color: black;
	margin: 0 auto;
	height: 1em;
	width: 5em;
	text-align: center;
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
	background: white;
	float: left;
	position: relative;
	top: -1.5em;
	left: 47px;
	padding: .25em 0;
	line-height: 1;
	font-size: .89em;
	color: #0071bc;
	letter-spacing: 1px;
}

div.timing+span{
	position: relative;
	top: -1em;
}


.left-col{
	width: 35%;
	float: left;
}

.right-col{
	width: 55%;
	float: left;

}

.feedback{
	float: left;
	margin-bottom: 3em;
	margin-left: 4%;
	m
}


.quote p{
	width: 80% !important;
	font-size: 1.2em;
	text-indent: -.75em;
	font-style: italic;

}

.author{
	width: 80%;
	float: left;

}

.author ul{
	float: right;
	padding-right: 1em;
	margin-top: .5em;
}

.author-name{
	font-weight: bold;
	margin-top: .5em;
}

.author-desc{
	color: gray;
	line-height: 1;
}

.quote strong{
	color: gray;
	font-weight: normal;
	font-size: 1.5em;
}

blockquote{
	/* color: gray; */
	margin: 1em 1em .25em 1.5em;
}

blockquote+span{
	float: right;
	margin-bottom: 1em;
	font-size: 1em;
	font-style: italic;
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

blockquote p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin-bottom: .5em;
}

blockquote p+address,blockquote+address{
	font-style: normal;
	float: right;
	text-align: right;
	width: 100%;
	font-size: .89em;
	margin-bottom: 1.5em;
}

address b{
	font-weight: normal;
	font-style: normal;
	text-align: right;
	font-size: 1.25em;
}


table.indicators{
	font-size: 1em !important;
	border: none;
	margin-bottom: 1.5em !important;
}

table.indicators tr:last-child{
	border-bottom: 1px solid gray;
}

table.indicators caption{
	font-size: 1.12em;
	text-align: left;
	border-bottom: 1px solid silver;
	padding-bottom: .75em;
	line-height: 1.4;
}

table.indicators ul li{
	list-style: square;
	list-style-position: outside;
	margin-bottom: .5em;
}

table.indicators td{
	border: none !important;
}

.dashboard-area .comment,.dashboard-area .comment strong{
	float: none;
	font-style: normal;
	color: black;

}

blockquote address{
	clear: both;
	width: 100%;
	height: 5em;
}

.dashboard-area .comment strong{
	font-weight: bold;
}


div.incut{
	padding-left: 48px;
	background-size: 32px;
	background: #f5f5f5 no-repeat 0 4px;
	padding: 1.25em;
	border-radius: .75em;
	width: 100%;
	margin-bottom: 1em;
}

.dashboard-area ol li{
	list-style: outside circle !important;
	margin-left: 1em;
	margin-bottom: .5em;
}

.dashboard-area h4{
	margin-bottom: 0em;
}

.dashboard-area h4+ol{
	margin-top: .5em;
}

.dashboard-area h4 + p{
	margin-top: .5em;
}

.dashboard-area p + ol{
	margin-top: -.5em;
}



div.incut p{
	margin-top: 0;
	margin-bottom: .5em;
}

div.incut ul{
	margin-top: 0;
	margin-bottom: .5em;
	margin-left: 1em;
}

div.incut ul li{
	list-style: circle;
	list-style-position: outside;
	margin-bottom: .75em;
}


.video-player-container{
	float: left;
	width: 100%;
	margin-bottom: 2em;
	padding-bottom: 2em;
	background: url(../resources/images/shadow_down_up.png) bottom no-repeat;
}

.video-player{
	width: 640px;
	float:left;
	margin: auto;
	height: 360px;
	border: 1px solid black;
	-webkit-box-shadow: 0 0 8px #444;
}

#video_player{
	width: 100%;
	height: 100%;
}

.videos{
	margin-left: 2em;
	width:100%;
}


.video-container{
	float: left;
}

.video{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 3px #1a3951;
	border: 4px solid #1b75bb;

}

.video img{
	width: 100%;
}

.video-title{
	font-size: .75em;
	text-align: center;
	float: left;
	/*background: url(../resources/images/inline_video.png) no-repeat 0 0;*/
	padding-left: 12px;
	padding-bottom: 2px;
	border: none;
	text-decoration: underline;
	line-height: 1.2;
	position: relative;
	top: .75em;
}

.play-button{
	width: 100%;
	height: 100%;
	float: left;
	margin-top: -75%;
	position: relative;

}
a.video-link:hover .play-button img{
	opacity: 1;
}
.play-button img{
	width: 70%;
	margin-left: 15%;
	margin-top: 0;
	opacity: .7;
}



.right-row{
	position: absolute;
	right: 2em;
	margin-left: 2em;
	width: 25%;
	font-size: .89em;
	padding-left: 1.5em;
}

.area .right-row{
	position: relative;
	width: 100%;

}

.reference{
	/*width: 100%;*/
	padding-left: 2em;
	padding-right: 1em;
}

.admin_body .right-row {display: none;}
.admin_body .area .right-row {display: block;}


h4.article-title{
	text-indent: -1em;

}

h4.article-title a{
	margin-left: .25em;
}


#solution_annotation b{
	font-size: .89em;
	line-height: 1.4;
}

#solution_annotation img{
	width: 100% !important;
	margin: 0;
}




img.grid_2{
	float: none;
	width: 400px !important;
}

.area-container img.grid_4{
	width: 150% !important;

}

.sl-desc-2col{
	width: 80%;
}

.sl-desc-2col div{
	float: left;
	width: 40%;
	margin-right: 7%;
}

.sl-desc-2col div p{
	margin: 0;
	margin-bottom: 1em;
}

.list-container{
	margin-bottom: 1em;
}

.list-container ul.circle_type li{
	float: left;
	width: 12em;

}

.list-container ul.circle_type li:before{
	margin-right: .5em;
}

.block-content h3{
	font-size: 1em;
	font-weight: bold;
}

.comment {
	color: gray;
	width: 100%;
	margin-bottom: 1.5em;
}

/* ----------------------------------Two columns layout */


.block2col{
	width: 100%;
	padding: 0 5%;
}

.block2col .first, .last{
	width: 40%;
	margin: 0 5%;
}

/* ----------------------------------One column layout */
.block1col {
	width: 95%;
	padding-left: 3.5em;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#dashboards-kpi .bl_wrapper:first-child {
margin-bottom: 20em;
}
#project-management-diagrams .bl_wrapper:first-child{
	margin-bottom: 10em;
}
.subpage .block1col{
	width: 40% !important;
	min-width: 800px;
	padding-left: 0;
	margin: 0;
	position: relative;
	left: 25%;
}
.area-main .area-body,
#about-samples .block1col {
	width: 85% !important;
	position: relative;
	padding-left: 0%;
	margin: 0;
	left: 10%;
}

#about-samples .block1col .bl_wrapper {
	/*text-align: center;*/
}



.admin_body .block1col{
	width: 87%
}

.block1col h3{
	margin: 0;
	margin-top: 1em;
}


.block1col h3 + .article_content{
	padding-top: 0;
}

.block1col h4,{
	font-size: 1.25em;
}

.block1col h3+h3{
	font-family: 'LiberationSerifRegular', 'PT Serif', Georgia, serif;
	font-size: 1.15em;
}

.block1col img{
	width: 125%;
	height: auto;
}

ul.pdf li {
	/* list-style-image: url(/resources/images/Oficina-PDF-icon.png); */

	background: url(../resources/images/pdf_icon.png) no-repeat left top;
	padding-top: 1em;
	padding-left: 2.5em;
	height: 3em;
}

#pdf_download{
	position: absolute;
	left: 45em;
}
#pdf_upload {
	background: none;

}




/* ----------------------------------Video block */



a.video-thumb{
	display: -moz-inline-stack;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 1em;
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

a.video-thumb .link{
	min-width: 120px;
}



a.video-thumb:hover span.image{
	-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 2px;
	box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
}

a.video-thumb:hover span.link,span.link:hover,a.video-thumb:hover {
	color: #1B75B;
}

div.image{
	display: block;
	-webkit-box-shadow: rgba(0, 0, 0, .40) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,.40) 0 1px 2px;
	box-shadow: rgba(0, 0, 0, .40) 0 1px 2px;
	margin: auto;
	margin-bottom: .5em;
	width: 120px;
	height: 68px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	float:none;
	background-position: 0 -11px;
	behavior: url(styles/PIE.php);
}

div.image img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 !important;
	width: auto;
	position: relative;
	top: -11px;
}

span.play{
	background-image: url(../resources/images/video_play_small.svg);
	width: 33px;
	height: 33px;
	position: absolute;
	left: 42px;
	top: 11px;
	opacity: .8;
	background-size: 33px 66px;
}

table.video-blocks td a.video-thumb span.link{
	background: url(../resources/images/sp_play2.png) no-repeat center center;
	position: relative;
	top: -83px;
	float: left;
	height: 1px;
	padding-top: 6em;

}




.bl_wrapper table.video-blocks td, table.video-blocks td{
	text-align: center;
	padding: .5em;
	width: 25%;
	border:none;
}

table.video-blocks{
	border-spacing: 20px !important;
	border-collapse: separate !important;
}

table.twocol thead td:last-child{
	text-align: left !important;

}


table.video-blocks span.image{
	margin:auto !important;
}


table.video-blocks td.palyed{
	background:#0062ae ;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #05121c;
	behavior: url(styles/PIE.php);
}

table.video-blocks td.palyed span.link{
	color: white !important;
	background-image: : url(../resources/images/sp_play_hover.png) !important;
}
.bl_wrapper table.video-blocks td:nth-child(3) {
	text-align: center;
	border: none !important;
	width: 25% !important;
}
div.video_main{
	float: none;
	margin-left: 17%;
	display: block;
}


#solution_annotation{
	width: 100%;
}

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


table.grid_10,.bl_wrapper table{
	font-size: .89em;
	margin-bottom: 3em;
	width: 100%;
	float: none !important;
	display: table;
}

table.grid_10 thead,table.grid_10 tbody{
	float: none !important;
	display: table;
}

table.grid_10 tr, table.grid_10 td{
	float: none !important;
	/*display: table;*/
}
table.grid_10 tr {display:table-row;}
table.grid_10 td {display:table-cell;}
table.grid_10 td,.bl_wrapper table td{
	padding: 1em;
	vertical-align: baseline;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px dotted #dfdfdf;

}


table.grid_10 thead td, table.grid_10 thead th, .bl_wrapper table thead td, bl_wrapper table thead th{
	font-weight: bold;
	border-bottom: 1px solid black;
}

table.grid_10 thead td{
	/*border-bottom: none !important;*/
	border-right: 1px solid silver;
}

.bl_wrapper table th{
	border-bottom: 1px solid silver;

}

.bl_wrapper table th+th{
	border-left: 1px solid silver;
}

table.grid_10 thead td tr:first-child{

}

table.grid_10 tr td:last-child{
	border-right: none;
}

table.grid_10 td:nth-child(3),table.grid_10 thead tr td:last-child,.bl_wrapper table td:nth-child(3), .bl_wrapper table thead tr td:last-child{
	width: 4em !important;
	text-align: right;
	border-right: none !important;
}




table.grid_10 .grid_3{
	width: 30%;
}



table.grid_10 .grid_5{
	width: 50%;
}

table.twocol .grid_5{
	width: 4em !important;
}

table.grid_10 .grid_1{
	width: 10%;
}


.bl_wrapper table{
	margin-top: 1em;
}

.bl_wrapper table td{
	vertical-align: top !important;

}

/*—————————————————————————————————————————————————————————————————————————————————————————— Area */


div.area-container{
	float: left;
	width: 100%;
}

div.area{
	float: left;
	width: 90%;
	margin: 2em 5%;
}

div.area-head{
	float: left;
	width: 60%;
	margin-bottom: .5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #dfdfdf;

}

div.area-title{
	font-size: 2em;
	margin-bottom: .5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #dfdfdf;
	width: 100%;
	color: #F15A29;
}

div.area-desc{
	font-size: .89em;
	line-height: 1.4;
}

div.area-stat{
	margin-left: 3em;
	margin-top: 4em;
}

table.astat td{
	padding: 1em;
}

table.astat tr+tr{
	border-top: 1px solid silver;
}

table.astat td.num-sl{
	text-align: center;
	border-right: 1px silver solid;
}
table.astat b{
	color: #F15A29;
	font-weight: normal;
	font-size: 4em;
	font-family: 'Asul', serif;
	text-align: center;
}

table.astat b.med{
	font-size: 1em;
	font-family: 'Gudea', sans-serif;
}

table.astat i{
	color: #27AAE1;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	font-family: 'Gudea', serif;
}

table.astat i.big{
	color: #F15A29;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	font-family: 'Gudea', serif;
}

div.area-solutions{
	width: 100%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid silver;
}

div.area-sl-container{
	width: 20em;
	padding: 1em;
	padding-right:5%;
	padding-left:0px;
	margin-left: 0;
}

table.area-sl th{
	padding: .5em;
	padding-left: 0;
}

table.area-sl th:first-child{
	vertical-align: top;
	/*width: 32px;*/
}

table.area-sl th:nth-child(2){
	/*width: 32px;*/
	vertical-align: top;

}

table.area-sl th:nth-child(3){
	text-align: left;
	font-size: 1.25em;
}

table.area-sl td{
	font-size: .75em;
	color: #333;
	line-height: 1.4;

}

a.sl-link,img.sl-new{
	margin-top: .35em;
}

img.sl-ico, a.sl-link, img.sl-new{
	float: left;
	margin-right: .5em;
}


div.area-article{
	font-family: 'LiberationSerifRegular', 'PT Serif', Georgia, serif;
}

div.area-article .solution-big-pict img.grid_4{
	width: 100% !important;
	height: auto;
}

.solution-section img{
	width: 80%;
	height: auto;
	margin: 1em 0;
}

.article_content h3{
	padding-top: 1em !important;
}

a.area-pdf{
	font-size: .75em;
	float: left;
	margin-top: 2em;

}

div.area-pdf{
	float: left;
	width: 100%;
}
div.area-pdf h2{
	float: left;
}
div.area-menu{
	width: 100%;
}

a.download-pdf{
	border: none;
	text-decoration: underline;
	background: url(../resources/images/sp_pdf.png) no-repeat;
	height: 21px;
	float: left;
	line-height: 2;
	font-size: .89em;
	padding-left: 24px;
	margin-top: 1em;
	/*margin-left: 3em;*/
}

a.grid_3{
	text-decoration: none !important;
	border-bottom: none !important;
}

/*-------------------------------------- New grids */

.grid_10{
	width: 105%;
}

.grid_5{
	width: 45%;
}

.grid_4{
	width: 35%;
}

img.grid_4{
	width: 35% !important;
	margin-left: 1em;
	height: auto;
	float: none;
}
#about-samples img{
	/*display: none;*/
}
.main:not(.area-main){
	/*width: 65% !important;*/
	/*min-width: 900px !important;*/
	/*margin-left: 8% !important;*/
}
#about-samples.main {
	width: 100% !important;
	min-width: auto !important;
	margin-left: 0 !important;
}

.main:not(.area-main) .bl_wrapper:first-child h2:first-of-type{
	margin-top: 0;
}
.subpage img{
	height: auto !important;
}




/*------------------------------------------Main section
*/


div.main img{
	width: auto;
	max-width: 800px;
	display: block;
	/*margin: 0 auto;*/
}
#about-samples img{
	width: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

/*div.main div.w200 { float:none }*/
/*div.main div.w200 img{ width: 200px }*/
/*div.main div.w300 { float:none }*/
/*div.main div.w300 img{ width: 300px }*/
/*div.main div.w400 { float:none }*/
/*div.main div.w400 img{ width: 400px }*/
/*div.main div.w500 { float:none }*/
/*div.main div.w500 img{ width: 500px }*/
/*div.main div.w600 { float:none }*/
/*div.main div.w600 img{ width: 600px }*/



.steps img{
	width: auto;
	display: block;
}


.steps img.grid_10{
	width: 100%;
	height: auto;
}

#story h3+.article_content{
	padding-top: 0;
	margin-top: 0;
}

/*--------------------------------------------- Samples */

.video-list a.grid_3{
	border: none;
	width: 10em;

}

h3 + div.video-list{
	padding-top: 2em;
}

.med-img{
	width: 60% !important;
	display: block;
	clear:both;
	margin-bottom: 1.5em;
}


/*--------------------------------------------- About SP */

.about-sp{
	float: left;
	width: 85%;
	font-family: 'LiberationSerifRegular', 'PT Serif', Georgia, serif;
	line-height: 1.4;
	margin: .5em 2.5%;
	margin-bottom: 4em;
}

.about-sp h5{
	float: none;
}

.about-sp .article-list{
	margin-bottom: 1.5em;
}

.pdf-link{
	margin-top: 2em;
	width: 12em;
}

a.grid_2 {
	border: none;
}

.subpage .bl_wrapper h2 + p + p {
	top: 10%;
}
#about-samples h1,
.subpage h1,
.main:not(.area-main) h1{
	/*color: #1b75bb;*/
	width: 40%;
	margin: 0;
	padding: 2em 0 1em;
	position: relative;
}
.main:not(.area-main) h1{
	/*width: 100%;*/
}
#about-samples .bl_wrapper:first-child h2 {
	display: none;
}

#about-samples h2:before {
	display: none;
}

a {
	border-bottom: none;
}

.main {
	width: 745px;
	margin: 0 auto;
}

.main h3:first-child:hover {
	opacity: 1 !important;
	cursor: default;
}

.main h3:first-child a {
	border: none !important;
}

#about-samples .bl_wrapper:first-child {
	border-top: none;
}

.subpage .bl_wrapper:first-child {
	/*margin-bottom: -4em;*/
	padding-top: 2em;
	border-top: 1px solid rgb(223, 223, 223);
	height: 8em;
	/*max-width: 800px;*/
}

.subpage .bl_wrapper:first-child h2 {
	display: none;
}

.subpage .bl_wrapper:first-child p {
	display: table-cell;
	vertical-align: middle;
	height: 6em;
	padding-bottom: 2em;
}

#about-samples .smp-desc,
.subpage .smp-desc,
.subpage h1{
	width: 60%;
	margin: 0;
	position: relative;
	left: 25%;
	padding: 1em 0;
}
#about-samples h1,
#about-samples .smp-desc,
.area-main h1,
.area-main .area-desc{
	left: 10%;
	position: relative;
}
.area-main .area-desc {
	width: 75%;
}

.subpage .smp-desc
{
	width: 40%;
}
.subpage .bl_wrapper h2 + p a {
	display: none;
}

.subpage .bl_wrapper:first-child p:nth-child(2) {
	color: #0071BC;
	background: url(../resources/images/play-tutorial-2016.png) no-repeat;
	background-position: 110px 23px;
	/* transition: background .2s; */
	width: 190px;
	/* position: relative; */
	/* top: 17px; */
	float: left;
	padding-top: 2em;
}


.subpage .bl_wrapper:first-child p:nth-child(2):hover {
	color: #43A9EC;
	cursor: pointer;
	background: url(../resources/images/play-tutorial-hover-2016.png) no-repeat;
	background-position: 109px 23px;
}

.subpage .bl_wrapper:first-child p:nth-child(3) {
	color: white;
	transition: background .2s;
	float: right;
}

.subpage .bl_wrapper:first-child p:nth-child(3) a {

	font-size: 1.25em;
	border: none;
	display: block;
}

.subpage .bl_wrapper:first-child  p:nth-child(3) a:last-of-type {

	font-size: .89em;
	border: 1px solid #efefef;
	border-radius: 4px;
	padding: 6px 12px;
	display: inline-block;
}

.subpage .bl_wrapper:first-child a:last-of-type:before {
	content: "for";
	color: gray;
	margin-right: .5em;

}

.subpage .bl_wrapper:first-child p:nth-child(3):before {
	content: "THESE SAMPLES AVAILABLE IN";
	color: gray;
	font-size: 12px;
	letter-spacing: 1px;
	display:block;
	/*position: relative;;*/
	/*top: -24px;*/
	/*left: 320px;*/
}


.subpage .bl_wrapper div > img {
	/*width: 80%;*/
	height: auto;
	padding: 0 2em 2em 0;
}

.subpage .bl_wrapper >  div {
	position: relative;
	/* top: -50%; */
	clear: both;

}
.subpage .bl_wrapper > p + p + p + div {
	margin-top: -19em !important;
}
.subpage .bl_wrapper > p + p + div {
	margin-top: -15em;
}
.subpage .bl_wrapper > p +  div {
	margin-top: -10em;
}

.subpage .bl_wrapper:not(:first-child) p {
	/*position: relative;*/
	color: gray;
	font-size: 12px;
	width: 200px;
	/*left: 93%;*/
	/* display: inline-block; */
	clear: both;
	float: none;
	line-height: 1.6;
	min-height: 35px;
	margin-left: 830px;
}
.subpage .bl_wrapper:not(:first-child) p > nobr:first-of-type{
	width: 75%;
	display: block;
	white-space: pre-line;
}
.subpage .bl_wrapper:not(:first-child) p a {
	border: 1px solid #efefef;
	padding: .5em;
	border-radius: 3px;
	line-height: 1.75;
	margin: .25em 0;
	width: 100%;
	display: inline-block;
	text-overflow: ellipsis;
}

.subpage .bl_wrapper:last-child {
	margin-top: 6em;
}

.subpage .bl_wrapper:last-child p small, .subpage .bl_wrapper:last-child small p, .subpage .bl_wrapper:last-child p {
	position: relative;
	display: inline-block;
	font-size: 12px;
	width: 100%;
	left: 0 !important;
	height: auto;
	min-height: auto;
	margin: 0;
}
.subpage .bl_wrapper:last-child > p:first-of-type,
.subpage .bl_wrapper:last-child > p small{
	line-height: 3;
}
hr.grid_10_alpha {
	display: none;
}

.bl_wrapper:last-child small p {
	display: block;
}

.subpage .bl_wrapper:last-child small p a,
.subpage .bl_wrapper:last-child p a {
	border: none !important;
	padding: 0;
	display: inline;
}

div.dwnd_cddz {
background: #6ab7f2;
transition: background .2s;
color: white;
position: absolute !important;
left: 80%;
text-transform: uppercase !important;
/* border: 1px solid #efefef; */
padding: .5em;
border-radius: 4px;
font-size: 14px;
letter-spacing: 1px;
font-weight: 500;
width: 13em;
text-align: center;
margin-top: 0 !important;

}

div.dwnd_cddz:hover {
cursor: pointer;
background: #357BB1;
}

.subpage h2:before {
	content: " ";
	color: white;
	border-bottom: 1px solid #dfdfdf;
	padding-left: 200px;
	margin-left: -206px;
	position: absolute;
	top: -48px;
	left: 206px;
}

h2 {
	font-size: 18px;
	margin-top: 4em;
	margin-bottom: 2em;
	font-weight: 600;
	line-height: 1.5;
	position: relative;
	clear: both;
}


/* ---------------------------------------------- Area  */

.area-title a.download-pdf{
	font-size: .4em;
	float: left;
	width: 100%;
}

.area-main .area-desc ul{
	list-style: inherit;
	padding: 0 3em;
}
/*-------------------------------------------------VIDEO PLAYER -------*/

.video_main {float:left; width:600px; height:415px; position:relative; background-color:#054070;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; margin:30px; overflow: hidden; behavior: url(styles/PIE.php);}
.video_main img.main_thumb {width:100%; /* margin-top: -415px; position: absolute;*/position:relative; top:0; left:0;}
.video_control {position:absolute; left:0px; bottom:0px; height:77px; width:100%; background-image:url(../resources/images/bg.png); -webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; behavior: url(styles/PIE.php);}
.play_pause {float:left; display:block; width:21px; height:27px; z-index: 9999;  position: relative; background-position:0px 0px; background-image:url(../resources/images/play.png); margin-top:26px; margin-left:34px;}
.play_pause.ps {background-image:url(../resources/images/pause.png);}
.play_pause:hover {background-position:0px -27px;}
.time {float:left; display:block; margin-top:31px; font-family:verdana; font-size:10px; margin-left:20px; color:#414042; margin-right:15px;}
.time_line_main {position:absolute; top:35px; margin-left:133px; /*padding-right:184px; */ width:283px; height:7px; left:0px; z-index:1;}
.time_line {float:left; width:100%; background-image:url(../resources/images/bg_time.png); height:7px; -webkit-border-radius: 3px;
	border-radius: 3px; position:relative; }
.control_right {float:right; margin-right:18px; width:166px;}
.audio {float:left; margin-top: 14px; }
.audio a {display:block; width:5px; height:13px; background-image:url(../resources/images/audio_bg.png); background-position:0px -26px; margin-left:9px; float:left; margin-top:18px;}
.audio.mute a {background-position:0px -26px !important;}
.audio.mute .audio_main {background-position:0px -54px !important;}
.audio a:hover {background-position:0px -13px !important; }
.audio .audio_main {width:14px; height:27px; background-image:url(../resources/images/audio_main_bg.png); margin-top:11px; background-position:0px -54px;}
.audio .audio_main:hover {background-position:0px -27px !important;}

.ui-widget-content {background-color:transparent !important; background-image:none !important; border:0px !important;}
.ui-slider-horizontal .ui-slider-handle {top:6px !important; border:0px !important; margin-left:-11px !important;}
.ui-slider-horizontal {height:6px !important;}
.ui-widget-header {border:0px !important; background-image:url(../resources/images/bg_time_ac.png) !important;}
.ui-slider-handle {background-image:url(../resources/images/point.png) !important; width:21px !important; height:30px !important; background-position:0px 0px !important; border:0px !important; background-color:transparent !important;}
.ui-slider-handle:hover {background-position:0px -30px !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ border:0px !important; border-color:transparent !important;}
.slider-range-min .ui-state-focus {border:0px !important;}
.time_load {position:absolute; left:0px; top:0px; width:40%; height:6px; background-image:url(../resources/images/bg_time_ld.png); z-index:1;}
.f_s {width:22px; height:16px; display:block; background-image:url(../resources/images/fs_bg.png); background-position:0px 0px; float:left; margin-left:9px; margin-top:12px;}
.f_s:hover {background-position:0px -16px; }
.f_s.f_s_t {background-position:0px -32px;}
.f_s.f_s_t:hover {background-position:0px -48px;}
.cent_scr  {width:22px; height:16px; display:block; background-image:url(../resources/images/cent_scr.png); background-position:0px 0px; float:left; margin-left:26px; margin-top:12px;}
.cent_scr:hover {background-position:0px -16px; }
#ytPlayer {    -moz-box-sizing: border-box; box-sizing: border-box; height: 338px; }
.video_wrap {height: 338px; width: 100%; overflow: hidden;}
.video_main a {text-decoration: none; border: none;}

.clear {clear:both}
.slider {float:left; width:100%; position:relative; overflow: hidden; border-bottom: 1px solid gray;}
.slider_left {background-color: white;}
#ul_slider li {opacity:0.5}
#ul_slider {background-color: white;}
#ul_slider:first-child {opacity: 1}
.slider_left img {position:relative; z-index: 0; left:0;}
.slider_left a {width:100%;height:100%;overflow:hidden;z-index: 0;}
.slider_left { width:100%;  height:372px;overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box;}
.slider_right { float:left; width:276px; position:absolute; right:0px; top:0px; height:372px; z-index: 100; background-color: white;}
#ul_slider {z-index: 100; background-color: white;}
#ul_slider li {z-index: 100; }

.slider_right img {height:124px; float:left; }
.slider_right ul {width:276px;}
.slider_right ul li {width:276px; height:124px; margin:0; overflow: hidden; float:left;}
.area-table td {vertical-align: top;}
.index-table td {vertical-align: top; width: 33%;}
.index-table td div.area-sl-container {width:95%;}

.paging_main {position:absolute; left:0px; bottom:15px; width:100%; height:17px; z-index:3000;}
.paging {margin:auto; height:17px; display:block; width: 100px;}
.paging li {float:left; list-style:none; }
.paging li a {border-bottom: none; text-decoration:none;width:15px; height:15px; display:block; background-image:url(../resources/images/dots.png); background-position:0px 0px; margin-left:5px; margin-right:5px;}
.paging li a:hover {background-position:0px -15px;}
.paging .activeSlide a {background-position:0px -30px;}
.gallery {margin:auto; height:100%; width:100%; z-index:0; }
.gallery img {max-height: 100%; max-width: 100%; height:auto !important; width:auto !important; margin:auto;   position:relative; z-index:102; display:block; top:50%;}
.gallery div {margin:auto; height:100% !important; width:100% !important; float:left; padding-bottom:45px; -moz-box-sizing: border-box; box-sizing: border-box;}
.gallery_main {width:100%; height:100%; position:fixed; left:0px; top:0px; visibility:hidden; background-color:#ffffff; z-index: 100;}
.gp_prev {width:38px; height:79px; opacity: 1 !important; cursor: pointer; background-image:url(../resources/images/prev.png); position:absolute; left:0px; top:50%; margin-top:-19px; z-index:102; opacity:0;}
.gp_next {width:38px; height:79px; opacity: 1 !important; cursor: pointer; background-image:url(../resources/images/next.png); position:absolute; right:0px; top:50%; margin-top:-19px; z-index:102; opacity:0;}
.gal_close {width:31px; height:31px; cursor:pointer; position:absolute; right:24px; top:24px; background-image:url(../resources/images/gallery_close.png); background-position:0px 0px;  z-index:3;}
.gal_close:hover {background-position:0px -31px;}

#navigator_container ul {width:100%;}
#loading_div {width:100%; height: 300px; position: relative;}
#loading_div img {width:32px; height: 32px; display: block; margin: 250px auto 0 auto;}

.addthis_toolbox {  margin-left: 60px;}
.addthis_toolbox a{
	text-decoration: none !important;
	border-bottom: medium none;
}