@charset "utf-8";

/****************************************************************/
/* FUENTES */
/****************************************************************/

@font-face {
	font-family: "bankgothic-medium";
	src: url("../fonts/bankgothic-medium.eot");
	src: url("../fonts/bankgothic-medium.eot#iefix") format("embedded-opentype"),
	url("../fonts/bankgothic-medium.woff") format("woff"),
	url("../fonts/bankgothic-medium.ttf") format("truetype"),
	url("../fonts/bankgothic-medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "oratorstd";
	src: url("../fonts/oratorstd.eot");
	src: url("../fonts/oratorstd.eot#iefix") format("embedded-opentype"),
	url("../fonts/oratorstd.woff") format("woff"),
	url("../fonts/oratorstd.ttf") format("truetype"),
	url("../fonts/oratorstd.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "optimaltstd";
	src: url("../fonts/optimaltstd.eot");
	src: url("../fonts/optimaltstd.eot#iefix") format("embedded-opentype"),
	url("../fonts/optimaltstd.woff") format("woff"),
	url("../fonts/optimaltstd.ttf") format("truetype"),
	url("../fonts/optimaltstd.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
		
/****************************************************************/
/* FORMAT RESET */
/****************************************************************/

::-webkit-scrollbar {
    width: 12px;
}
 

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.6); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.7); 
}

html, img, p {
padding: 0;
margin: 0;
font-family:'Myriad', Arial, Helvetica, sans-serif;
border:0;
} 

html, body {
}

body {
margin: 0px 0 0px 0;
padding: 0;
background:#000;
text-align:center;
color:#FFFFFF;
}

img {
border: 0;
}

.clearfix {
clear:both;
}

.left {
float:left;	
}

.right {
float:right;	
}

div, p, img, h1, h2 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.footer-box {
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
}

/****************************************************************/
/* HOME */
/****************************************************************/
#home {
float:left;
width:100%;
margin:0px auto;
}
#logo-home {
margin-top:66px;
  margin-right: 10px;
  margin-left: 10px;
}
#logo-home img {
width:100%;
max-width:484px;
height:auto;
}
#video {
  margin: 0px auto;
  width: 100%;
  max-width: 480px;
  height: 291px;
  margin-top: 33px;
  margin-bottom: 33px;
  background: url(../img/marco.png) no-repeat top left;
}
#video2 {
  margin: 0px auto;
  width: 100%;
  max-width: 431px;
  height: 242px;
  margin-top: 24px;
  margin-left: 24px;
}
div#video3 {
  margin-top: 24px;
  width: 100%;
  float: left;
}
/****************************************************************/
/* HEADER */
/****************************************************************/
#mail {
position:fixed;
top:17px;
right:17px;
z-index:999999;
}
#mail img:hover {
opacity:0.7;
}
#header {
position:fixed;
width:100%;
margin:0px auto;
height:120px;
z-index:99999;
background:url(../img/header-bg.png) repeat-x top left;
}
#header-contenido {
margin:0px auto;
width:100%;
max-width:900px;
}
#header-logo {
float:left;
width:35%;
margin-top:60px;
}
#header-logo img {
float:left;
width:100%;
max-width:307px;
height:auto;
}
#header-menu {
float:left;
width:65%;
min-height:20px;
margin-top:55px;
}
#header-menu ul {
list-style-type:none;
margin-left:-40px;
}
#header-menu ul li {
display:inline;
float:right;
}
#header-menu ul li a {
margin-left:4px;
font-size:13px;
padding:1px 6px 0px 6px;
padding-bottom:0px;
padding-bottom:5px;
text-transform:uppercase;
color:#fff;
text-decoration:none;
font-family: "bankgothic-medium";
background-image: url(../img/menubg1.png), url(../img/menubg3.png), url(../img/menubg2.png);
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left top, right top, center top;
}
#header-menu ul li a:hover {
/*
background-image: url(../img/menubg1.png), url(../img/menubg3.png), url(../img/menubg2.png);
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left top, right top, center top;
background-position: 0 -16px, 0 -16px, 0 -16px;
*/
color:#c5c5c5;
}
/****************************************************************/
/* CONTENIDO */
/****************************************************************/
#contenido {
width:100%;
margin:0px auto;
padding-top:120px;
}
#contenido #centro {
margin:0px auto;
width:100%;
max-width:900px;
}
.seccion {
float:left;
width:100%;
min-height:100%;
margin-bottom:100px;
}
.seccion h1 {
float:left;
width:100%;
text-align:left;
font-family: "oratorstd";
text-transform:uppercase;
font-size:15px;
color:#fff;
}
#scouting-left {
float:left;
width:55%;
text-align:left;
font-family: "oratorstd";
font-size:12px;
}
#scouting-left p, .contacto p {
margin:15px 0px;
text-align:justify;
line-height:20px;
}
#scouting-left p.center {
text-align:center;
}
#scouting-right {
float:left;
width:40%;
margin-left:5%;
text-align:left;
}
#scouting-right h1 {
float:left;
width:100%;
font-family: "oratorstd";
font-size:15px;
margin-bottom:3px;
color:#fff;
text-transform:uppercase;
}
#scouting-right p {
float:left;
width:100%;
font-family: "oratorstd";
font-size:12px;
color:#fff;
}
#scouting-right input[type="text"]{
float:left;
width:96%;
padding:5px 2%;
border:1px solid #A7A9AC;
background:none;
color:#fff;
font-size:12px;
}
#scouting-right select {
float:left;
width:auto;
padding:5px 2%;
border:1px solid #A7A9AC;
background:#000;
color:#fff;
font-size:12px;
}
#scouting-right input[type="file"] {
float:left;
width:auto;
padding:5px 2%;
border:1px solid #A7A9AC;
background:none;
color:#fff;
font-size:12px;
}
#scouting-right input[type="button"]{
float:left;
width:auto;
padding:0px 2% 4px 2%;
border:none;
margin-top:20px;
cursor:pointer;
background:none;
color:#fff;
font-family: "oratorstd";
border-left:1px solid #fff;
border-right:1px solid #fff;
font-size:15px;
}
.contacto {
float:left;
width:100%;
min-height:600px;
text-align:left;
font-size:12px;
}
.contacto a {
text-decoration:none;
color:#fff;
}
.contacto a:hover {
text-decoration:underline;
}

