@charset "UTF-8";
html, body{
	/*background: gray;*/
	margin: 0;
	padding:0;
	font-size: 14px;
}
a,
a:focus,
a:hover,
a:active,
a:visited{
  color: inherit;
  text-decoration: inherit;
}
body{
  color: #434343;
	font-family: 'Open Sans', sans-serif;
}

.container-fixed{
  width: 980px !important
}

.container, .main-wrapper{
  /*min-width: 980px;*/
}

.bg-yellow{
	background: #fae100;
}
.header-title{
  font-size: 40px;
  color: #00396F;
  max-width: 60%;
  display: block;
  font-family: 'Open Sans';
  margin: 100px 0px 0px 40px;
  font-weight: 800;
  line-height:45px;
}

.box{
  border:1px solid;
  display: inline-block;
  padding: 8px;
  font-size: 40px;
  line-height: 40px;
  font-family: 'Open Sans';
  background: transparent;
}

.box.yellow{
  color:#fae100;
  border-color: #fae100;
}

.box.blue{
  color:#00ebfa;
  border-color: #00ebfa;
}
.box.small{
  font-size: 25px;
  line-height: 25px;
  padding: 7px;
}
.box.title{
  font-size: 45px;
}

/*PREVIEW*/

@media screen and (min-width: 1800px){
  .big-title{
    font-size: 53px;
    font-family: 'Open Sans';
  }
}

/*====================================================*/
/*CONTENIDO INTERNOS                                  */
/*====================================================*/
h2{
   font-family: "Open Sans";
  font-weight: 900;
  font-size: 22px;
}
.content h2{
  font-family: "Open Sans";
  font-weight: 900;
  font-size: 22px;
}

.date-label{
  margin-top: 10px;
   margin-bottom: 15px;
  font-size: 12px;
  padding: 4px;
  display: inline-block;
  background: #fae100;
}

.side-menu{
  background: #fae100;
}

/*select2 de valores*/


.select2-donation.select2-container{
  width: 320px;

}

.select2-donation.select2-container .select2-choice{
    background: #00ebfa;
    height: 61px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    webkit-box-shadow: inset 0px 1px 0px 0px white, inset 0px -1px 0px 0px white ;
    -moz-box-shadow:    inset 0px 1px 0px 0px white, inset 0px -1px 0px 0px white ;
    box-shadow:         inset 0px 1px 0px 0px white, inset 0px -1px 0px 0px white ;
    font-size: 45px;
    font-weight: 100;
    min-height: 45px;
    color:#787878;
    line-height: 45px;
    border: 1px solid #b7b496;
    font-family: 'Open Sans';
    padding-top: 8px;
  }


.select2-donation.select2-container .select2-choice .select2-arrow{
    background: none;
    border: none;
    width: 50px;
}

.select2-donation.select2-container .select2-choice .select2-arrow b{
  width: 50px;
  background: url(../img/select2-arrow.png) center center no-repeat;
}




.select2-drop.select2-donation{
    margin-top: top;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

}

