@font-face {
	font-family: "BlenderPro";
	src: url("../css/fonts/BlenderProThin.eot");
	src: url("../css/fonts/BlenderProThin.eot?#iefix") format("embedded-opentype"),
	     url("../css/fonts/BlenderProThin.ttf") format("truetype"),
	     url("../css/fonts/BlenderProThin.svg#BlenderPro-Thin") format("svg");
}

#azul::-webkit-scrollbar {   
    width: 0em;
	height: 0em;
	cursor: move;
	 
}

body::-webkit-scrollbar {   
    width: 0em;
	height: 0em;
	cursor: move;
	 
}

#contenido::-webkit-scrollbar {   background: none;
    width: 0em;
	height: 0em;
	cursor: move;
	 
}
 
body::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.4);   
}
  
body::-webkit-scrollbar-thumb {
  background: #fff;
  background-size:cover;

} 

html{background: none   }
body{  background: none;    margin:0; padding:0; overflow-x:hidden; font-family:"BlenderPro", sans-serif;  
 min-width:600px; display:block}
 
 #rosa, #azul{ z-index:-1;
	 
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s; 
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s; }
 
 #azul{ background:#fff; position: absolute; right:0px; bottom:0px; width:40%; height:0%; display:block; z-index:2; overflow-y:scroll   }
 #rosa{ background:#16315B; position:fixed; right:40%; bottom:0px; height:100%; display:block; overflow: hidden;  }
 #photo_bios{ position:fixed;   left:0; bottom:0; top:0; height:100%; opacity: 0;  
  /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */}
  
  #texto{ position:relative; width:80%;    color:#373737; font-family:"BlenderPro", sans-serif;  left:10%;   z-index:3; text-align:center;
  text-shadow:none; padding-top:10%; padding-bottom:250px;   opacity:0}
#texto ul{ text-align: left !important}
  h1{   position:relative; font-size:100px;  font-size:40px; text-shadow:none; font-weight: bold; text-align: center; width: 100% }

  
  #cerrado_v{ position: fixed; width:40px; height:40px;  text-align:center; align-content:center; color:#B4B4B4; font-size:50px; top:25px; right:25px;  
	z-index:65; text-decoration:none; 
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	}
	 
	 #logo_cliente{ position:relative !important;  left:50%;  display:block; margin-left: -75px; width: 150px!important ;  }

.medios{ font-size: 18px; color:#EC8213; text-align: center !important;   margin-top: 50px}
	#cerrado_v:hover{ color:#EC8213 ;  cursor:pointer;  cursor:pointer;}
	
h2 samp{ color:#C0C0C0; opacity: .3}
@media screen and (max-width: 600px){
		 #azul{ width: 100%}
 #rosa{ background:#16315B; position:fixed; right:0%; bottom:0px; height:0%; display:block; overflow: hidden; visibility: collapse; width: 0%; }
		
}

	
	.perfil{ position:relative !important; float: left; width: 100%; margin: 1%;  background-size: 100%; list-style: none;min-width: 200px;  color: #ccc; left: -2%;
	 padding-bottom: 7px; margin-bottom: 50px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;}
}