@charset "ISO-8859-1";
* { margin: 0; padding: 0; border: none; }

.clear{	clear:both; }

html,body { height: 100%; margin: 0; padding: 0; color: white;}

body { display: table; width: 90%;  background: url(../images/fondogris.jpg) no-repeat fixed 100%; background-position: center center; background-size: cover;
       font: normal 18px/1.5 "Fira Sans", "Helvetica Neue", sans-serif;
}

.formulario01 {
  /*float: left;	
  margin-left: 2.2em;
  position: absolute;*/
  
  width: 100%; max-width: 1200px; 
  margin: 0px  10px;
  /*       top  left bottm  */
  padding: 5px 10px 10px; 
  border: 1px solid #999999;
  border-radius: 10px;
  
  /*box-shadow: rgb(150,150,150) 5px 5px; 10px; inset;*/
  
  background: #ACFA58;
  background-image: url(../images/_formBack.jpg); 
  background-repeat: no-repeat; 
  background-size: cover;  
}

.formulario02 {
  width: 100%; max-width: 1200px; 
  /*       top  left bottm  */
  margin: 5px  0px;
  /*       top  left bottm  */
  padding: 5px 10px 10px; 
  border: 1px solid #999999;
  border-radius: 10px;
  color: #060606;
  
  /*box-shadow: rgb(150,150,150) 5px 5px; 10px; inset;*/
  
  background: #A6D495; /*#9AA0CA;*/
  background-image: url(../images/_mensajeback02.jpg); 
  background-repeat: no-repeat; 
  background-size: cover;  
}

.formGrid {
  width: 100%;  
  margin: 0px  10px;
  /*       top  left bottm  */
  padding: 5px 10px 10px; 
  border: 1px solid #999999;
  border-radius: 10px;
  
  /*box-shadow: rgb(150,150,150) 5px 5px; 10px; inset;*/
  
  background: #ACFA58;
  background-image: url(../images/_formBack.jpg); 
  background-repeat: no-repeat; 
  background-size: cover;  
}

.formAlert {
  width: 70%; max-width: 100%; 
  margin: 0 auto;
  color: #fff;
  text-align: center;

  background: #D25730;
  border-radius: 10px;
  padding: 5px 5px;
}

.formBtns {
  width: 100%; max-width: 100%; 
  margin: 0 auto;
  background: #fff;
  padding: 10px 10px;
}

.formBottom {
  background: #3C3635;  height:50px; 
}

.BtnEmergente {
  background: #3C3635;  height:20px; 
}
.formBtn {
  margin-left: auto; 
  padding: 8px 16px;
  background: #333;
  color: #f2f2f2;
  text-transform: uppercase;
  letter-spacing: .09em;
  border-radius: 3px;
  border-bottom: 1px solid black;
}

#formTitulo {
text-align: right; /* Puedes cambiarlo por: center,right,left */
font-weight:bold; /* Estilo de la fuente del título */
color: black; /*#4E946F; #61380B;  Color del título */
font-size: 25px;
text-decoration: none;
border-bottom: 2px solid black;
}

.spanBtnForm {
	margin-left: 5px;
	font-size: 20px;
	color: #0404B4;
}

.spanEmergente {
	margin: 0px 20px; 
	font-size: 20px;
	/*color: #0404B4;*/
}


.divScroll {
	/*margin-left: 5px;*/
	
    height: 750px; width:100%;
	overflow-y:scroll;
	
    border: 2px solid #999999;
    border-radius: 5px;
	
    box-shadow: rgb(150,150,150) 5px 5px; 5px; inset;
}

img.Logo { width: 70px; height: 70px; }

.marcoFoto {
  width: 100px; height: 100px; 
  margin: 0px  10px;
  /*       top  left bottm  */
  padding: 5px 5px 5px; 
  border: 1px solid #999999;
  border-radius: 10px;
}
img.Foto{
  width: 100px; height: 100px;
  margin: 0px  10px;
  padding: 5px 5px 5px; 
  border: 1px solid #999999;
  border-radius: 10px;
}

.marcoFoto2 {
  width: 300px; height: 150px; 
  margin: 0px  10px;
  /*       top  left bottm  */
  padding: 5px 5px 5px; 
  border: 1px solid #999999;
  border-radius: 10px;
}
img.Foto2{
  width: 300px; height: 150px;
  margin: 0px  10px;
  padding: 5px 5px 5px; 
  border: 1px solid #999999;
  border-radius: 10px;
}


@media screen and (max-width:768px) {
	.formGrid { width: 200%; } 
}