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


h2, .h2 {
font-size: 20px;
}
ul {
 list-style-type:circle; 
}
li { 
 text-indent:0;
}
#values { 
 display:block; position:relative; float:left; width:100%; padding-left:1em; padding-right:1em; padding-bottom:0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
}
.history_top {
 display:block; float:left; position:relative; margin-bottom:0; padding:0; background:url(../images/top_menu.png) repeat-x; background-size:auto 3.75em; -moz-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-radius: 4px; width:100%;	
}
.history_top_tittle {
 display:block; position:relative; width:auto; margin:0 1em; padding:0; font-size:1.2em;  text-shadow: 0 1px 1px #200307;
}
.all_coaches {
 display:block; position:relative; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
}
.coaches { 
 display:block; position:relative; width:100%; float:left; margin:0;  vertical-align:middle; padding-top:0.5em; padding-left:1em; padding-right:0.75em; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.coaches a > .caption { 
 display:none; position:absolute;	
}
.coaches a:hover > .caption { 
 display:block; position:absolute; float:left; width:150px; height:86px; text-decoration:none; color:#FFF; margin-top:-86px; margin-left:1.5em; text-align:center; background:#000; opacity:0.8; font-size:1em;
}
.category { 
 padding: 0; margin: 0; font-size: 1.3em; font-weight: bold; color: #dce7f4; margin-top: 1em; line-height: 0.7;
}
.title {
 padding:0; margin:0; font-size:1.1em; padding:0.5em;
}
.coach_name {
 display:block; float:left; position:relative; width:100%; margin:0; padding:0; background:url(../images/top_menu.png) repeat-x; background-size:auto 3.75em;
}
.coach_tittle {
 display:block; position:relative; width:auto; margin:0 1em; padding:0; font-size:1.2em;
}
.coach_content {
 display:block; position:relative; float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; padding:0.5em;
}
.image_coach {
 display: block; position:relative; float:left;
}
.block {
 display:block; position:relative; float:right; overflow:hidden; margin:0; padding:0; width:32.5%; height:36em; margin-left:0.5em;
}
.text {
 display:block; position:relative; margin:0; margin-left:0.5em; margin-top:0.5em; margin-right:1em; padding:0; font-size:1.3em; text-align:justify; border-top: 1px solid #666666; border-bottom: 1px solid #666666; color:#A4ADB2; line-height:1.4;
}
.name {
  margin:0; padding:0.5em;
}
.name a {
 color:#E2EFF9; text-decoration:none; font-size:1.4rem;
}
.name a:hover {
 color:#fbcb60; text-decoration:none; font-size:1.4rem;
}
.about_coach {
 display:block; position:relative; margin:0; margin-left:0.5em; margin-top:0.5em; margin-right:1em; padding:0; font-size:1.2em; text-align:justify; color:#999999; line-height:1.4;
}
.coaches li { 
 list-style:none;
}
.toggle a:hover { 
 display:block; position:relative; width:18em; height:12.5em; margin-left:1em; margin-bottom:1em; vertical-align:middle; float:left;
 background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle > .down a:hover { 
 color:#FFF;
}	
.toggle a { 
 display:block; position:relative; width:18em; height:12.5em; margin-left:1em; margin-bottom:1em; vertical-align:middle; float:left;
 background: #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle-active > a {
 display:block; position:relative; width:18em; height:12.5em; margin-left:1em; margin-bottom:1em; vertical-align:middle; float:left;
 background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;	
}
.toggle-active > a:hover {
 display:block; position:relative; width:18em; height:12.5em; margin-left:1em; margin-bottom:1em; vertical-align:middle; float:left;
 background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;	
}
.toggle-active a > .bottom_hov { 
 display:block; position:relative; color:#fff; vertical-align:middle; text-align:center; font-size:1.1em; padding:1em;  font-weight:500;
}
.toggle-active a:hover > .bottom_hov { 
 display:block; position:relative; color:#fff; vertical-align:middle; text-align:center; font-size:1.1em; padding:1em;  font-weight:500; 
}
.toggle a > .down {
 display:block; position:relative; color:#ccc; vertical-align:middle; text-align:center; font-size:1.1em; padding:1em;  font-weight:500;
}
.toggle a:hover > .down {
 display:block; position:relative; color:#fff; vertical-align:middle; text-align:center; font-size:1.1em; padding:1em;  font-weight:500;
} 
.toggle-active a img {
width:15em; margin-left:1.5em; margin-top:1em;
}
.toggle a img {
width:15em; margin-left:1.5em; margin-top:1em;
}


@media screen and (max-width: 400px)  {

.image_coach a img {
width: 100%;
}
.toggle a img {
width: 100%;
margin-left:0em; margin-top:0em;
}
.toggle-active a img {
width:15em; margin-left:0em; margin-top:0em;
}
.block {
display: block;
position: relative;
float: left;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
margin-left: 0em;
}
.contentHolder2 {
position: relative;
margin: 0;
padding: 0;
height: 100%;
overflow: visible;
}
.coaches {
display: block;
position: relative;
width: 100%;
float: left;
margin: 0;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}
.coaches li {
list-style: none;
position: relative;
float: left;
display: inline-block;
width: 50%;
padding: 0.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggle-active > a {
display: block;
position: relative;
width:100%; 
height:100%;
margin-left: 0em;
margin-bottom: 0em;
vertical-align: middle;
float: left;
background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle-active > a:hover {
display: block;
position: relative;
width:100%; 
height:100%;
margin-left: 0em;
margin-bottom: 0em;
vertical-align: middle;
float: left;
background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle a {
display: block;
position: relative;
width: 100%;
height: 100%;
margin-left: 0em;
margin-bottom: 0em;
vertical-align: middle;
float: left;
background: #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle a:hover {
display: block;
position: relative;
width: 100%;
height: 100%;
margin-left: 0em;
margin-bottom: 0em;
vertical-align: middle;
float: left;
background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle-active a img {
width: 100%;
margin-left: 0em;
margin-top: 0em;
text-align: center;
padding: 0.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggle a img {
width: 100%;
margin-left: 0em;
margin-top: 0em;
text-align: center;
padding: 0.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.coaches a:hover > .caption { 
 display:block; position:absolute; float:left; width:94%; height:69%; text-decoration:none; color:#FFF; margin-top:5px; margin-left:0.5em; text-align:center; background:#000; opacity:0.8; font-size:1em; top: 0;
}
.toggle a > .down {
display: block;
position: relative;
color: #ccc;
vertical-align: middle;
text-align: center;
font-size: 0.8em;
padding: 1em;
font-weight: 500;
text-shadow: 0 1px 1px #200307;
}
.toggle a:hover > .down {
display: block;
position: relative;
color: #fff;
vertical-align: middle;
text-align: center;
font-size: 0.8em;
padding: 1em;
font-weight: 500;
text-shadow: 0 1px 1px #200307;
}
.toggle-active a > .bottom_hov {
display: block;
position: relative;
color: #fff;
vertical-align: middle;
text-align: center;
font-size: 0.8em;
padding: 1em;
font-weight: 500;
}
.toggle-active a:hover > .bottom_hov {
display: block;
position: relative;
color: #fff;
vertical-align: middle;
text-align: center;
font-size: 0.8em;
padding: 1em;
font-weight: 500;
}
.category {
padding: 0;
margin: 0;
font-size: 1em;
font-weight: bold;
color: #dce7f4;
margin-top: 1em;
}
.title {
padding: 0;
margin: 0;
font-size: 0.8em;
color: #dce7f4;
}
}