@import url(/css/reset.css);
@import url(/css/tech.css);
@import url(/css/grid-system.css);
@import url(/css/additional.css);
@import url(/css/text.css);

html {
	height:100%;
	font: 62.5%/1.4 'Segoe UI', 'Roboto', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
}

 body {
	height:100%;
	font-size:1.4em;
	text-align:left;
	color: #000;
}

a, a:visited{
	color: #00b4ff;
}

a:hover{
	text-decoration: none;
}

span.ruby{
	color: #ff004e;
}

span.yellow{
	color: #ffb400;
}

span.green{
	color: #3fdf00;
}

span.blue{
	color: #00b4ff
}

.outer{
	width: 1000px;
	margin: 0 auto;
}

footer{
	
	position: relative;
	background: #d5dae2;
    overflow: hidden;
}

html.main footer .outer{
	min-height: 143px;
	padding: 27px 0 22px 0;
}

html.internal .toppart{
	margin: 0 auto -85px;
}

html.internal .push{
	height: 115px
}

html.internal footer{
	height: 85px;
	background: #fff
}

html.internal footer .outer{
	padding-top: 30px;
	color:#7b879a;
}

.social {float:left; margin-left:30px;}
/* fixed footer styles end */


h1,h2,h3,h4,h5{
	margin-bottom:0.5em;
	color: #000;
	line-height: 1.1em;
	font-family: 'Segoe UI', 'Roboto', Consolas, Monaco, Arial, sans-serif;
	font-weight: normal;

}

h1{
	font-size: 2.143em;
}

h2{
	font-size: 1.714em;
}

h3{
	font-size: 1.5em;
}

h4{
	font-size: 1.25em;
}

h5{
	font-size: 1.1em;
}

#topline {
	min-height:113px;
	
}
#topline #logo {
	position:relative;
	top:50px;
	
}

#formenu {
	position: relative;
    top: -14px;
    left: 27px;
	
}


#formenu li {
	width:20%;
}

header .outer{
	padding: 50px 0 12px;
	overflow: hidden;
	margin-bottom: 8px;
}

.topmenu{
	white-space: nowrap;
	list-style: none;
	padding: 0;
	display: block;
}

.topmenu li, .topmenu li ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display:block;
	
}



.topmenu>li{
	
	height: 58px;
	line-height: 58px;
	float: left;
	width: 12.68%;
	
	

}

.topmenu>li:last-child{
	margin-right: 0
}

.topmenu li a, .topmenu li a:visited{
	background: #00b4ff;
	display: block;
	padding:0 18px;
	text-align: center;
	font-size:124%;
	color: #fff;
	text-decoration: none;
	font-family: 'Segoe UI', 'Roboto', Consolas, Monaco, Arial, sans-serif;
	
}

.topmenu li ul li a, .topmenu li ul li a:visited{
	height: auto;
	line-height: 2.7em;
	font-size: 124%;
	text-align: left;
}

.topmenu li ul li a img{
    margin-top:18px;
    max-width: 100% !important
}



.topmenu li.ruby a, .topmenu li.ruby a:visited{
	background: #ff004e;
	
}


.topmenu li.yellow a, .topmenu li.yellow a:visited{
	background: #ffb400;
	
}


.topmenu li.green a, .topmenu li.green a:visited{
	background: #3fdf00;
	
}


.topmenu li.viol a, .topmenu li.viol a:visited{
	background: #7036f2;
	
}

.topmenu li ul li a:hover, .topmenu li ul li a:hover {
	background: #1554a5;
}

.topmenu li.green ul li a:hover {
	background: #30A800;
}

.topmenu li ul{
	position: absolute;
	width: 340px;
	display: none;
	z-index: 4;
	opacity:0.9;
	filter:alpha(opacity=90);
}

#logo {display:block}

/**/
.search{
	width: 240px;
	border-bottom: 1px solid #7b879a;
	padding:4px;
	float: right;
	margin-top: 25px;
	vertical-align: middle;
	line-height: 20px;
	overflow: hidden;
    margin-top:-31px
}

#ajaxSearch_input{
	width: 212px;
    background: transparent;
	border: none;
	height: 20px;
	color: #7b879a;
	float: left;
}

#ajaxSearch_submit{
	width: 20px;
	float: right;
}

