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

#ic_signupform .elcontainer {
   background: #ffffff;
   text-align: left;
   max-width: 320px;
   padding: 30px 30px;
   border-radius: 10px;
   border: 0px solid #acacac;
   font-size: 12px;
   color: #7d8288;
   font-family: lucida grande;
}

#ic_signupform .elcontainer.center-aligned .formEl { 
	margin-right: auto;
	margin-left: auto; 
}

#ic_signupform .elcontainer.right-aligned .formEl { 
	margin-left: auto; 
}

#ic_signupform .form-header {
   
   background: #ffffff;
   margin-top: -30px;
   margin-left: -30px;
   margin-right: -30px;
   margin-bottom: 30px; /* using padding on purpose */
   padding-top: 20px;
   padding-right: 30px;
   padding-bottom: 20px;
   padding-left: 30px;
   border-radius: calc(10px - 0px) calc(10px - 0px) 0 0;
   text-align: center;
   font-size: 150%;
   color: #223345;
   border-bottom: 2px solid #e7e7e7;
}

#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-input label,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-input label,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 {
   width: 30%;
}
	   
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 {
   line-height: 3em; 
}

#ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-checkbox h3 {
   line-height: 2em; 
}

#ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-checkbox h3 {
   line-height: 4em; 
}

#ic_signupform .elcontainer.inline-label-left .formEl input[type="text"],
#ic_signupform .elcontainer.inline-label-left .formEl select,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio .option-container,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox .option-container,
#ic_signupform .elcontainer.inline-label-right .formEl input[type="text"],
#ic_signupform .elcontainer.inline-label-right .formEl select,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio .option-container,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox .option-container {
   width: 70%;
   
}

.option-container {
	float; left;	
}

#ic_signupform .elcontainer.hidden-label .formEl.required:before {
   color: #797d80;
}
	   
#ic_signupform .elcontainer .formEl {
   font-size: 1em;
}

#ic_signupform .elcontainer .formEl.fieldtype-input label,
#ic_signupform .elcontainer .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer .formEl.fieldtype-checkbox h3 {
   font-size: 100%;
   font-weight: bold;
   color: #223345;
}

#ic_signupform .elcontainer .formEl.fieldtype-input input[type="text"],
#ic_signupform .elcontainer .formEl.fieldtype-dropdown select {
   background-color: #f5f5f5;
   border: 2px solid #e7e7e7;
   border-radius: 3px;
}
	   
#ic_signupform .elcontainer .formEl.fieldtype-input input[type="text"],
#ic_signupform .elcontainer .formEl.fieldtype-dropdown select,
#ic_signupform .elcontainer .formEl.fieldtype-radio label,
#ic_signupform .elcontainer .formEl.fieldtype-checkbox label {
   font-size: 100%;
   margin-left: 5px;
}

#ic_signupform .elcontainer .formEl input[type="text"]::-moz-placeholder {
   color: #797d80;
   font-family: inherit;
}

#ic_signupform .elcontainer .formEl input[type="text"]::-webkit-input-placeholder {
   color: #797d80;
   font-family: inherit;
}

#ic_signupform .elcontainer .formEl input[type="text"]:-ms-input-placeholder {
   color: #797d80;
   font-family: inherit;
}

#ic_signupform .elcontainer .formEl input[type="text"],
#ic_signupform .elcontainer .formEl select,
#ic_signupform .elcontainer .formEl .option-container label {
   color: #797d80;
   font-family: inherit;
}
	   
#ic_signupform .elcontainer.inline-button .submit-container {
	display: inline-block;
	box-sizing: border-box;
	right: -.5em;
	padding: 0 1em 0 0;
	position: relative;
	vertical-align: bottom;
	margin-bottom: 1em;
}
	
#ic_signupform .elcontainer.inline-button.tight .sortables {
	margin-bottom: -.5em;
}
	
#ic_signupform .elcontainer.inline-button .sortables {
	margin-bottom: -1em;
}
	
#ic_signupform .elcontainer.inline-button.generous .sortables {
	margin-bottom: -1.5em;
}

#ic_signupform .elcontainer .submit-container {
   text-align: center;
}

#ic_signupform .elcontainer .submit-container input[type="submit"] {
   background: #a0cecb;
   border: 0px solid #e7ce4d;
   border-radius: 3px;
   line-height: 1em;
   padding: 18px 50px;
   color: #ffffff;
   font-size: 100%;
   font-family: Arial, Helvetica, sans-serif;;
   width: auto;
}

html {
	margin: 0;
	padding: 0;
	}
	

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.25;
	color: #000000; 
	margin: 0; 
	padding: 0;
	background-color: transparent;
	
	}

img{
	max-width: 100%;
	height: auto;	
}
	.bottomfixed {
		max-width:100%;
		position: relative;
		bottom: 0px;
		right: 0px;
	}
#container { 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	background-image: url('../img/background-sm2.png');
	background-size:100%;
	background-repeat:no-repeat;
	background-color:transparent;
	position: relative;
	border: 1px solid #cccccc;
	
	}
	
		
h1, h2, h3, h4
{
    font-family: Arial, Helvetica, Sans-Serif;
}

h1
{
    
	font-weight: bold;
    text-align: left;
	margin-top: 10px;
	padding-left: 0px;
	font-size: 20px;
	color: #000000;
	line-height: 50px;
	text-transform:uppercase;
}
h1.guiapolo{
	text-transform:none;
	font-size: 25px;	
}

