/* ==== PARALLAX ==== */

.parallaxcontainer img {
  display: block;
  width: 100%;
}

.parallaxcontainer {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 0;
}

.fintree {
	background-color: white;
	width: 20px;
	height: 20px;
}

/* ==== BOXREC TREE ==== */
#profile_tree .entraderecha{
  -vendor-animation-duration: 4s;
  -vendor-animation-iteration-count: 1;
}
#profile_tree .entraizq{
  -vendor-animation-duration: 4s;
  -vendor-animation-iteration-count: 1;
}
/* Required */

.escondido{
	opacity: 0;
}

.visible{
	opacity: 1;
}

#profile_tree{
	margin-top:5px;
	margin-bottom:60px;
}
#profile_tree .item{
	width:50%;
	text-align:right;
	font-size:15px;
	margin-top:-7%;
}
#profile_tree .item.alt{
	margin-left:50%;
	text-align:left;
	margin-top:-7%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:5%;
}
#profile_tree .item p:first-child{
	margin:0;
}
#profile_tree .item .text{
	width:67%;
	float:left;
	font-family:'Oswald',sans-serif;font-weight:400;font-style:normal;
	color:#8ba5b8;
}
#profile_tree .item .text h3{
	font-weight:normal;
	font-size: 15px;
	text-transform:uppercase;
}
#profile_tree .item .text .white{
	color:#fff;
}
#profile_tree .item .text p{
	color:#ffffff;
	font-weight:lighter;
	font-size: 15px;
	margin-bottom: 2px;
}

#profile_tree .item .text p.txtbig {
	font-size: 17px;
}
.verde {
	font-weight:bold;
	color: #0EAC50;
}
.blanco {
	font-weight: bold;
	color: white;
}
.rojo {
	font-weight:bold;
	color: #ED1C24;
}

#profile_tree .panel{
	padding:0px 25px;
	position:relative;
	background:transparent;
}
#profile_tree .thumb{
	width:33%;
}
#profile_tree .thumb img{
	max-width:100%;
	margin-top: 50%;
	height: 2.5px;
}
#profile_tree .hasThumb .thumb{
	float:right;
}
#profile_tree .hasThumb .text{
	float:left;
	width:63%;
}
#profile_tree .hasThumb .content:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#profile_tree .node{
	/*width:44px;
	height:24px;
	position:absolute;
	top:30px;
	right:-13px;*/
}
#profile_tree .alt .hasThumb .thumb{
	float:left;
}
#profile_tree .alt .hasThumb .text{
	float:right;
}
#profile_tree .alt .node{
/*left:-12px;*/
}

/* ==== MEDIA QUERIES ==== */

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
body {
	background: black url(../img/768/fondo-blanco.png) no-repeat center fixed;
}
.fondo1 {
	background: url(../img/768/base.png) center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/768/letreros.png) center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:20%;
}
#profile_tree .hasThumb .text{
	width:75%;
}
#profile_tree .item{
	font-size: 20px;
	margin-top:-4%;
}
#profile_tree .item.alt{
	margin-top:-4%;
}
#profile_tree .thumb img{
	margin-top: 20%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:10%;
}
#profile_tree .item .text p{
	font-size: 10px;
	margin-bottom: 0px;
}
#profile_tree .panel{
	padding:0px 5px;
	position:relative;
	background:transparent;
}
#profile_tree .item .text p.txtbig {
	font-size: 12px;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
body {
	background: black url(../img/768/fondo-blanco.png) no-repeat center fixed;
}
.fondo1 {
	background: url(../img/768/base.png) center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/768/letreros.png) center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:20%;
}
#profile_tree .hasThumb .text{
	width:75%;
}
#profile_tree .item{
	font-size: 20px;
	margin-top:-4%;
}
#profile_tree .item.alt{
	margin-top:-4%;
}
#profile_tree .thumb img{
	margin-top: 20%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:3%;
}
#profile_tree .item .text p{
	font-size: 10px;
	margin-bottom: 0px;
}
#profile_tree .panel{
	padding:0px 5px;
	position:relative;
	background:transparent;
}
#profile_tree .item .text p.txtbig {
	font-size: 12px;
}
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
body {
	background: black url(../img/768/fondo-blanco.png) no-repeat center fixed;
}
.fondo1 {
	background: url(../img/768/base.png) center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/768/letreros.png) center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:16%;
}
#profile_tree .hasThumb .text{
	width:82%;
}
#profile_tree .item{
	font-size: 20px;
	margin-top:-2%;
}
#profile_tree .item.alt{
	margin-top:-2%;
}
#profile_tree .thumb img{
	margin-top: 20%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:3%;
}
#profile_tree .item .text p{
	font-size: 12px;
	margin-bottom: 0px;
}
#profile_tree .panel{
	padding:0px 5px;
	position:relative;
	background:transparent;
}
#profile_tree .item .text p.txtbig {
	font-size: 14px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