/****************************************************************/
/* FOOTER */
/****************************************************************/

#footer-mobile {
position:fixed;
bottom:0px;
width:100%;
background:#373737;
}
#footer-mobile-contenido {
margin:0px auto;
max-width:1000px;
width:100%;
padding-top:7px;
height:34px;
text-align:center;
}

#footer-mobile img:hover {
opacity:0.5;
} 

#footer {
position:fixed;
bottom:0px;
width:100%;
}
#footer-contenido {
margin:0px auto;
max-width:1000px;
width:100%;
height:35px;
}
.footer-box {
float:left;
width:25%;
background:#f00;
position:relative;
height:369px;
/*
bottom:-332px;
*/
bottom:0px;
margin-bottom:-332px;
z-index:1;
-webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.footer-box:hover {
bottom:332px;
}
.footer-btn {
float:left;
width:100%;
height:35px;
background:#ccc;
cursor:pointer;
border:1px solid #8e8f92;
background:#3a3a3c;
}
.footer-box:hover .footer-btn{
/*
background:#a78896;
*/
}
.footer-btn div {
width:130px;
height:22px;
float:left;
margin:4px 0px 0px 6px;
font-family: "bankgothic-medium";
font-size:15px;
padding:5px 0px 0px 0px;
}

.footer-btn div {
color:#fff;
}

.facebook {
background:url(../img/footer1.png) no-repeat top left;
}
.twitter {
background:url(../img/footer2.png) no-repeat top left;
}
.instagram {
background:url(../img/footer3.png) no-repeat top left;
}
.android {
background:url(../img/footer4.png) no-repeat top left;
}
.youtube {
background:url(../img/footer5.png) no-repeat top left;
}
.tiktok {
background:url(../img/footer6.png) no-repeat top left;
}
.footer-data {
float:left;
width:100%;
height:330px;
background:#fff;
cursor:pointer;
border:1px solid #8e8f92;
}

.footer-box4 {
height:209px;
/*
bottom:-332px;
*/
margin-bottom:-332px;
}
.footer-box4:hover {
height:209px;
/*
bottom:-192px;
*/
bottom:132px;
}
.footer-box4 .footer-data {
padding-top:20px;
height:170px;
}

/****************************************************************/
/* PERFIL */
/****************************************************************/
#perfil {
float:left;
width:100%;
height:100%;
}
#perfil-left {
float:left;
width:50%;
height:100%;
}
#perfil-right {
float:left;
width:49%;
margin-left:1%;
height:100%;
min-height:500px;
}

#perfil-right-interior {
}


#perfil-right-interior {

}

div.cn {
    position: relative;
    width: 100%;
	height: 500px;
}

div.inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



#descripcion {
float:left;
width:50%;
clear:both;
margin-bottom:20px;
}
#datos {
float:left;
width:33%;
}
.perfilfix {
float:left;
width:100%;
height:1px;
}

