*{ font-family: 'Lato', sans-serif; }

input.error, select.error, textarea.error{
    border: solid 1px #f8a6ab;
}
body.landing{
    background: url(../imagenes/bg-landing.jpg) no-repeat bottom right;
    background-size: auto 100%;
}

.back-convocatorias{
    background: #ffffffad;
    position: absolute;
    z-index: 999;
    display: block;
    top: 5px;
    left: 5px;
    width: 90px;
    font-size: 12px;
    padding: 5px;
    line-height: 12px;
    color: #33567d !important;
    border-radius: 5px;
}
.back-convocatorias:hover{
    background: #FFF;
    text-decoration: none;
}

/** MESSAGE CSS **/
.message{
    min-width: 75%;
    margin: 0px auto;
    border-radius: 5px;
    text-align: center;
    height: 0px;
}

.message.error{
    height: 35px;
    line-height: 35px;
    background: repeat rgba(215, 64, 64, 0.8);
    color: white;
}

.message.loading{
    height: 32px; line-height: 35px; color: white !important;
    background: url(../imagenes/loading-ajax-dark.gif) no-repeat left center rgba(0,0,0,0.7) !important;
}

.message.success{
    height: 32px; line-height: 35px; color: #00843A !important;
    background: url(../imagenes/success-ajax.png) no-repeat left center !important;
}

.message.xsmall.error, .message.xsmall.loading, .message.xsmall.success{ font-size: 11px; height: 20px !important; line-height: 20px !important; }
.message.xsmall.loading{ background: url(../imagenes/loading-ajax-dark.gif) no-repeat left center rgba(0,0,0,0.7) !important; background-size: 20px !important; }
.message.xsmall.success{ background: url(../imagenes/success-ajax.png) no-repeat left center; background-size: 20px !important; }

.message.small.error, .message.small.loading, .message.small.success{ font-size: 11px; height: 30px !important; line-height: 30px !important; }
.message.small.loading{ background: url(../imagenes/loading-ajax-dark.gif) no-repeat left center rgba(0,0,0,0.7) !important; background-size: 30px !important; }
.message.small.success{ background: url(../imagenes/success-ajax.png) no-repeat left center !important; background-size: 30px !important; }


.btn-success{ background: #80BA26; border-color: #80BA26 }
.btn-success:hover{ background: #6f9a2d; border-color: #6f9a2d }
.container-double{ border-bottom: solid 5px #00ABC8; background: #EEEEEE; }
.vertical-line{ border-left: solid 1px silver; }

.container.landing{
    min-height: calc(100vh - 285px);
}
#container-fluid{
	background: #2E318F;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 430px;
  text-align: center;
  border-bottom: solid 10px #ADB700;
  padding-top: 20px;
  padding-left:  0px;
  padding-right:  0px;
  position: relative;
}
#container-fluid-post{
	background: url(../imagenes/img-post.jpg) no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 360px;
  text-align: center;
  border-bottom: solid 4px #00ABC8;
  padding-top: 20px;
  padding-left:  0px;
  padding-right:  0px;
}
#container-fluid.contacto{
	background: #2E318F;
  height: 400px;
  text-align: center;
  border-bottom: solid 10px #ADB700;
  padding-top: 20px;
  padding-left:  0px;
  padding-right:  0px;
}
#container-fluid.retos{
	background: #2E318F;
  height: 400px;
  text-align: center;
  border-bottom: solid 10px #ADB700;
  padding-top: 20px;
  padding-left:  0px;
  padding-right:  0px;
}
#container-fluid .panel-registro{
	position: absolute;
	bottom: 0px;
	font-weight: 300px;
}
#container-fluid .panel-registro h1{ font-weight: 300; text-align: left; line-height: 40px; font-size: 45px; color: #0D7F79; }
#container-fluid .panel-registro h1.home{ color: #907679; }
#container-fluid .panel-registro h1 b{ font-weight: 900; display: block; }
#container-fluid .panel-registro .items{ width: 400px; background: rgba(255, 255, 255, 0.8); border-radius: 5px 5px 0px 0px; }
/*#container-fluid .panel-registro .items b{ color: #FF7F00; }*/
.panel-login{}

.content-post .post-preview{ position: relative; }
.content-post .post-preview .content-title{ position: relative; }
.content-post .post-preview .title{
	background: rgba(0,112,132, 0.8); position: absolute; bottom: 10px; width: 100%;
	font-size: 14px; line-height: 16px; color: #FFF; font-weight: bold; text-align: center;
	padding: 5px 10px;
}
.content-post .post-preview:hover .title{ background: rgba(128, 186, 38, 0.8) }