.ajaxSearch_resultDescription{
font-size: 1.8em;
}

.ajaxSearch_resultLink {
font-size: 1.8em;
font-weight:bold;
}
/**/

#slides{
	border: 1px solid #7b879a;
	height: 422px;
	margin-bottom: 20px
}

.slides_container{
	width: 996px;
	height:420px;
	border: 1px solid #fff
}

.slides_container div{
	width: 996px;
	height:420px;
	/*background: url(/img/slbg.jpg) 0 0 repeat-x;*/
	overflow: hidden;
	z-index: 2
}

.slides_container div img{
	display: block
}

.slides_container div.textbox{
	width: 46%;
	padding: 40px 3% 0 1%;
	float: right;
	color: #fff;
	font-size: 16px;
}

.slides_container div.textbox h2{
	color: #ffea00;
	font-size: 57px;
	letter-spacing: .05em;
	line-height: 1em;
	margin-bottom: 36px;
	margin-top: 10px
}

div.textbox h2 a, div.textbox h2 a:visited{
	color: #ffea00;
	text-decoration: none;
} 

.slides_container div.textbox h2 img{
	vertical-align: bottom;
	margin-right: 10px
}

.slides_container div .bigim{
	float: left;
	border: none;
}

.pagination, .pagination li{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.pagination{
	position: relative;
	top: -28px;
	z-index: 3;
	width: 100%;
}

.pagination li{
	display: inline-block;
	height: 11px;
	overflow: hidden;
	margin: 0 3px
}

.pagination li a{
	background: transparent url(/img/pag.png) 50% 0 no-repeat;
	width: 11px;
	height: 11px
	overflow: hidden;
	padding-top: 11px;
	display: block
}

.pagination li.current a{
	background-image: url(/img/pag2.png);
}

/**/
.teasers-main{
	overflow: hidden;
	width: 872px;
	margin: 0 auto;
}

.main-teaser{

	width: 214px;
	float: left;
	margin: 0 2px
}

.tsimg{
	text-align: center;
	display: table-cell;
	height: 208px;
	width: 208px;
	background: #00b4ff;
	box-shadow: 0 2px 5px #00b4ff;
	vertical-align: middle;
	border:3px solid #fff;
}

.tsimg img{
	max-width: 160px;
	max-height: 160px;
}

.tstext{
	margin-top: 10px;
	text-align: left;
	padding: 10px;
	height: 200px;
	overflow: hidden;
	border-left: 4px solid #00b4ff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4e5662
}

.tstext h3{
	font-size: 18px;
	margin-bottom: 24px
}

.tstext h3 a, .tstext h3 a:visited{
	color: #49515e;
	text-decoration: none;
}

.tstext ul{
margin-left: 0;
padding-left: 15px;
}

.tstext ul li{
}

.teasers-main .ruby .tsimg{
	background: #ff004e;
	box-shadow: 0 2px 5px #ff004e;
}

.teasers-main .ruby .tstext{
	border-color: #ff004e
}

.teasers-main .yellow .tsimg{
	background: #ffb400;
	box-shadow: 0 2px 5px #ffb400;
}

.teasers-main .yellow .tstext{
	border-color: #ffb400
}

.teasers-main .green .tsimg{
	background: #3fdf00;
	box-shadow: 0 2px 5px #3fdf00;
}

.teasers-main .green .tstext{
	border-color: #3fdf00
}

.teasers-main .viol .tsimg{
	background: #7036f2;
	box-shadow: 0 2px 5px #7036f2;
}

.teasers-main .viol .tstext{
	border-color: #7036f2
}
/**/

h4.nws{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 19px;
	color: #7b879a;
}

.newsline{
	background: transparent url(/img/nwm.gif) 0 0 repeat-x;
	overflow: hidden;
}

.newsblock{
	width: 204px;
	float: left;
	margin-right: 3px;
	padding: 0 5px
}

.newsblock .date{
	height: 23px;
	line-height: 23px;
	font-weight: bold;
	margin-bottom: 8px
}

.newsblock .intro{
	padding-right: 10px;
	margin-bottom: 18px;
	overflow: hidden;
	display: block;
	
}

.intro, .intro:visited{
	color: #000;
	text-decoration: none;
}

.intro span{
	position: absolute;
	margin-left: -10px
}

.allnews, .allnews:visited{
	float: right;
	font-weight: bold;
	height: 82px;
	display: block;
	padding-left: 60px;
	padding-right: 10px;
	background: transparent url(/img/alln.png) 0 0 no-repeat;
	font-size: 18px;
	line-height: 23px;
	text-decoration: none
}

.cpr {
	font-size: 18px;
}


.pager{
	border: 1px solid #9ba6b4;
	padding: 0 22px;
	margin: 10px 0;
	height: 60px;
	line-height: 60px;
}
/*
.pager>div{
	max-width: 48%;
}
*/
.pgr{
	vertical-align: middle;
	margin-right: 10px
}

.rzag{
	color: #7b879a;
	font-weight: bold
}

.rzag a, .rzag a:visited{
	color: #7b879a;
	text-decoration: none;
}

.pages a, .pages a:visited{
	color: #fff;
	background: #c0cfe6;
	text-decoration: none;
	padding: 8px 13px;
	border-radius: 3px;
	font-weight: bold;
line-height: 18px;
}

.pages a:hover, .pages a.active, .pages a.active:visited{
	background: #7b879a
}

/**/
.onetov{
	width: 327px;
	float: left;
	margin-right: 9px;
	margin-bottom: 40px;
    /*padding-bottom:20px;*/
    position:relative
}

.onetov .tovot{
    height:25px;
    line-height:25px;
    text-align:right;
    position:absolute;
    bottom:0;
    right:0;
    padding: 0 10px;
    background: #c0cfe6;
    font-weight:bold;
    position: absolute;
    top: 348px;
    right:0;
    font-size: 14px;
	display:none;
}

.onetov .tovot .rub{
    background: url(/img/rub.gif) 0 10px no-repeat;
    padding-left:1px;
    margin-left:2px
}

.onetov:nth-child(3n){
	/*margin-right: 0*/
}

.tovimage{
	display: table-cell;
	text-align: center;
	background: #e9ecf0;
	border: 4px solid #c0cfe6;
	width: 319px;
	height: 319px;
	vertical-align: middle;
	overflow: hidden;
}

.tovimage img{
	max-width: 310px;
	max-height: 310px;
	margin-bottom: 0;
}

.tovzag{
	color: #000;
	font-size: 30px;
	margin-top: 5px;
	padding-top: 16px;
	border-bottom: 4px solid #c0cfe6;
	margin-bottom: 12px;
	line-height: 1em;
}

.tovzag a, .tovzag a:visited{
	color: #000;
	text-decoration: none;
}

.tovzag span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}

