﻿body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}


.error {
    color: #b94a48;
}
/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}
textarea.input-validation-error {
    border: 1px solid #b94a48;
}
input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}


/*CSS Franz*/
.contenedor1 {
    width:80%;
    max-width:1000px;
    margin:0 auto;
    overflow:hidden;
}



.cuadro1 {
    width:50%;
    padding:20px;
    float:left;
    /*background-color:azure;*/
    text-align:right;
    

   
}

.cuadro2 {
    width:50%;
    /*background-color:aquamarine;*/
    padding:50px 20px 20px 20px;
    float:left;
    box-sizing:border-box;
}

/*.cuadro3 {
    width:34%;
    background-color:aliceblue;
    padding:20px;
    float:left;
    box-sizing:border-box;
}*/

@media screen and (max-width:800px) {
    .cuadro1 {
        width:100%;
        text-align:center;
        
    }
     .cuadro2 {
        width:100%;
         padding:0px 20px 20px 20px;
         text-align:center;
    }
     /*
      .cuadro3 {
        width:100%;
    }*/
 
   .fondo_logo {
    text-align:center;
    width:100%;


   }
      .fondo_proyecto {
    display:none;
    }

}

.Formulario1 {
    width:282px;
}

@media screen and (max-width:400px) {
   
    
     .contenedor {
        width:100%;
         text-align:center;
    }
      .cuadro1 {
        width:100%;
        
    }
         .cuadro2 {
        width:100%;
         padding:0px 20px 20px 20px;
         text-align:center;
    }
  
    .fondo_logo {
   text-align:left;
    width:100%;
   }
      .fondo_proyecto {
    display:none;
    }

}



#fondo_cabecera {

width:80%;
max-width:1000px;
height:46px;
margin:0 auto;

}
#marco_fondo {
    width:100%;
    background-color:#00A6E0;
 


}

.fondo_logo {
    width:50%;
height:46px;
float:left;
line-height:46px;
    color:white;

}

.fondo_proyecto {
    float:right;
    line-height:46px;     
    color:white;
    width:50%;
    text-align:right;
    
}




.footer {
background-color:#EFEFEF;
text-align:center;
    line-height:35px;
    color:#0086B3;

}

.font14 {
    font-size:14px;
}
.font18 {
    font-size:18px;
}