.button-map{
	height: 37px; border: solid 1px white; color: white; border-radius: 20px;
	background: url(../imagenes/img-check-small.png) no-repeat 5px center;
	padding: 5px 30px 7px 50px; color: #FFF !important; font-size: 15px;
}
.button-map:hover{ background-color: rgba(20, 62, 70, 0.4); }
nav{
	background-color: rgb(173, 183, 0, 0.9); position: fixed !important;
	height: 64px; width: 100%; left: 0px; top: 0px; z-index: 99;
}
.bg-silver-light{ background: #F5F5F5; }
.line{
    border-left: solid 1px white;
}
/*li{
    height: 25px;
}*/
.stiky-contact{
    position: absolute; right: 0px;
    background: #2e3191;
    border-radius: 15px 0px 0px 15px;
    width: 320px;
    padding: 10px;
    top: 50px;
}
a{
    color: #FFF !important;
}
h2.title{ color: #907679; font-size: 40px; font-weight: 900; }
h1.title{ color: #2e3191 !important; }
#bloque-info{ min-height: 400px; border-bottom: solid 1px silver; }
#bloque-info .container{ background: url(../imagenes/bg-quees.jpg) no-repeat right top; }
.bg-participante-1{ min-height: 100px; background: #EE2760; color: #FFF; font-size: 14px; line-height: 15px; }
.bg-participante-2{ min-height: 100px; background: #F37A7A; color: #FFF; font-size: 14px; line-height: 15px; }
.bg-participante-3{ min-height: 100px; background: #F18032; color: #FFF; font-size: 14px; line-height: 15px; }
.bg-participante-4{ min-height: 100px; background: #FBD73C; color: #FFF; font-size: 14px; line-height: 15px; }
.item-edicion{ border-radius: 5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); padding-top: 10px; min-height: 504px; }
.item-retos{ border: solid 5px #ADB700; border-radius: 10px; background: #F4F4F4; }
.item-retos .info{ background: #ADB700; color: #FFF; }
.single-reto{ border: solid 1px silver; border-radius: 10px; }
.single-reto img{ border-radius: 10px 0px 0px 0px; height: 163px; }
.single-reto .data{ background: #DEDEDE; height: 163px; }
.single-reto .btn{ display: inline-block; background: #DEDEDE; border-radius: 5px; font-size: 13px; padding-left: 20px; padding-right: 20px; text-align: center; color: gray !important; }
.single-reto .btn:hover{ display: inline-block; background: #CDCDCD; border-radius: 5px; font-size: 13px; padding-left: 20px; padding-right: 20px; text-align: center; color: gray !important; }
#company{
    left: 915px;
    top: 27px
}
#background-grey{
	background-color: #EEEEEE;
}
#background-white{
	background-color: #FFF;
}
.bottom-line{border-bottom: solid 1px #00ABC8}
#date{
	color: #A1A1A1;
	width: 150px;
}
.line-left{
	border-left: solid 1px #00ABC8;
}
.line-form{
	border-bottom: solid 1px #00ABC8;
}
.line-form-left{
	border-left: solid 1px #00ABC8;
	height: 45px;
}
label{
	font-weight: bold;
}
#logo-header{
	background-color: white;
	width: 200px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#map{
	color: white;
}
footer{
	background-color: #242E3D;
	border-top: solid 5px #CAD401;
}
footer.landing{
    background-color: #242e3ddb;
    border-top: none;
}
#footer{
	width: 100%;
}
#logo-footer{
	background-color: white;
	border-radius: 10px 10px 0px 0px;
	margin-top: -30px;
	max-width: 12%;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#novotec{
	bottom: 200px;
	left: 100px;
}

.item-convocatoria{
    border: solid 4px silver;
    border-radius: 10px;
    padding: 10px;
    height: 230px;
    display: block;
    position: relative;
}

.item-convocatoria .info{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background: #080808ab;
    border-radius: 0px 0px 7px 7px;
    overflow: hidden;
}

.item-convocatoria .info .arrow{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
}

.item-convocatoria:hover{ box-shadow: 0px 0px 11px 0px silver; }

.item-convocatoria:hover .arrow{
    opacity: 1;
    right: 5px;
}