body {
	background: black url(../img/1024/fondo-blanco.png) no-repeat center fixed;
	background-size: 100% auto;
}
.fondo1 {
	background: url(../img/1024/base.png) center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/1024/letreros.png) center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:16%;
}
#profile_tree .hasThumb .text{
	width:82%;
}
#profile_tree .item{
	font-size: 20px;
	margin-top:-1%;
}
#profile_tree .item.alt{
	margin-top:-1%;
}
#profile_tree .thumb img{
	margin-top: 21%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:4%;
}
#profile_tree .item .text p{
	font-size: 13px;
	margin-bottom: 0px;
}
#profile_tree .panel{
	padding:0px 5px;
	position:relative;
	background:transparent;
}
#profile_tree .item .text p.txtbig {
	font-size: 15px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
body {
	background: black url(../img/1280/fondo-blanco.png) no-repeat center fixed;
}
.fondo1 {
	background: url(../img/1280/base.png) center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/1280/letreros.png) center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:12%;
}
#profile_tree .hasThumb .text{
	width:86%;
}
#profile_tree .item{
	font-size: 20px;
	margin-top:-1%;
}
#profile_tree .item.alt{
	margin-top:-1%;
}
#profile_tree .thumb img{
	margin-top: 20%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:1.5%;
}
#profile_tree .item .text p{
	font-size: 16px;
}
#profile_tree .item .text p.txtbig {
	font-size: 18px;
}

}

/* Custom */
@media only screen and (min-width : 1440px) {
body {
	background: black url(../img/1920/fondo-blanco.png) no-repeat center fixed;
}
.fondo1 {
	background: url(../img/1920/base.png) no-repeat center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/1920/letreros.png) no-repeat center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:25%;
}
#profile_tree .hasThumb .text{
	float:left;
	width:75%;
}
#profile_tree .item{
	font-size:1.3em;
	margin-top:-3%;
}
#profile_tree .item.alt{
	margin-top:-3%;
}
#profile_tree .thumb img{
	margin-top: 30%;
}
}

/* Custom */
@media only screen and (min-width : 1800px) {
body {
	background: black url(../img/1024@x2/fondo-blanco.png) center fixed;
}
.fondo1 {
	background: url(../img/1024@x2/base.png) center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/1024@x2/letreros.png) center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:17%;
}
#profile_tree .hasThumb .text{
	width:83%;
}
#profile_tree .item{
	font-size: 20px;
	margin-top:-3.5%;
}
#profile_tree .item.alt{
	margin-top:-3.5%;
}
#profile_tree .thumb img{
	margin-top: 20%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:1.5%;
}
#profile_tree .item .text p{
	font-size: 17px;
}
#profile_tree .item .text p.txtbig {
	font-size: 19px;
}
}

/* Custom */
@media only screen and (min-width : 2300px) {
body {
	background: black url(../img/1280@x2/fondo-blanco.png) center fixed;
}
.fondo1 {
	background: url(../img/1280@x2/base.png) center top; z-index: -100;
	background-size: 100% auto;
}
.fondo2 {
	background: url(../img/1280@x2/letreros.png) center top; z-index: -99;
	background-size: 100% auto;
}
#profile_tree .thumb{
	width:17%;
}
#profile_tree .hasThumb .text{
	width:83%;
}
#profile_tree .item{
	font-size: 20px;
	margin-top:-1%;
}
#profile_tree .item.alt{
	margin-top:-1%;
}
#profile_tree .thumb img{
	margin-top: 20%;
}
#profile_tree .item.alt:first-child{
	margin-left:50%;
	text-align:left;
	margin-top:3%;
}
#profile_tree .item .text p{
	font-size: 18px;
}
#profile_tree .item .text p.txtbig {
	font-size: 20px;
}
}

	