.select2-drop-active.select2-donation{
    border: none;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.select2-drop-active.select2-donation .select2-results {
    margin: 0;
    padding: 0;
    background:#00c1cd;
    border: 1px solid #b7b496;
    border-top: none;
}

.select2-drop-active.select2-donation .select2-results .select2-highlighted{
  background: none;
  color:white;
}

.select2-drop-active.select2-donation .select2-results .select2-highlighted:hover{
    background: #00ebfa;
}

.select2-drop-active.select2-donation .select2-results .select2-result{
  border-bottom: 1px solid #8edadf;
    webkit-box-shadow: inset 0px 2px 0px 0px rgba(255,255,255,0.5), inset 1px 0px 0px 0px rgba(255,255,255,0.5) , inset -1px 0px 0px 0px rgba(255,255,255,0.5) ;
    -moz-box-shadow:    inset 0px 2px 0px 0px rgba(255,255,255,0.5), inset 1px 0px 0px 0px rgba(255,255,255,0.5) , inset -1px 0px 0px 0px rgba(255,255,255,0.5) ;
    box-shadow:         inset 0px 2px 0px 0px rgba(255,255,255,0.5), inset 1px 0px 0px 0px rgba(255,255,255,0.5) , inset -1px 0px 0px 0px rgba(255,255,255,0.5) ;
  display: block;
  color:white;
  padding: 7px;
  font-size:  45px;
  min-height: 45px;
  line-height: 45px;
  font-family: 'Open Sans';

}
.select2-drop-active.select2-donation .select2-results .select2-result input{
  background: red;
  width: 100%;
  height: 48px;
}
.select2-drop-active.select2-donation .select2-results .select2-result .select2-result-label:before{
  content: '';
  background: url(images/point.png) left center no-repeat ;
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  width: 30px;
}

/*Gallery*/

.gallery > *{
  padding: 0;
  display: block;

}

.gallery > * img{
  width: 100%;
  height: 100%;
}
/*modales*/

.modal-body{
  position: relative;
}

.modal-body .closer{
  text-align: right;
  display: block;
  height: 20px;
  margin: 6px;
}
.modal-body .closer a{
  display: inline-block;
  background: url(../img/closer.png);
  width: 20px;
  height: 20px;
}

/*form*/
.modal-body form.styled {
  padding-right: 35px;
  padding-left: 35px;
}
form.styled h1{
  font-family: 'Open Sans';
  font-weight: 900;
  font-size: 22px;
  margin: 0;
  margin-bottom: 20px;
}

form.styled .control .label{
  display: block;
  padding-bottom: 4px;
  font-size: 15px;
  color: #313131;
  text-align: left;
  font-weight: 300;
  padding-left: 0px;

}
form.styled .control input[type="text"],
form.styled .control input[type="password"],
form.styled .control input[type="email"],
form.styled .control textarea{
  display: block;
  width: 100%;
  height: 50px;
  padding: 6px;
  vertical-align: middle;
  -webkit-border-radius: 3px ;
  -moz-border-radius: 3px ;
  -ms-border-radius: 3px ;
  -o-border-radius: 3px ;
  border-radius: 3px ;
  background: #FFFFFF;
  border: none;
  text-align: left;
    webkit-box-shadow: inset 1px 1px 0px 0px rgba(49,49,49,0.3) ;
    -moz-box-shadow:    inset 1px 1px 0px 0px rgba(49,49,49,0.3) ;
    box-shadow:         inset 1px 1px 0px 0px rgba(49,49,49,0.3) ;

}
form.styled .control textarea{
    height: 120px;
  }



.form-styled h1{
  font-family: 'Open Sans';
  font-weight: 900;
  font-size: 22px;
  margin: 0;
  margin-bottom: 20px;
}

.form-styled .control .label{
  display: block;
  padding-bottom: 4px;
  font-size: 15px;
  color: #313131;
  text-align: left;
  font-weight: 300;
  padding-left: 0px;

}
.form-styled .control input[type="text"],
.form-styled .control input[type="password"],
.form-styled .control input[type="email"],
.form-styled .control textarea{
  display: block;
  width: 100%;
  height: 50px;
  padding: 6px;
  vertical-align: middle;
  -webkit-border-radius: 3px ;
  -moz-border-radius: 3px ;
  -ms-border-radius: 3px ;
  -o-border-radius: 3px ;
  border-radius: 3px ;
  background: #E1F4FD;
  border: none;
  text-align: left;
    webkit-box-shadow: inset 1px 1px 0px 0px rgba(49,49,49,0.3) ;
    -moz-box-shadow:    inset 1px 1px 0px 0px rgba(49,49,49,0.3) ;
    box-shadow:         inset 1px 1px 0px 0px rgba(49,49,49,0.3) ;

}
.form-styled .control textarea{
    height: 120px;
  }

.xl-title{
  font-size: 47px !important;
  font-family: 'Open Sans' !important;
  color: #fae100;
}