.tovspec{
	color: #59616d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tovspec ul{
	margin-left: 0 ;
	list-style: inside;
	padding-left: 0;
	list-style-image: url(/img/bull.gif);
}

/**/
.tovnaim{
	color: #00b4ff;
	font-size: 4em;
	font-weight: 100;
	margin-bottom: 25px;
	line-height: 1;
	letter-spacing: .05em;
}

.lead{
	overflow: hidden;
	border-bottom: 1px solid #c0cfe6;
	margin-bottom: 48px;
	padding-bottom: 20px
	
	
}

.leadtext{
	padding: 50px 0 0 50px;
	width: 420px;
	float: left;
}

.leadimage{
	float: right;
}

.desczag{
	color: #fff;
	font-size: 14px;
	background: #00b4ff; 
	text-transform: uppercase;
	padding: 2px 10px
}

.descblock{
	padding: 0 0 0 10px
}

.w45{
	width: 45%
}

.mb50{
	margin-bottom: 50px
}

.photos{
	overflow: hidden;
	background: #b5bcc6;
	padding: 4px 0 0 4px
}

.photos a{
	display: block;
	float: left;
	margin: 0 4px 4px 0
}

.photos a img{
	display: block;
	background: #fff;
}

.phogal{
	color: #fff;
	font-size: 18px;
	background: #a8b0bc; 
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 5px 10px
}

html.content header{
	margin-bottom: 40px
}

.ajaxSearch_highlight{
	margin: 0 !important;
}

.catlist a, .catlist a:visited{
	display: block;
	float: left;
	margin-right: 1px;
	color: #7B879A;
   font-weight: bold;
   text-decoration: none;
   height: 250px;
   overflow: hidden;
   text-align: center;
}

.catlist a img{
	display: block;
	border: 1px solid #d3d7dd;
	margin-bottom: 10px
}

