/**********************************************************************************************************/
/*                                              General                                                   */
/**********************************************************************************************************/

.last_collab_tmp{}
.best_collab_tmp{}

.last_collab_lap{}
.best_collab_lap{}

.last_collab_mov{}
.best_collab_mov{}

.css_res_ini_ok   { height:2%;}
.css_res_ini_dest { height:98%;}
.css_res_ini_img  { height:20%;}
.css_res_ini_desc { height:80%;}

.class_height_row_ini { height:25px;}

.class_space_ini { height:8px; }

* {box-sizing:border-box;}

/* Body */

body { margin: 0; padding-left: 0.5%; padding-right: 0.5%; }

/*body { margin: 0; padding-left: 0; padding-right: 0; }*/

.loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9990;
    background: url('../img/loading.gif') 50% 50% no-repeat rgb(70,70,70);
}

.loader2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9990;
    background: url('../img/intro.gif') 50% 40% no-repeat rgb(49,153,218);
}


/**********************************************************************************************************/
/*                                          General Structure                                             */
/**********************************************************************************************************/
.css_no_label { color:red; opacity: 0; }
.css_user_zone_banner { padding-left:2%; padding-right:2%; padding-bottom:2%; padding-top:0px; }
.css_user_zone_info   { padding-left:2%; padding-right:2%; padding-bottom:0%; padding-top:0px; }

/* General css for gerenal tables */

.div_table { display: table; width:100%; }
.div_row  { display: table-row; width:100%; }
.div_cell_align_t { display: table-cell; vertical-align:top; }
.div_cell_align_m { display: table-cell; vertical-align:middle; height: auto; padding: 0px; }
.div_cell_align_b { display: table-cell; vertical-align:bottom; height: auto; padding: 0px; }

.div_cell_align_t_sha { display: table-cell; 
                        vertical-align:top; 
                        /*-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.68);
                        -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.68);
                        box-shadow: 1px -1px 3px 0px rgba(0,0,0,0.68);*/
        	      }

.div_cell_align_m_sha_1 { display: table-cell; 
                          vertical-align:middle; 
                          height: auto; 
                          padding: 5px; 
                          /*-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                          -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);*/
                          box-shadow: inset 0px 0px 5px 1px rgba(224,97,24,0.4);
                          /*box-shadow: inset 0px 0px 5px 1px rgba(62,62,68,0.2);*/
                        }


.div_cell_align_m_sha_1_2 { display: table-cell; 
                          vertical-align:middle; 
                          background-color: green;
                          height: auto; 
                          padding: 5px; 
                          /*-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                          -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);*/
                          box-shadow: inset 0px 0px 5px 1px rgba(224,97,24,0.4);
                          /*box-shadow: inset 0px 0px 5px 1px rgba(62,62,68,0.2);*/
                        }


.div_info_gen_t1 { width: 100%;
                   background-color:#F17443;
                 }

.div_info_gen_t2 { width: 100%;
                   background-color:#F17443;
                   -webkit-animation: glow_1 linear 1s; 
                   animation: glow_1 linear 1s;
                 }

.div_info_gen_t3 { width: 100%;
                   background-color:#F17443;
                   -webkit-animation: glow_2 linear 1s; 
                   animation: glow_2 linear 1s;
                 }

