@charset "UTF-8";
/* CSS Document */

/*-------Global Styles---------------------------------------------------------------------------------------------*/
* { font-family:Arial, Helvetica, sans-serif; margin:0; border:0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;
   
}
html { overflow-y: scroll;
overflow-x: hidden;

}
/*-------End of Global Styles.---------------------------------------------------------------------------------------*/

/*-------Base Styles----------------------------------------------------------------------------------------------*/
body { background:#FFFFFF; color: #000; font-size: 12px; line-height: 150%; margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, li { font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:justify; }
h3 { font-size:12px; }
/*-------End of Base Styles----------------------------------------------------------------------------------------*/


#headerwrap {position: absolute; top: 0; margin: 0 auto; width: 100%; z-index:9999;}
#headerwrap-inner {margin: 0 auto; width: 100%; z-index:9999;}
.rhombus{position: absolute; float: left;}
.rhombus-mobile{display: none; float: left;}

.rhombus-inner{position: absolute; float: left; top:0; }
.rhombus-mobile-inner{display: none; float: left;}


div#outerDiv { margin:0 auto; width:100%; background:url(../images/bg.jpg) repeat-x; background-color:#fff;}
	
#outerDiv div#MainDiv{
	max-width: 1200px;
	margin:auto; 
	position:relative;
	//background-color:#fff;}
	
#MainDiv div#HeaderDiv{
	width:100%;
	position:relative;
	background:#FFF;
	}
	
#HeaderDiv img{
	width: 100%;}
	
#MainDiv div#BannerDiv{
	width:100%;
	position:relative;
	background:#FFF;
	}
	
#BannerDiv img{
	width: 100%;}
	
#MainDiv div#ContainerDiv{
	width:100%;
	position:relative;
	display:inline-block;
	clear:both;
	background-color:#FFF;
	}

#ContainerDiv div#LeftDiv{
	float:left;
	width:64%;
	position:relative;
	background-color:#Fff;
	padding: 3% 2% 0% 4%;
	}
	
#ContainerDiv div#RightDiv{
	float:left;
	width:24%;
	position:relative;
	background-color:#fff;
	padding: 3% 4% 0% 2%;}
	
/*#RightDiv img{
	width: 100%;
	height:auto;}	*/

#RightDiv div#TabDiv{
	width:100%;
	border:solid 1px #dfdfdf;
	margin-bottom:20px;}
	
#TabDiv div#TabName{
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:13px;
	border-bottom:dotted 1px #CCC;}
	
#TabDiv div#TabContent{
	background-color:#f8f8f8;
	padding:10px 25px 10px 25px;
	text-align:center;
	position:relative;}
	
	#TabContent ul{
	width:100%;}
	
#TabContent li{
	float:left;
	width:17%;
	list-style:none;
	padding:3px;}
	
#TabContent li img{width:100%; height:auto;}		
	
#TabDiv div#TabContent1{
	background-color:#f8f8f8;
	padding:10px;}
	
#TabContent1 img{
	width:100%;
	height:auto;}
	
		
		
#FooterDiv{
	width:100%;
	height:10px;
	display:inline-block;
	background-position: bottom right;
}
	
#BotLink{
	float:left;
	width:100%;
	display:inline-block;
	position:absolute;
	bottom:20px;}
	


#FooterDiv img{
	width:100%;
	height:auto;}		
	
.ImgTxt{
	font-size:11px;
	padding-bottom:20px;}
	
.Share{
	background-color:#999;
	color:#FFF;
	padding:5%;
	float:left;
	
	}


	
.Header1{
	font-size:15px;
	font-weight:normal;
	padding:10px 0px 10px 0px}
	
.AbtGod
{
width:97.5%;
color:#FFF;
background-color: #e60000;
font-size:14px;
font-weight:bold;
padding:10px;
}	

.ab-border
{
	background:#f8f8f8; border:1px solid #dfdfdf; padding:10px;
}
					
.clear{clear:both;}	