#perfil-right .footer-btn {
border:none;
background:none;
}
#perfil-right .footer-btn div {
margin:0px auto;
}

#perfil-right h2 {
    text-align: left;
    position: relative;
    padding: 0px;
    margin: 0px 0 10px 0;
	font-family: "oratorstd";
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	text-decoration:underline;
	font-weight:normal;
}
#perfil-right p {
    font-family: "oratorstd";
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
    position: relative;
    padding: 8px 0px;
    text-align: left;
}
#botones {
/*
position:fixed;
bottom:1px;
text-align:left;
width:48%;
*/
float:left;
width:100%;
margin-top:20px;
}
#botones img {
float:left;
width:32%;
margin-right:1%;
height:auto;
}
#botones img {
/*
border:1px solid #ccc;
*/
}
#botones img:hover {
opacity:0.7;
/*
border:1px solid #ed217c;
*/
}

#botones .view {
    width: 24%;
    height: auto;
    margin: 0px;
	margin-right:1%;
    float: left;
	/*
    border: 1px solid #fff;
	*/
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}
#botones .view:hover {
	/*
	border: 1px solid #ed217c;
	*/
}
#botones .view img {
width:100%;
}

#botones .view h2 {
    text-align: center;
    position: relative;
    padding: 0px;
    margin: 35px 0 0 0;
	margin: 50px 0 0 0;
	font-family: "oratorstd";
	font-size: 20px;
	font-size: 16px;
	color: #231F20;
	text-transform: uppercase;
	text-decoration:none;
}


.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
max-height:500px;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
text-align:center;
height: auto;
max-width: 100%;
border: 0;
}

/****************************************************************/
/* MOUSEOVER LISTADOS BLOQUES IMAGENES */
/****************************************************************/

.view {
    width: 19%;
    height: auto;
    margin: 0px;
	margin:0.5%;
    float: left;
    border: 0px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
	width:100%;
	height:125%;
    display: block;
    position: relative;
}
.view .nombre {
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0px;
	font-family: "oratorstd";
	padding:5px 0px;
	font-size: 13px;
	color: #231F20;
	background:url(../img/listadobg.png) repeat top left;
}
#teens .view .nombre {
background:url(../img/listadobgteens.png) repeat top left;
color: #fff;
}
.view h2 {
    text-align: center;
    position: relative;
    padding: 0px;
    margin: 12px 0 0 0;
	font-family: "oratorstd";
	font-size: 13px;
	color: #231F20;
	text-transform: uppercase;
	text-decoration:underline;
}
.view p {
    font-family: "oratorstd";
	font-size: 13px;
	color: #231F20;
	text-transform: uppercase;
    position: relative;
    padding: 8px 0px;
    text-align: center
}
.view a.btn {
    display: inline-block;
	text-indent:-9999px;
	width:31px;
	height:30px;
	margin:0px 3px;
}
.view a.btn:hover {
}
.view a.btn1 { background:url(../img/btn1.png) no-repeat top left; }
.view a.btn2 { background:url(../img/btn2.png) no-repeat top left; }
.view a.btn3 { background:url(../img/btn3.png) no-repeat top left; }
.view a.btn4 { background:url(../img/btn4.png) no-repeat top left; }

.view a.btn1:hover, .view a.btn2:hover, .view a.btn3:hover, .view a.btn4:hover {

}


.view a.btn1:hover { background:url(../img/btn1.png) no-repeat top left; background-position: 0 -30px; }
.view a.btn2:hover { background:url(../img/btn2.png) no-repeat top left; background-position: 0 -30px; }
.view a.btn3:hover { background:url(../img/btn3.png) no-repeat top left; background-position: 0 -30px; }
.view a.btn4:hover { background:url(../img/btn4.png) no-repeat top left; background-position: 0 -30px; }


.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
	background:url(../img/listadobg.png) repeat top left;
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
	transition: all 0.2s ease-in-out;
}
.view-first:hover img { 
	transform: scale(1.4);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}
.view-first:hover .nombre {
display:none;
}




a.perfil-mobile {
display:none;
color:#fff;
float:left;
font-size:13px;
font-family: "oratorstd";
border:1px solid #fff;
border-radius:5px;
background:#111111;
padding:2px 5px;
margin-right:10px;
text-decoration:none;
}

a.perfil-mobile:hover {
background:#444;
}

#cv {
    float: left;
    text-align: left;
    width: 96%;
	padding-right:4%;
    max-height: 500px;
    overflow: hidden;
    overflow-y: scroll;
	font-size:13px;
}

#cv a {
font-size:13px;
color:#fff;
}

#cv a:hover{
text-decoration:none;
}