h1.player{
	font-weight: bold;
    text-align: left;
	margin-top: 10px;
	padding-left: 0px;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	text-transform:uppercase;
}
h2
{
    font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
	color: #568bc6;
}
h2.grn{
	color: #224341;
}
h3 {
	font-size:14px;
	color: #53859b;
	margin-bottom: 5px;
	}

h4 {
	font-size:16px;
	color: #817f73;
}

#content_container{
	width:80%;	
	margin-right: auto;
	margin-left: auto;
}
#supportingText-es{
	width: 100%;
}
#signUpForm {
	
	background: #FFF;
	max-width: 320px;
	margin: 0px; 5px; 0px; 15px;
	margin-left: 5%;
    border: 1px solid #cccccc;
	border-radius: 10px;
	clear:both;
}
#supportingText-en{
	display: none;
	width: 75%;	
}
#supportingText-es-home{
 	float:left;
	width: 100%;
}
#supportingText-es-100{
	width: 95%;
}
#supportingText-en-home{
	display: none;
	float:left;
	width: 100%;
}
#supportingText-en-100{
	display: none;
	width: 95%;	
}
a:link{
	color: #224341;	
}
a:hover{
	color: #991b1a;
}


#rt-content-box {
	position: relative;
	background: #FFF;
	margin: 0px; 5px; 0px; 15px;
	margin-left: 5%;
     border: 1px solid #cccccc;
	 border-radius: 10px;
	 padding: 5px 20px 5px 20px;
	 /*overflow-y:scroll;*/
	 top:auto;
	 
	 
}
#rt-content-box2 {
	position: relative;
	background: #FFF;
	width: 320px;
	float: right;
	margin: 0px; 5px; 0px; 15px;
	margin-left: 5%;
     border: 1px solid #cccccc;
	 border-radius: 10px;
	 padding: 5px 20px 5px 20px;
	 
	 /*overflow-y:scroll;*/
	 top:auto;
	 
	 
}
#rt-content-box-10gol {
	position: relative;
	background: #FFF;
	margin: 0px; 5px; 0px; 15px;
	margin-left: 5%;
     border: 1px solid #cccccc;
	 border-radius: 10px;
	 padding: 5px 20px 5px 20px;

	 /*overflow-y:scroll;*/
	 top:auto;
	 
	 
}
#rt-content-box-video {
	position: relative;
	background: #FFF;
	width: 570px;
	float: right;
	margin: 0px; 5px; 0px; 15px;
	margin-left: 5%;
     border: 1px solid #cccccc;
	 border-radius: 10px;
	 padding: 5px 20px 5px 20px;
	 
	 /*overflow-y:scroll;*/
	 top:auto;
	 
	 
}

.playerBox{

}
.playerImg{

}
.playerText{
	padding-left:15px;	
}
.playerPhotoCredit{
	font-size: smaller;	
	padding-left:15px;
}
.playerPhotoCredit2{
	font-size: smaller;
}
.playerBox-imgsolo{
	
}
.playerThumbnail{
	margin:10px;	
}
hr.player-bar{
	width:50%;
	margin-top:-10px;
	padding-top:0px;
	color: #cccccc;	
}

/* Equipo pages */
#equipo-content-box {
	
	 
}
#equipo-content-box-rt {
	
	 
	 
}
/*Galleria*/
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:95%;}
            

/* This rule is read by Galleria to define the gallery height: */
#galleria{height:320px}
			
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 20px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
	border-radius: 10px;
    width: 35%;
	min-width:200px;

}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#subnav-en{
	display: none;
}
#subnav-en, #subnav-es{
	
	line-height: 15px;
	width:100%;
}

#subnav-en ul, #subnav-es ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color:#333;
}

#subnav-en li, #subnav-es li{
	
}

#subnav-en li a, #subnav-es li a{
	display: block;
	color:#999;
	text-align:center;
	padding: 10px 16px;
	text-decoration:none;	
}
#subnav-en .dropbtn, #subnav-en .dropbtn{
	display: block;
	color:#999;
	text-align:center;
	padding: 10px 16px;
	text-decoration:none;	
}
#subnav-en li a:hover, #subnav-en .dropdown:hover .dropbtn, #subnav-es li a:hover, #subnav-es .dropdown:hover .dropbtn{
	background-color:#111;	
}
#subnav-en .active, #subnav-es .active {
	background-color:#111;
	text-align:center;
}

#subnav-en li.dropdown, #subnav-es li.dropdown{
	text-align:center;	
}
#subnav-en .dropdown-content, #subnav-es .dropdown-content{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:1;	
}
#subnav-en .dropdown-content a, #subnav-es .dropdown-content a {
	color: #000000;
	padding: 12px 16px;
	text-decoration:none;
	display: block;
	text-align: left;	
}
#subnav-en .dropdown-content .active, #subnav-es .dropdown-content .active {
	color: #666666;	
	background-color: #f9f9f9;
}
#subnav-en .dropdown-content a:hover, #subnav-es .dropdown-content a:hover{
	background-color:#f1f1f1;
}

#subnav-en .dropdown:hover .dropdown-content, #subnav-es .dropdown:hover .dropdown-content{
	display: block;	
}
#winners{
	/*border:1px solid red;*/
	
}

.hidden{
	display: none;	
}