/** ADD YOUR AWESOME CODES HERE **/

mios{
	position: relative;
	min-width: 947px;
	padding-bottom: 80px;
}

.fondo {
    background: url("images/banner.jpg") no-repeat;
}

.cabecera {
	line-height : 25px;
	background: rgb(10, 147, 233);
	border: 1px solid rgb(66, 63, 63);
}

.espaciado {
	line-height : 25px;
}	

.borders {	
	border: 1px solid rgb(66, 63, 63);
  }

.colorGreen {
	background: green;
  }

.colorBlue {
	background: rgb(140, 195, 228);        
  }

.backcolorRed {
	background: rgb(197, 22, 22);
  }

.colorRed {	
	color:  #ec1c24;    
  }

.colorOrange {
	background: rgb(221, 146, 7);
  }

.colBlack {
    color: #000;    
}


.curp-input {    
	display: block;
	height: 25px;	
	color: #000;
        background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	
	font-size: 14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
}
}

.minusculas{
	text-transform:lowercase;
}	
.mayusculas{
	text-transform:uppercase;
}

.centrado {
	text-align: center;    
}

.grande {	
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 18px;
}

.imglabel {	
	margin-top: 0px;
	margin-right: 10px;
    padding-top: 10px;
	text-align:right;	
    font-size: 14px;
  }

.form-control  {	
	margin-top: 0px;
	margin-left: 0px;
	text-align: right;
	text-align: right;
    font-size: 14px;
	align-content: rigth ;		
    width: 100%;
  }

.forma1 {  		
    border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
    font-family: Verdana, Geneva, sans-serif;
    color: #003;
	font-size: 14px;	
    margin-left: -50px;	
    margin-right: -50px;	
  }

 .divSede, .divCarrera, .divFecha {
	padding: 1px;
	align-content: left;		    
    line-height: 150%;
    width: 100%;
	}

 .divSede1 label  {
	margin-top: 15px;	
	width: 100%;
	height: 20px;
	padding-top: 1px;
	float:left;   

  }

  .lblCarrera {
	width: 60px;
	height: 20px;
	margin-top: 1px;	
	float: left;    
  }
  
  .dg_Carrera1, .dg_sede1 {
	width: 90%;	
	margin-top: 15px;	
	height: 20px;	
	text-align: center;
	float: left; 		
  }

  .divFecha label {  			
	width: 50px;	
	height: 20px;
	margin-top: 1px;	
	float: left;
  }

.tablaInicio {  			
	width: 100%;    	    
    text-align: left;
  }


.td1 {
	width: 30%;
  }

.td2 {
	width: 50%;    
  }

.td3 {
	width: 20%;
  }

.td4 {	    
    padding-left: 15px;
  }


.tablaInicio label{  			
	margin-top: 1px;
	margin-bottom: 1px;    
    margin-left: 5px;    
    height: 20px;
	float: left;
  }

#dg_fecha {  		
	width: 100%;
    height: 25px;
	margin-top: -5px;
	margin-bottom: 1px;
	float: left;
  }


#dg_promedio {  		
	text-align: center;
  }


  .divSede select, .divCarrera select {			      
	display: block;
    width: 90%;
    height: 27px;	    
	float: left; 		    
	font-size: 14px;    
    background-color: #FF9;
      background-color: #dcf5f9;
	border: 1px solid #999;    
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
    padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-bottom: 5px;
	margin-left: 5px;       
  }
    
  /* Form input box style */
.form-fecha {
	display: block;	
	height: 25px;	
	width: 150px;
	color: #000;
	background-color: #FF9;
        background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	text-align: center;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	
}

.dgEscuela {		
	display: block;
    width: 100%;
    height: 27px;	    
	float: left; 		    
	font-size: 14px;    
    background-color: #FF9;
        background-color: #dcf5f9;
	border: 1px solid #999;    
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
    padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
 }

.dgEscuela:focus {    
	
}
 
.titDatos {		
	text-align: center;	
    padding-bottom: 0px;
}

