.error
{
  color: #CA0408;
  font-size: 12px;
  font-family: 'Quattrocento Sans', sans-serif !important;
  text-align: right;
}


#mensaje
{
  margin  : 10px 0px;
  padding : 10px 10px 10px 10px;
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 12px;

}

.success
{
  color            : #4F8A10;
  background-color : #DFF2BF;
  font-family: 'Quattrocento Sans', sans-serif !important;
}

.warning
{
  color            : #9F6000;
  background-color : #FEEFB3;
  font-family: 'Quattrocento Sans', sans-serif !important;
}

.danger
{
  color            : #D8000C;
  background-color : #FFBABA;
  font-family: 'Quattrocento Sans', sans-serif !important;
}

.footer {
	background-color:#40424D !important;
	color: #fff !important;
   left:0px;
   bottom:0px;
   height: 100%;
   width:100%;
   border-radius: 0px 0px 10px 15px;
   border: 1px solid #eee;
}

.footer .info{
	text-align: left;
	margin: 0px 100px 0px 100px;
}

@media (max-width: 768px) {
	.footer .info{
	text-align: left;
	margin: 0px 20px 0px 20px !important;
}
}

.footer a{
	color: #01A0DD;
	/**color: #4BBFDB;/**/
}

.footer span{
	color: #bbb;
}

.footer a:hover{
	color: #01A0DD;
	/**color: #4BBFDB;/**/
	text-decoration: underline;
}


/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
	
	
.align-left {
		text-align:left !important;
		}
	
hr.style1{
	/*border-top: 1px solid #8ADBEE;*/
	border-top: 1px solid #01A0DD;
	margin: 0px 0px -8px 0px;
	padding: 0px;
}

hr.style2{
	/*border-top: 3px solid #8ADBEE;*/
	border-top: 3px solid #01A0DD;
	margin: -2px 0px 20px 0px;
	padding: 0px;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 4px 8px 8px 8px;
    /*background: #4BBFDB;
    border: 1px solid #1EA1AE;*/
    background: #01A0DD;
    border: 1px solid #01A0DD;
    color: #fff;
    text-align: center;
    font: 22px Arial, sans-serif;
	position: absolute;
	margin: 12px 0px 0px 0px;
}

select{
    margin:40px;
    background: #fff !important;
    /*-----text-shadow:0 1px 0 rgba(0,0,0,0.4);------*/
}


h3.style2 {
	text-align:left;
	padding-left: 45px;
	}
	
a.faq {
	/*color:#4BBFDB;*/
	color:#01A0DD;
}
	
a:hover.faq {
	/*color:#4BBFDB;*/
	text-decoration:underline;}


.logo-h3-puce {
    background-color: transparent;
    background-image: url("https://puceapps.puce.edu.ec/formularios/assets/buzon/images/logo-header-puce-h3_03.png");

    background-repeat:no-repeat;
    background-size:cover;
    width: 100%;
    height: 90px;
    position: relative;
    padding: 0px;
}

@media (max-width: 768px) {
    .logo-h3-puce {
        background-color: transparent;
        background-image: url("https://puceapps.puce.edu.ec/formularios/assets/buzon/images/bg-header-h3-puce_04-movil.png")!important;

        background-repeat:no-repeat;
        background-size:cover;
        width: 100%;
        height: 120px;
    }

    .header-logo {
        /*background-color: #4BBFDB;*/
        background-color: #01A0DD;
        background-size: cover;
        padding: 0px;
        width: 100%;
        border-radius: 15px 15px 0px 0px;
        border: 1px solid #ccc;
        margin: 0px;
    }

}

.header-logo {
    /*background-color:#2D4A9E;*/
    background-image: url("https://puceapps.puce.edu.ec/formularios/assets/buzon/images/bg-header-h3-puce_04.png") !important;

    background-repeat: no-repeat;
    background-size: cover;
    padding: 8px 0px 7px 0px;
    width: 80%;
    border-radius: 15px 15px 0px 0px;
    border: 1px solid #ccc;
    margin: 20px -20px 0px 0px;
}

.titulo {
    color: #01A0DD !important;
}