@-webkit-keyframes glow_1 { 
    0% { background-color:#FBD030; }
    50% { background-color:#FBD030; }
    75% { background-color:#FBD030; }
    100% { background-color:#F17443; } 

} 
@keyframes glow_1 { 
    0% { background-color:#FBD030; }
    50% { background-color:#FBD030; }
    75% { background-color:#FBD030; }
    100% { background-color:#F17443; } 
}

@-webkit-keyframes glow_2 { 
    0% { background-color:#FBD030; }
    50% { background-color:#FBD030; }
    75% { background-color:#FBD030; }
    100% { background-color:#F17443; } 

} 
@keyframes glow_2 { 
    0% { background-color:#FBD030; }
    50% { background-color:#FBD030; }
    75% { background-color:#FBD030; }
    100% { background-color:#F17443; } 
}


.div_cell_align_m_sha_3 { display: table-cell; 
                          vertical-align:middle; 
                          background-color:#F17443;
                          height: auto; 
                          padding: 5px; 
                          /*-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                          -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);*/
                          box-shadow: inset 0px 0px 5px 1px rgba(224,97,24,0.4);
                          /*box-shadow: inset 0px 0px 5px 1px rgba(62,62,68,0.2);*/
    -webkit-transition: background-color 2000ms linear;
    -ms-transition: background-color 2000ms linear;
    transition: background-color 2000ms linear;
                        }

.div_cell_align_m_sha_11 { display: table-cell; 
                          vertical-align:middle; 
                          height: auto; 
                          padding: 5px; 
                          /*-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                          -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);*/
                          box-shadow: inset 0px 0px 5px 1px rgba(224,97,24,0.4);
                          /*box-shadow: inset 0px 0px 5px 1px rgba(62,62,68,0.2);*/
                        }

.div_cell_align_m_sha_2 { display: table-cell; 
                          vertical-align:middle; 
                          height: auto; 
                          padding: 5px;
                          /*-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                          -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);*/
                          /*box-shadow: inset 0px 0px 30px 1px rgba(240,85,27,0.2);*/
                          /*box-shadow: inset 0px 0px 5px 1px rgba(62,62,68,0.1);*/
                          box-shadow: inset 0px 0px 5px 1px rgba(224,97,24,0.4);
                        }

.div_cell_align_m_sha_3 { display: table-cell; 
                          vertical-align:middle; 
                          height: auto; 
                          padding: 0px 0px 2px 0px;
                          /*-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                          -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);
                          /*box-shadow: inset 0px 0px 5px 1px rgba(68,68,68,0.1);*/
                          box-shadow: inset 0px 0px 5px 1px rgba(240,84,0,0.3);
                        }

.div_cell_align_m_sha_4 { display: table-cell; 
                          vertical-align:middle; 
                          height: auto; 
                          padding: 0px;
                          border: 0px;
                          padding: 0px 0px 100px 0px;
                          /*-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                          -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);
                          box-shadow: inset 0px 0px 30px 1px rgba(240,85,27,0.6);*/
                          /*box-shadow: inset 0px 0px 5px 1px rgba(240,85,27,0.3);*/
                        }

/* general styles. Put here for not disturb JQuery executions */

#div_res_col{ display:inline-block; position:relative; width:20%; background:#ecf0f1; margin:0px; padding:0px; vertical-align:top; overflow-y:auto; overflow-x:hidden; font-size:14px; }
#div_destinations_gen{ position:relative; width:100%; overflow-y:auto; height: 20px; }

/* css for scroll */

.scroll-pane { width:100%; overflow-y:auto; }

/* tooltip for all categories */

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #1F6CA0;
  color: #fff;
  border-radius: 6px;
  padding: 30%;
  left:50%;
  top:90%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}



/* Div container collaborators image */

.css_div_con_image{ display:inline-block;
                     width:25%;
                     font-size:14px; 
                     padding:0.5%; 
                     vertical-align:top;
                   }

.css_div_con_image2{ width:100%;
                     font-size:14px; 
                     padding:0.5%; 
                     vertical-align:top;
                   }

.css_div_con_image3{ display:inline-block;
                     width:25%;
                     font-size:14px; 
                     padding:0.5%; 
                     vertical-align:top;
                   }

/* css for collaborators image */

.css_image { width:100%;
             height:100%; 
	         border: solid 1px #F2F2F2;
             /*-moz-box-shadow: 1px 1px 5px #999;
             -webkit-box-shadow: 1px 1px 5px #999;
             box-shadow: 0px 0px 1px 1px #F2F2F2;*/
             border-radius:0.2em 0.2em 0.2em 0.2em;
           }

.css_image2 { width:100%; 
             height:100%; 
	         border: solid 1px #D9D9D9;
             /*-moz-box-shadow: 1px 1px 5px #999;
             -webkit-box-shadow: 1px 1px 5px #999;
             box-shadow: 0px 0px 1px 1px #F2F2F2;*/
             border-radius:0.2em 0.2em 0.2em 0.2em;
           }

.css_image3 { width:100%; 
              height:100%; 
	         border: solid 1px #D9D9D9;
             /*-moz-box-shadow: 1px 1px 5px #999;
             -webkit-box-shadow: 1px 1px 5px #999;
             box-shadow: 0px 0px 1px 1px #F2F2F2;*/
             border-radius:0.2em 0.2em 0.2em 0.2em;
           }

/* Search box */

.css_box_search{ width:100%; 
                 padding: 15px; 
                 border-radius: 0.3em 0em 0em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', 'Helvetica', sans-serif; 
                 font-size: 20px; 
               }

.css_box_search3{width:62%; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', 'Helvetica', sans-serif; 
                 font-size: 12px; 
               }

.css_box_search4{width:100%; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', 'Helvetica', sans-serif; 
                 font-size: 12px; 
               }

.css_input_list1{ width:80%; 
                 padding: 15px; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
               }

.css_input_list2{ width:80%; 
                 padding: 7px; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 15px; 
               }

.css_input_list3{ width:100%; 
                 padding: 15px; 
                 border-radius: 0.3em 0em 0em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
               }

.css_input_list4{ width:80%; 
			  padding: 15px; 
			  border-radius: 0.3em 0.3em 0.3em 0.3em; 
			  border-style: solid; 
			  border-width: 1px; 
			  border-color: #ccc; 
			  background-color: #FAFAFA;
			  font-family: 'Quicksand', 'Helvetica', sans-serif; 
			  font-size: 18px; 
            }

.css_input_list5{ width:100%; 
                 padding: 15px; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
               }

.css_input_list6{ width:80%; 
                 padding: 7px; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 15px; 
               }

.css_input_list7{ width:100%; 
                 padding: 15px; 
                 border-radius: 0.3em 0em 0em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
               }

.css_input_list8{ width:100%; 
                 padding: 15px; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
               }

.css_input_list9{ width:100%; 
                 padding: 15px; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
               }

.css_input_list10{ width:100%; 
                 padding: 15px; 
                 border-radius: 0.3em 0em 0em 0em; 
                 border-style: solid; 
                 border-width: 1px 1px 1px 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
				 outline: none;
               }

.css_input_list11{ width:100%; 
                 padding: 15px; 
                 border-radius: 0em 0em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 0px 1px 1px 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 18px; 
               }

.css_input_list12{ width:100%; 
                 padding: 7px; 
                 border-radius: 0.3em 0.3em 0.3em 0.3em; 
                 border-style: solid; 
                 border-width: 1px; 
                 border-color: #ccc; 
                 font-family: 'Quicksand', sans-serif; 
                 font-size: 15px; 
               }

.css_input_list1x{ width:40%; }

/* Mobile Menú */

.css_div_menu { position:absolute; left:0px; top:0px; width:50%; display:none; }

.css_menu_1{
               padding:3%;
               /*background: #3E3E3E;*/
               background: #6C6C73;
               font-family: 'Quicksand', sans-serif;
               font-size: 22px;
               color: white;
               margin:0px;
               border-bottom: 1px solid #67676B;
               /*text-shadow: 1px 1px #1A1A1A;*/
            }

.css_menu_2{
               padding:3%;
               /*background: #343434;*/
               background: #7A7A80;
               font-family: 'Quicksand', sans-serif;
               font-size: 22px;
               /*color: #7F7F7F;*/
               color: #D3D3D6;
               margin:0px;
               /*border-bottom: 1px solid #2D2D2D;*/
               /*border-bottom: 1px solid #75757B;*/
               border-bottom: 1px solid #74747A;
               /*text-shadow: 1px 1px #1A1A1A;*/
             }

/**********************************************************************************************************/
/*                                                 CheckBox                                               */
/**********************************************************************************************************/

/* css for checkbox */

input[type=checkbox] {
	visibility: hidden;
}



/* SQUARED THREE */
.squaredThree {
	width: 70%;	
	 margin: 0 auto; 
	position: relative;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}




/* SQUARED THREE */
.squaredThree2 {
	width: 5%;	
	 margin: 0 auto; 
	position: relative;
}

.squaredThree2 label {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree2 label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree2 label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree2 input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}



/**********************************************************************************************************/
/*                                                 Effects                                                */
/**********************************************************************************************************/

/* Destination Selected  */

.css_destination_1 {
	padding:1%;
	border: 1px solid #ccc;
	background:#ecf0f1;
	border-radius:0.2em;
	}


.css_destination_2 {
	padding:1%;
	border: 1px solid #F95700;
	background:#FF6E1F;
	border-radius:0.2em;
	}

.css_categories_1_m {
	padding:2%;
	border: 1px solid #ccc;
	background:#ecf0f1;
	border-radius:0.2em;
	}

.css_categories_2_m {
	padding:2%;
	border: 1px solid #F95700;
	background:#FF6E1F;
	border-radius:0.2em;
	}

/* Border */

.css_round_border{ border-radius:1em; }
.css_round_border2{ border-radius:0.2em; }
.css_round_border3{ border-radius:0.1em; }

.css_round_div_u { border-radius:2em 2em 0em 0em; }
.css_round_div_d { border-radius:0em 0em 2em 2em; }

/* Shadows for divs, internal and external */

.css_shadow_int_1{ -webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                   -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);
                   box-shadow: inset 0px 0px 40px 2px rgba(221,78,0,0.7);
                 }

.css_shadow_int_2{ -webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.08);
                   -moz-box-shadow: inset 0px 0px 30px 5px rgba(0,0,0,0.08);
                   box-shadow: inset 0px 0px 20px 3px rgba(30,94,136,0.8);
                 }

.css_shadow_ext_bottom_1{ -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                          -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                          box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
                        }


.css_shadow_ext_1{ -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                   -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                   box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
                   border-radius:0.2em;
                 }

.css_shadow_ext_tot_1{ -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.68);
                       -moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.68);
                       box-shadow: 0px 0px 2px 2px rgba(232, 236, 239, 1);
                       border-radius:0.2em;
                     }

/* Zoom al pasar botón por imagen */

.mg-image img {
                -webkit-transition: all 0.5s ease; /* Safari and Chrome */
                -moz-transition: all 0.5s ease; /* Firefox */
                -o-transition: all 0.5s ease; /* IE 9 */
                -ms-transition: all 0.5s ease; /* Opera */
                transition: all 0.5s ease;
                    max-width: 100%;
              }

.mg-image:hover img {
                -webkit-transform:scale(1.75); /* Safari and Chrome */
                -moz-transform:scale(1.75); /* Firefox */
                -ms-transform:scale(1.75); /* IE 9 */
                -o-transform:scale(1.75); /* Opera */
                 transform:scale(1.75);
             }

/* Capa con transparencia */

.css_transparency{
                    position:absolute; 
                    left:0px; 
                    top:0px; 
                    width:100%; 
                    background:white;
                    /*background:#ccc;*/
                    -khtml-opacity:.50; 
                    -moz-opacity:.50; 
                    -ms-filter:”alpha(opacity=50)”;
                    filter:alpha(opacity=50);
                    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
                    opacity:.50;
                }
/*
.css_links_nz { width:1.5%; }
.css_links_cz { width:1.5%; }
.css_links_mz { width:2%; }
*/

.css_links_nz { font-size:25px; }


/* for keeping size using padding */

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/**********************************************************************************************************/
/*                                        Modal - Destination Tab                                         */
/**********************************************************************************************************/

.css_modal_parent{
	               position:fixed;
	               width:100%;
	               height:100%; 
	               left:0%; 
	               top:0%; 
	               background-color: #000;
	               opacity:0.26;
	               z-index:99;
                 }

.css_modal_content1{
	                 position:fixed; 
	                 width:90%; 
	                 height:90%; 
	                 left:5%; 
	                 top:5%;
	                 padding: 2%;
	                 background:#ecf0f1;
	                 border-radius:0.2em;
	                -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                     box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
	                 opacity:1.0;
	                 z-index:100;
	               }

.css_modal_content1_2{
	                 position:fixed; 
	                 width:65%; 
	                 height:80%; 
	                 left:12%; 
	                 top:9%;
	                 padding: 2%;
	                 background:#ecf0f1;
	                 border-radius:0.2em;
	                -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                     box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
	                 opacity:1.0;
	                 z-index:100;
	               }


.css_modal_content1_3{
	                 position:fixed; 
	                 width:45%; 
	                 height:40%; 
	                 left:22%; 
	                 top:23%;
	                 padding: 2%;
	                 background:#ecf0f1;
	                 border-radius:0.2em;
	                -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                     box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
	                 opacity:1.0;
	                 z-index:100;
	               }
	               
.css_modal_content2{
	                 position:fixed;
					 width:25%;
	                 padding: 2%;
	                 background:#ecf0f1;
	                 border-radius:0.2em;
	                -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                     box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
	                 opacity:1.0;
	                 z-index:100;
	               }

.css_modal_content3{
	                 position:fixed; 
	                 width:90%; 
	                 height:96%; 
	                 left:5%; 
	                 top:2%;
	                 padding: 2%;
	                 background:#ecf0f1;
	                 border-radius:0.2em;
	                -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                     box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
	                 opacity:1.0;
	                 z-index:100;
	               }

/**********************************************************************************************************/
/*                                      Modal - Det Payments                                              */
/**********************************************************************************************************/

.css_modal_det{
                position:fixed;
                width:100%;
                height:100%; 
                left:0%; 
                top:0%; 
                background-color: #000;
                opacity:0.26;
                z-index:99;
                }

.css_modal_det1{
                    position:fixed; 
                    width:90%; 
                    //height:90%; 
                    left:5%; 
                    top:40%;
                    padding: 2%;
                    background:#ecf0f1;
                    border-radius:0.2em;
                    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
                    opacity:1.0;
                    z-index:100;
                }

/**********************************************************************************************************/
/*                                            Modal - Login                                               */
/**********************************************************************************************************/

.css_modal_parent_log{
	               position:fixed;
	               width:34%;
	               height:64%; 
	               left:0%; 
	               top:0%; 
	               background-color: #000;
	               opacity:0.26;
	               z-index:99;
                 }

.css_modal_content1_log{
	                 position:fixed; 
                     width:24%; 
	                 height:54%; 
	                 left:33%; 
	                 top:18%;
	                 padding: 2%;
	                 background:#ecf0f1;
	                 border-radius:0.2em;
	                -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.68);
                     box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.7);
	                 opacity:1.0;
	                 z-index:100;
	               }

/**********************************************************************************************************/
/*                                            	Cells                                               	  */
/**********************************************************************************************************/

/* Color without border */

.css_background_gray { background-color: #ecf0f1; }
.css_background_orange { background-color: #F17443; }

/* Without color, whith border */

.cell_line_all_up { border: 1px solid #ccc; }
.cell_line_all { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0px; }
.cell_line_all2 { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0px; }

.cell_line_left_up { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 0px; border-top: 1px solid #ccc; }
.cell_line_right_up { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0px; border-top: 1px solid #ccc; }

.cell_line_left { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 0px; border-top: 0px; }
.cell_line_right { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0px; border-top: 0px; }
.cell_line_left2 { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 0px; border-top: 0px; }

/* Whith color, whith border : Gray */

.cell_line_all_up_gray { border: 1px solid #ccc; background-color: #ecf0f1; }
.cell_line_all_gray { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0px; background-color: #ecf0f1; }

.cell_line_left_up_gray{ border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 0px; border-top: 1px solid #ccc; background-color: #ecf0f1; }
.cell_line_right_up_gray { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0px; border-top: 1px solid #ccc; background-color: #ecf0f1; }

.cell_line_left_gray { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 0px; border-top: 0px; background-color: #ecf0f1; }
.cell_line_right_gray { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0px; border-top: 0px; background-color: #ecf0f1; }

/* Whith color, whith border : Orange */

.cell_line_all_up_orange { border: 1px solid #F46200; background-color: #F17443; }
.cell_line_all_orange { border-left: 1px solid #F46200; border-bottom: 1px solid #F46200; border-right: 1px solid #F46200; border-top: 0px; background-color: #F17443; }

.cell_line_left_up_orange{ border-left: 1px solid #F46200; border-bottom: 1px solid #F46200; border-right: 0px; border-top: 1px solid #F46200; background-color: #F17443; }
.cell_line_right_up_orange { border-right: 1px solid #F46200; border-bottom: 1px solid #F46200; border-left: 0px; border-top: 1px solid #F46200; background-color: #F17443; }

.cell_line_left_orange { border-left: 1px solid #F46200; border-bottom: 1px solid #F46200; border-right: 0px; border-top: 0px; background-color: #F17443; }
.cell_line_right_orange { border-right: 1px solid #F46200; border-bottom: 1px solid #F46200; border-left: 0px; border-top: 0px; background-color: #F17443; }

/* Whith color, whith border : Blue */

.cell_line_all_up_blue { border: 1px solid #0076A8; background-color: #247EBB; }
.cell_line_all_blue { border-left: 1px solid #0076A8; border-bottom: 1px solid #0076A8; border-right: 1px solid #0076A8; border-top: 0px; background-color: #247EBB; }
.cell_line_all_up_blue2 { border: 1px solid #0076A8; background-color: #247EBB; }

.cell_line_left_up_blue{ border-left: 1px solid #0076A8; border-bottom: 1px solid #0076A8; border-right: 0px; border-top: 1px solid #0076A8; background-color: #247EBB; }
.cell_line_right_up_blue { border-right: 1px solid #0076A8; border-bottom: 1px solid #0076A8; border-left: 0px; border-top: 1px solid #0076A8; background-color: #247EBB; }
.cell_line_left_up_blue2{ border-left: 1px solid #0076A8; border-bottom: 1px solid #0076A8; border-right: 0px; border-top: 1px solid #0076A8; background-color: #247EBB; }


.cell_line_left_blue { border-left: 1px solid #0076A8; border-bottom: 1px solid #0076A8; border-right: 0px; border-top: 0px; background-color: #247EBB; }
.cell_line_right_blue { border-right: 1px solid #0076A8; border-bottom: 1px solid #0076A8; border-left: 0px; border-top: 0px; background-color: #247EBB; }

/* Width for las/best collaborators */

.collab_cel1 { width:20%; }
.collab_cel2 { width:5%; }
.collab_cel3 { width:20%; }
.collab_cel4 { width:47%; }
.collab_cel5 { width:5%; }
.collab_cel6 { width:3%; }

/* Width for all collaborators */

.all_collab_cel1_f { width:20%; }
.all_collab_cel2_f { width:5%; }
.all_collab_cel3_f { width:20%; }
.all_collab_cel4_f { width:55%; }


.all_collab_cel1 { width:20%; }
.all_collab_cel2 { width:20%; }
.all_collab_cel3 { width:10%; }
.all_collab_cel4 { width:3%; }
.all_collab_cel5 { width:38%; }
.all_collab_cel6 { width:3%; }
.all_collab_spc  { width:2%; }


.usr_res_col1 { width:15%; }
.usr_res_col2 { width:85%; }
.usr_res_col3 { width:15%; }
.usr_res_col4 { width:15%; }
.usr_res_col5 { width:70%; }
.usr_res_col6 { width:25%; }
.usr_res_col7 { width:75%; }

.head_usr_adm_log  { width:25%; }
.head_usr_adm_txt  { width:59%; }
.head_usr_adm_img  { width:1.8%; }
.head_usr_adm_sp1  { width:2%; }
.head_usr_adm_spc  { width:2%; }
.head_usr_adm_end  { width:2%; }
.head_text_display { display: block; }

.fly_det_col1  { width:26%; }
.fly_det_col2  { width:9%; }
.fly_det_col3  { width:47%; }
.fly_det_col4  { width:9%; }
.fly_det_col5  { width:9%; }

.fly_det2_col1  { width:12%; }
.fly_det2_col2  { width:7%; }
.fly_det2_col4  { width:35%; }
.fly_det2_col3  { width:7%; }
.fly_det2_col5  { width:9%; }
.fly_det2_col6  { width:7%; }
.fly_det2_col7  { width:44%; }
.fly_det2_col8  { width:9%; }


.fly_det_col1_ad  { width:10%; }
.fly_det_col2_ad  { width:18%; }
.fly_det_col3_ad  { width:22%; }
.fly_det_col4_ad  { width:8%; }
.fly_det_col5_ad  { width:33%; }
.fly_det_col6_ad  { width:3%; }
.fly_det_col7_ad  { width:3%; }
.fly_det_col8_ad  { width:3%; }

.fly_det_show  { display: block; }




.fly_padding   { padding:2%; }

.div_fly_fec1 { display: block; }
.div_fly_fec2 { display: none; }

.div_rank_grid1 { width: 100%; margin: 0 auto; }
.div_rank_grid2 { width: 80%; margin: 0 auto; }
.div_rank_plus  { width: 5%; }
.div_rank_cont  { width: 95%; }

.content_imgs  { width: 25%; }

.prof_with1  { width: 20%; }
.prof_with2  { width: 80%; }
.prof_with3  { width: 50%; }

.prof_with4  { width: 30%; }
.prof_with5  { width: 92%; }
.prof_with6  { width: 8%; }
.prof_with7  { width: 30%; }

.space_gen1 { padding-top:35px;}
.space_gen2 { padding-left:1%; padding-right:1%; padding-top:4%; }

.button_width1 {  width: 10%; }

.button_space1_1 { width: 5%; }
.button_space1_2 { width: 25%; }
.button_space1_3 { width: 50%; }

.button_space2_1 { width: 5%; }
.button_space2_2 { width: 22%; }
.button_space2_3 { width: 5%; }
.button_space2_4 { width: 38%; }
.payment_width1  { width: 50%; }

.payment_width2  { width: 5%; }
.payment_width3  { width: 50%; }
.payment_width4  { width: 10%; }
.payment_width5  { width: 12%; }

.width_gen1  { width: 20%; }
.width_gen2  { width: 20%; }

.prof_with8  { width: 88%; }
.prof_with9  { width: 12%; }

.prof_with10  { width: 88%; }
.prof_with11  { width: 12%; }



.button_space2_1x { width: 34%; }
.button_space2_2x { width: 4%; }
.button_width1x   { width: 14%; }

.autocompete_eff:hover { background:#F0F0F0; }

.rank_lst_est { width:40%; }
.rank_lst_des { width:48%; }
.rank_lst_spc { width:10%; }


.biu_img  { width:20%; }
.biu_txt  { width:80%; }
.biu_img2 { width:20%; }
.biu_txt2 { width:80%; }

.obj_container { width:60%; }
.obj_txt_1 { width:95%; }
.obj_txt_2 { width:5%; }

.new_vote_col1 { width:15%; }
.new_vote_col2 { width:83%; }
.vote_remain { width:8%; }

.padding_lr_2 { padding-right:2%; padding-left:2%; }

.width_thmb_star { width:30%; }

.width_head_popup1 { width:96%; }
.width_head_popup2 { width:4%; }