.titDatos p {
	text-align: left;	
	font-size: 14px;
    color: #000;
	margin-left: 5px;	    
    margin-bottom: 0px;	
    padding-bottom: 0px;
}


.titDatos label {
	text-align: left;	
	font-size: 14px;
    color: #000;
	margin-left: 5px;	    
    margin-bottom: 0px;	
    padding-bottom: 0px;
}


.forminput {
	display: block;
	width: 240px;
	height: 25px;	
	color: #000;
	background-color: #FF9;
        background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	
	font-size: 14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
}


.inputemail {
	display: block;
	width: 340px;
	height: 25px;	
	color: #000;	
    background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	
	font-size: 14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
}


.inputImporte {
	display: block;
	width: 80px;
	height: 25px;	
	color: #000;	
    background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	
	font-size: 14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
}

.dgSexo {	
	font-size: 14px;
	width: 200px;
	height: 25px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #FF9;
        background-color: #dcf5f9;
	border: 1px solid #999;
	float: left;
  }


  .forminput1 {
	display: block;
	width: 40px;
	height: 25px;	
	color: #000;
	background-color: #FF9;
      background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	
	font-size: 14px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/* Focus style */
.forminput1:focus {
	border: 1px solid #7fbbf9;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
}

/* Error style */
.forminput1:-moz-ui-invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
}

.forminput1.invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
}
  .forminput2 {
	display: block;
	width: 100%;
	height: 27px;	
	color: #000;
	background-color: #FF9;
      background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	
	font-size: 14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


/* Focus style */
.forminput2:focus {
	border: 1px solid #7fbbf9;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
}

/* Error style */
.forminput2:-moz-ui-invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
}

.forminput2.invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
}


.forminput3 {
	display: block;
	width: 95%;
	height: 25px;	
	color: #000;
	background-color: #FF9;
        background-color: #dcf5f9;
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	
	font-size: 14px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
    margin-right: 5px;
    
}

/* Focus style */
.forminput3:focus {
	border: 1px solid #7fbbf9;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #7fbbf9;
}

/* Error style */
.forminput3:-moz-ui-invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
}

.forminput3.invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 0 1px #e00;
}



#page .verticalspacer
{
	clear: both;
}


.aviso p {
	background-color: rgb(255, 202, 153);
    font-size: 14px;
    color: #000;
}
.cartacompromiso {
	display: block;
	width: 95%;
	height: 500px;
    margin-left: 20px;
	margin-bottom: 15px;
	color: #000;
	background-color: rgb(207, 255, 153);
	border: 1px solid #999;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);
	font-family: "Arial";
	font-size: 14px;
	text-align: justify;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	overflow : auto;
				  
}
.cartacompromisopunto {
	margin-left: 50px;
}

.center {
    text-align: center !important;    
}

.derecha {
    text-align: right;
}

.izquierda{
    text-align: left;
}

.gracias{
    color: #000 !important;
}


.carta {
    display: block;
                              width: 98%;
                              height: 500px;
                              margin-left: 10px;
                              margin-right: 20px;
                              margin-bottom: 15px;
                              color: #000;
                              background-color: rgb(207, 255, 153);
                              border: 1px solid #999;
                              box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
                              -moz-transition: all 0.4s ease-in-out;
                              -webkit-transition: all 0.4s ease-in-out;
                              -o-transition: all 0.4s ease-in-out;
                              -ms-transition: all 0.4s ease-in-out;
                              transition: all 0.4s ease-in-out;
                              behavior: url(PIE.htc);
                              font-family: 'Arial';
                              font-size: 14px !important;
                              text-align: justify;
                              padding-top: 5px;
                              padding-right: 10px;
                              padding-bottom: 5px;
                              padding-left: 10px;
                              overflow : auto;"
}

.carta p {                                  
    color: #000;                                                            
    font-family: 'Arial';                              
    font-size: 14px;                                                            
    line-height: 150%;
}

.requerido label {	
	margin-top: 0px;
	margin-bottom: 5px;
	color: rgb(231, 15, 15);    
    font-size: 13px;
    text-align: center;
}