.btn2{
position: relative;
    background-color: #666;
    border: #ccc solid 1px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
	height: 16px;
	font-size:10px;
}

.box{
border: 3px #fff solid;
}

.ImgBox{
padding:20px;
float:left;
background-color:#d6d7d9;
width:25%;
text-align:center;}

.ImgBox img
{
	height:auto;
}



.lightbox{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(255,255,255, 0.7);text-align:center;}
.lightbox iframe{margin-top:10%;  border: 1px solid rgba(0, 0, 0, 0.99);}
.lightbox, .slide1play1, .slide2play1, .slide2play2{display:none;}
.cboxClose{position:absolute;top:5px;right:10px;font-size:21px;background:#FFF;padding:3px 10px;border-radius:50%;border:2px solid #000;cursor:pointer}

/*----PINIT---------*/
.imgPinWrap {position: relative;display: inline-block;}
.imgPinWrap .pin {opacity: 1;position: absolute;display: block;-webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out;  -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out;}
.imgPinWrap .pin img { display: block;width:41px;}
.imgPinWrap .pin:hover {  box-shadow: 0 0 5px #fff;}
.imgPinWrap .left { left: 15px; }
.imgPinWrap .right { right:3px; }
.imgPinWrap .bottom { bottom: 15px; }
.imgPinWrap .top { top:8px; }
.imgPinWrap .center {left: 50%;top:50%;}


#share{
	padding:5px;
	position:relative;
	background:#ffc725;
	width:200px;
		}

	
#share li
{
	display:inline-block;
	list-style:none;
	padding:3px;
	}

#share li img{width:100%; height:auto;}

.share-name
{
	color:#000;
	font-weight:bold;
	font-size:13px;
	vertical-align:top;
	margin-top:10px;
}

.namelink
{
	color:#0069ba;
	font-weight:bold;
	text-decoration:none;
}
.namelink:hover
{
	color:#53bcec;
	font-weight:bold;
	text-decoration:underline;
}

.ul
{
	margin:auto;
	padding:0 0 0 25px;
}

.btn
{
	background: #b8b8b8;
    padding: 3px;
    color: #000;
    width: 85px;
}

.btn1
{
	background:#183048;
	padding:3px;
	color:#FFF;
	margin:8px 0 0 0;
}

.download
{
	color:#183048;
	text-decoration:none;
}

.download:hover
{
	color:#183048;
	text-decoration:underline;
}

.left-video
{
	
	width:48%;
	float:left;
	margin:auto;
	padding:0;
	box-sizing: border-box;
}

.left-margin
{
	margin-left:30px;
}


.video-grid {
    width: 32.33%;
    height: 33.33%;
    float: left;
    background-color: #ececec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 2px;
    margin-right: 2px;
	}

.grid1{margin:5px;}


.video-header
{
width:100%;
color:#FFF;
background-color: #e60000;
font-size:20px;
font-weight:bold;
padding:5px 0;
text-align:center;
}

.video-header1
{
	font-size:12px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	height:40px;
}

.quote
{
	width:auto;
	background:#ebebeb;
	margin:0;
	padding:20px;
	position:relative;
	
}

.quote-content
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#100f0f;
	line-height:22px;
	text-align:center;
}

.quote-content strong
{
	color:#ee1a24;
}

.line
{
	border:3px solid #7c7c7c;
	padding:30px;
	text-align:center;
	position:relative;
}

.quote-line {position: absolute; top: 0; left:50px; z-index:1; background-color:#ebebeb; padding:5px;}
.quote-line1 {position: absolute; bottom: 0; right:50px; z-index:1; background-color:#ebebeb; padding:5px; }

.strong strong
{
	color:#F00;
}

.links-color
{
	color:#e60000;
	text-decoration:underline;
}

.voda-link
{
	background:#eaeaea; padding:30px; float:left; width:26.33%; text-align:left;
}

a { color:#000;}

.red
{
	color:#F00;
}