.greylight {color: #616161;}




/*scroll photoss*/
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

.simply-scroll { 
	width: 1000px;
	height: 100px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 100px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 150px;
	height: 200px;
}

/* beautify list on iGO */
.list2 {
	width: 460px;
float: left;
margin-left: 20px;
margin-bottom: 2em;

}

.list2 ol { 
	font-style:italic; 
	font-size:1.2em; 
	color:#bfe1f1; 
}

.list2 ol li p { 
	padding:8px; 
	font-style:normal;  
	color:#333; 
	border-left: 1px solid #ccc; 
	margin-bottom:0;
}
#window {
	display:none;
	background:#0899CE;
	border: 4px solid #0899CE;
	color:#fff;
}
#close {
	display: block;
	float: right;
	margin: 40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background:url(/assets/images/close.png) no-repeat;
	background-position: 0 0;
}	
#window li {
	list-style-type:none;
} 
#window p {
	padding:0 40px;
	color:#fff;
} 
#clickme {
	cursor:pointer;
	border-bottom: 2px dotted #ff004e;
        color: #ff004e;
        font-size: 1.8em;
}
/* END beautify list on iGO */

.advs{
	margin: 0 0 70px 60px;
	overflow: hidden;
}

.adil, .adir{
	max-width: 500px;
}

.adil{
	float: left;
	margin-right: 30px;
}

.adir{
	float: right;
	margin-left: 30px;
}

.tar {text-align:right;}


a.footer-link {
	font-size: 18px;
	color: #fff;
	font-weight:bold;
}
a.footer-link:hover {
	color: #00F5FF;
	text-decoration:underline;
}
.w1000 {
	width: 1000px;
	margin: 0 auto;
}
.copy {
	min-height: 40px;
	line-height: 44px;
}

.copy .flr {
	margin-top:6px;
}

.arrow {
	min-height:58px;
	background: #d3d3d3;
	background: -moz-linear-gradient(left,  #d3d3d3 0%, #d2d6d7 50%, #039dff 50%, #039dff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d3d3d3), color-stop(50%,#d2d6d7), color-stop(50%,#039dff), color-stop(100%,#039dff));
	background: -webkit-linear-gradient(left,  #d3d3d3 0%,#d2d6d7 50%,#039dff 50%,#039dff 100%);
	background: -o-linear-gradient(left,  #d3d3d3 0%,#d2d6d7 50%,#039dff 50%,#039dff 100%);
	background: -ms-linear-gradient(left,  #d3d3d3 0%,#d2d6d7 50%,#039dff 50%,#039dff 100%);
	background: linear-gradient(to right,  #d3d3d3 0%,#d2d6d7 50%,#039dff 50%,#039dff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#039dff',GradientType=1 );
	
}

.arrow .outer{
	padding: 0;
	overflow: hidden;
	margin-bottom: 0;
	border-bottom: 0
}

.topmenu-outer {
	width:1000px;
	margin:0 auto;
}

.sublogo {width:366px;}

.smbnrs {
	width:362px;
}

.smbnr2 {
	margin: 18px 0 24px;	
}

.smbnr3 {
	margin-left:23px;
}
.foo-arr {
	background: #aab4c3;
	color: #d5dae2;
}
.reye {
	background: -moz-linear-gradient(left,  rgba(255,0,0,1) 0%, rgba(255,0,0,0.74) 26%, rgba(255,255,255,0.72) 28%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,0,0,1)), color-stop(26%,rgba(255,0,0,0.74)), color-stop(28%,rgba(255,255,255,0.72)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left,  rgba(255,0,0,1) 0%,rgba(255,0,0,0.74) 26%,rgba(255,255,255,0.72) 28%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,0,0,1) 0%,rgba(255,0,0,0.74) 26%,rgba(255,255,255,0.72) 28%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left,  rgba(255,0,0,1) 0%,rgba(255,0,0,0.74) 26%,rgba(255,255,255,0.72) 28%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,0,0,1) 0%,rgba(255,0,0,0.74) 26%,rgba(255,255,255,0.72) 28%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ffffff',GradientType=1 );
	min-height:6px;
}
.reye > .w1000 {
	background: url(../img/reye.gif) no-repeat left top;
	min-height:6px;
}
.forfilter {
	display:none;
}