/* CSS Document */

/* Formatear el formulario a dos columnas */
 
.izquierda {
	/* 
float: left;
clear: left;
*/
text-align:left;
}
 
.derecha {
	/*
float: right;
clear: right;
*/
text-align: right;
}
 
ol {
  list-style: none;
  margin: 0;
  padding: 0;

}
 
#contenedor {
  background:#ededed;
  border-radius:10px;
  margin:auto;
  padding:6px;
  width:99%;
  border:1px solid 666666;
 
 
}

#contenedor2 {
  background:#ededed;
  border-radius:10px;
  margin:auto;
  padding:6px;
  width:1150px;
  border:1px solid 666666;
  
 
}

#contenedor3 {
  background:#ededed;
  border-radius:5px;
  margin:auto;
  padding:6px;
  width:920px;
  border:1px solid  #666666;
  
  
}

#contenedor4 {
  background:transparent;
  border-radius:5px;
  margin:auto;
  padding:6px;
  width:750; 
  border:1px solid  #666666;
}

#contenedor5 {
  background:#ededed;
  border-radius:5px; 
  padding:6px;
  width:99%;
  border:1px solid  #666666;
margin: 0 auto;
vertical-align: middle;
  
}
 
b.requerido {
  font-size: 1.3em;
  font-weight: bold;
  color: #C00;
}
 
h2 {
  font: normal 1.5em arial, sans-serif;
  margin: 0;
  color: #333333;   
  border-radius:10px;
  text-align:left;
  
}
 
ol li.botones {
  border-top:1px solid  #333333;
  
  clear: both;
  float: none;
  padding: 0 0;
  margin-top:0;
  text-align: right;

  
}
 
ol li.botones input {
  font-size: 1.3em;
  margin:6px 0 0 0;
  
}
 

 
ol li label.titulo {
  font-weight: bold;
 
}
 
ol li div span {
  float: left;
  padding:0;
}
 
.completo {
  width: 99%;
}
 
.mitad {
  width: 47%;
 border:0px #FF0000 solid;}
 
.tercio {
  width: 33%;
    border:0px #FF0000 solid;  
}

.cuarto {
  width: 24%;
    border:0px #FF0000 solid;  
}

.sexto{
  width: 18%;
    border:0px #FF0000 solid;  
}

.decimo{
  width: 10%;
    border:0px #FF0000 solid;  
}

 
.dostercios {
  width: 66%;
  border:0px #FF0000 solid;
}


 
ol li div span label {
  display: block;
  font: normal 0.8em arial, sans-serif;
  color: #333;
}
 
.ayuda {
  display: none;
}
 
input[type='text'] {
border:1px solid  #6666FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

select {
border:1px solid  #6666FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.input_extralargo{
  width: 430px;
}

.input_completo{
  width:100%;
} 
.input_largo{
  width: 280px;
}
 
.input_corto{
  width: 80px;
}
 
.select_corto{
  width: 90px;
}


.select_medio{
  width: 130px;
}

.select_con_estilo {
width: 150px;
padding: 0px;
font-size: 12px;
border: 1px solid  #000000;
height: 22px;

}
 
.select_largo {
  width: 170px;
}

.select_extralargo {
  width: 250px;
}
 
.input_medio{
  width: 135px;
}
 
/* Cambiar el color en el :hover y resaltar los campos en el :focus */
ol li:hover {
 /* background-color:#f2f2f2;*/
}
 

 
ol li input:focus {
  border: 1px solid 6666FF;
}
 
/* Formatear el formulario a una columna */
ol li.izquierda, ol li.derecha {
  float: none;
  width: auto;
}

 
ol li label.titulo {
  float: left;
  width: 150px;
}
 

 
ol li {
 border-button: 1px solid  #333333;
  margin: 0;
  padding: 1em;
   
}
 
ol li.botones {
  margin: 0;
}
 
ol li label.titulo {
  text-align: right;
  width: 100px;
}

 
ol li div {
  margin-left: 40px;/*Alinea a la derecha todo el formulario*/
  overflow: hidden;
}
 
ol li {
  position: relative;
}
 
ol li:hover p.ayuda {
  display: block;
  margin: 0.3em;
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
}

.mensaje_rojo {
text-align:center;
color:#FF0000;
float: right;
font-size:12px;
width:300px;
text-align:right;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.estado{
float: right;
text-align: center;
}

.redondeado{
  background:#e0e0e0;
  border: 1px  #999999 solid;   
  border-radius:10px;
  border-right: 4px solid  #666666;  
  color:#333333;
  
}

.redondeado2{
border:1px solid  #333333;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
  
}

 .redondeado_izq{
  background:#e0e0e0;
  border:1px  #999999 solid;   
  border-radius:20px;
  border-right: 8px solid  #CCCCCC; 
 
  color:#333333;
  
}

.redondeado_der{
  background:#e0e0e0;
  border:1px  #999999 solid;   
  border-radius:20px;
  border-left: 8px solid #CCCCCC;  

  color:#333333;
  
}

.negrita{
	font-weight:bold;
	font-size:14px;
	font-family: "Arial Black", Gadget, sans-serif; 
}

#resultado{
	float:left;
	width:60%;	
	font-size:18px;
	
}