﻿.calendarx {background: #EBEBEB;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
padding: 10px;
margin: 5px;
border-radius: 8px;
}

.talksvidul {
position: absolute;
right: 0;
top: 0;
width: 120px;
margin: 0;
list-style: none;
}


.calendarmenu{
width: 90%;
margin: 0;
padding: 10px 0px 10px 50px;
text-align: left;
}

.calendarmenudiv{
width: 380px;
float: left;
}


.calendarmenudivd{
min-width: 80px;
float: right;
text-align: center;
border-left: 1px dotted #D7D6D6;
border-right: 1px dotted #D7D6D6;
margin-right: 14px;
padding: 0px 2px 0px 2px;
}


.calendarmenudivt{
float: right;
width: 80px;
padding-top: 8px;
}

.catPages1{
font-weight: bold;
margin: 0 0 60px 0;
clear: both;
padding-top: 3px;
position: relative;
border: 1px solid #E7E6E6;
padding: 10px;
background: #F3F3F3;
border-radius: 5px;
}


.pdatacalendar{
font-size: 92px;
font-weight: bold;
text-align: right;
font-family: 'Roboto Condensed', sans-serif;
color: #FFA500;

}
.pmesyaccalendar{
font-size: 40px;
text-align: right;
margin-top: -30px;
margin-bottom: 10px;
}

.blockcalendar{
font-size: 13px;
color: #444;
font-style: italic;
background: #F5F5F5;
border-left: 5px solid #FFA500;
padding: 16px 16px 16px 16px;
min-height: 170px;
}

.answer{padding: 5px 0px 5px 0px; border-bottom: 1px solid #E7E6E6}

.blocktitldiv{
text-shadow: 1px 1px 5px #757373, 0 0 1em #AFAFAF;
color: #FFF;
padding: 25px 30px 0 45px;
position: absolute;
top: 10px;
left: 0;
width: 900px;
font: 13px 'Open Sans', Arial, Tahoma, Verdana, Sans-Serif;
}

.txtblock1{
font-size: 35px;
text-transform: uppercase;
}

.txtblock2{
font-size: 20px;
text-transform: uppercase;
}

.txtblock3{
font-size: 14px;
}

.txtblock4{
font-size: 20px;
text-align: right;
margin-top: 220px;
float: right;
}

.txtblock5{
font-size: 20px;
text-align: right;
margin-top: 200px;
float: right;
}


.buttontrening {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777;
	font-size:15px;
	font-weight:normal;
	padding:5px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.buttontrening:hover {
color:#d66400;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.buttontrening:active {
	position:relative;
	top:1px;
}







.tip {

}
.tip a {
	color: #000; font-weight:bold;
}



.trningbox {
	padding: 10px;
margin: 0 auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #E2E2E2;
-moz-box-shadow: 0 2px 2px #9c9c9c;
-webkit-box-shadow: 0 2px 2px #CFCFCF;
}




.section {
	margin: 0 0 30px;
}
ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #FFF;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
}
.tabs li:hover,
.vertical .tabs li:hover {
	color: #F70;
	padding: 0 13px;
	background: #FFFFDF;
	border: 1px solid #FFCA95;
}
.tabs li.current {
	color: #444;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid #EFEFEF;
}
.box {
	display: nonef;

}


 .newbox{
	display: none;

}


.box.visible {
	display: block;
}

textarea {
width: 100%;
font: 13px 'PT Sans', Arial, Tahoma, Verdana, Sans-Serif;
border-radius: 5px;
border-color: #DDD;
padding: 10px 15px 0px 15px;
color: #AAA;
}


/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 5000;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 50%; 
		left: 50%;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: fixed;
		z-index: 5001;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	
/*	--------------------------------------------------
	Calendars CSS
	-------------------------------------------------- */

.oldate{
border: 1px solid #D7D6D6;
background: #696969;
border-radius: 10px;
line-height: 0.9;
width: 100px;
height: 86px;
text-align: center;
float: right;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.idatex{
background: url(http://www.uspehtrening.com.ua/images/about_us/clockback2.png) no-repeat;
width: 101px;
height: 75px;
position: absolute;
top: 58px;
right: 16px;
}

.idatey{
background: url(http://www.uspehtrening.com.ua/images/about_us/clockback2.png) no-repeat;
width: 101px;
height: 75px;
position: absolute;
top: 58px;
right: 134px;
}

.spandatex{
font-size: 28px;
font: 28px 'PT Sans', Arial, Tahoma, Verdana, Sans-Serif;
color: #626363;
    top: -45px;
    position: relative;
}

.olcentre{
width: 16px;
height: 85px;
text-align: center;
font-size: 60px;
float: right;
color: #AAA;
}

.spanother{
width: 80px;
float: left;
background: url(http://uspehtrening.com.ua/images/calendars.png) no-repeat;
background-position: 30px 2px;
margin-top: 22px;
padding-top: 60px;
}


.oldateon{
margin-bottom: 20px;
border: 1px solid #D7D6D6;
background: #696969;
border-radius: 10px;
line-height: 0.9;
width: 99px;
height: 86px;
text-align: center;
margin-left: 60px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
font-style: normal;
}

.idateon{
width: 101px;
height: 75px;
position: absolute;
top: 60px;
right: 74px;
background: url(http://www.uspehtrening.com.ua/images/about_us/clockback2.png) no-repeat;
}



.dateotstup{
line-height: 1.8;
font-size: 28px;
height: 125px;
}

.dateotstupx{
line-height: 1.8;
font-size: 28px;
height: 18px;
}

.recent_slider em{display:none;}