body {
  background:#D3E5F1;
  text-align:center;
  
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#000; font-weight: normal;
  /*font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #336699; font-weight: bold;*/
  
}



#contenedor_general {
 
  margin: 1em auto;
  padding: 1em;
  width: 768px;
}



#formulario {
  
  border: 0 ;
  border-color:#C4FFC4;
  font-size: 12px;
  margin: 0em auto;
  padding: 0.5em;
  width: 80%;
  border-radius: 10px;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#recuadro_principal {
  border: 1px solid silver;
  padding: 0.5em;
  border: 2px solid #fff;
  border-radius: 7px;
  -moz-border-radius: 7px; 
  -webkit-border-radius: 7px;
  background: #F7F7F9;
  box-shadow:
    0 0 0 1px rgba(0,0,2,0.1),
    0 1px 0 rgba(0,0,2,0.15),
    0 1px 1px rgba(0,0,2,0.1);
  text-shadow: 0 1px 0 rgba(253,253,255,1);
  
}




.titulo1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; font-weight: bold;
	line-height: 30px;
	text-align: center;
	margin-top: 1em; margin-bottom: 1em;
}
.titulo2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #CF4B94; font-weight: bold;
	text-align: center;
	vertical-align:top;
	margin-top: 0em; margin-bottom: 1em;
	padding: 1em;
	width: 95%;
	float:none;
}

.mensaje {
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; font-weight:normal;
	line-height: 30px;
	text-align: center;
	padding-top:2em;
	padding-bottom: 1em;
}

#titulo2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#333333; font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 0em; margin-bottom: 0.5em;
	border: 2px solid #fff;
  border-radius: 7px;
  -moz-border-radius: 7px; 
  -webkit-border-radius: 7px;
  background: #F7F7F9;
  box-shadow:
    0 0 0 1px rgba(0,0,2,0.1),
    0 1px 0 rgba(0,0,2,0.15),
    0 1px 1px rgba(0,0,2,0.1);
  text-shadow: 0 1px 0 rgba(253,253,255,1);
	padding: 1.5em;
	width: 91.3%;
}
.titulo3 {
	font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000; font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 0em; margin-bottom: 0.5em;
	padding: 1em;
	padding-bottom:0em;
	width: 95%;
}

#titulo4 {
	font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000; font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 0em; margin-bottom: 0.5em;
	padding: 1em;
	padding-bottom:0em;
	width: 95%;
}

.subtitulo2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight:bold; font-style:italic;
	padding-top:2em;
}

.texto {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight:bold; 
	padding:10%;
	padding-top:1em;
	line-height: 30px;
	text-align:center;
	width:80%;
}


.titulo {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight:normal; 
	vertical-align:middle;
	
}

h1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#0000FF; font-weight:bold; font-style:bold;
	text-align:center;
	
}

.recuadro2 {
	width: 100%;
 }

.izquierda {
  float: left;
  clear: left;
  padding: 0.3em 0;
 }

.izq {
text-align:center;
padding-right:0em;
float: left;
padding-top:1.5em;
padding-left:0em;
}
.izq label{ 
  text-align: center;
  line-height:1.5em;
  
}


.derecha {
	float: right;
	padding: 0.3em 0;
	
	
 }
.der {
   text-align: center;
  padding-left:3.5em;
  float: right;
}
.der label{ 
  text-align: center;
  line-height:1.5em;
  
}

.ingreso { 
  padding-top: 0.5em;
  padding-left: 2em;
}

span {
margin-top: 1em; /* distancia entre un campo y otro del formulario */
}


.completos {
  width: 100%;
  clear: both;
  
 }


.completo {
  width: 100%;
 
  margin-top: 1.5em;
 }

#informedepago {
  width: 100%;
  clear: both;
  font-weight:normal;
 }
.alinearpago {
float:right;
clear: right;
padding-right:150px;
}
.informedepago label {
padding-right:0.5em;
}

 
div.clear {
clear:both;
}

.cuadrito {
  width: 90%;
  border: 3px solid silver;
  border-color: #CCCCCC;
  padding:1em;
  padding-left:2em;
  margin-top:2em;
  margin-left:2%;
  font-weight:normal;
 }
 
.invisible {
  display:none;
}

input.hidden {
	visibility:hidden;
}

.mitad {
  width: 50%;
    margin-top: 1.5em;
 }

.tercio{
  width: 25%;
 }

 
.completo input {
  width: 90%;
  height:1.5em;
    
  padding: 1px 0px;
  border: 2px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius:3px;
 
  box-shadow:
    0 0 0 1px rgba(0,0,2,0.1),
    0 1px 0 rgba(0,0,2,0.15),
    0 1px 1px rgba(0,0,2,0.1);
  text-shadow: 0 1px 0 rgba(253,253,255,1);
 }

.mitad input {
   width: 80%;
   height:1.5em;
   
     padding: 1px 0px;
  border: 2px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius:3px;
 
  box-shadow:
    0 0 0 1px rgba(0,0,2,0.1),
    0 1px 0 rgba(0,0,2,0.15),
    0 1px 1px rgba(0,0,2,0.1);
  text-shadow: 0 1px 0 rgba(253,253,255,1);
}

.tercio input {
  width: 15%;
}


.nota {
text-align:right;
}
.radio {
	width: 100%;
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
}
.radio1 {
	width: 95%;
	text-align:left;
	padding:1em;
	clear:both;
}
.radio1 input {
	width: 30%;
}



p {
  font-weight:normal;
  padding:1em;
  display:inline;
  
}

select#tipo_doc {
   width: 30%;
   font-family: Arial, Helvetica, sans-serif; 
   
   vertical-align:top;
   height:1.7em;
   margin-top:0.07em;
   
   float:left;
   
   font-size:12px;

   margin-left:2.2em;
   text-align:left;
    }


select#tipo_docing {
   width: 33%;
   font-weight: bold; font-size: 14px; color: #336699;
   height:1.5em;
   border-style:hidden;
   text-align:right;
   padding-left:1em;
   background:#fff;
   
 }


.completo  label{ /* formato de todas las label dentro de un span */
  width: 80%;
  display: block;
  text-align: left;
  padding-left: 2.7em;
  padding-bottom:0.2em;
  font-size:14px;
  
}

 .completo select {
  width: 90%;
  height:1.6em;
}

.mitad select {
  width: 80%;
  height:1.6em;
}

.mitad label{ /* formato de todas las label dentro de un span */
  width: 80%;
  display: block;
  text-align: left;
  padding-left: 2.7em;
  padding-bottom:0.1em;
  
}


.tercio label{ /* formato de todas las label dentro de un span */
	width: 60%;
	float: left;
	text-align: right;
	padding-right: 0.5em;
}
table.encabezado {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  border:0;
  padding:3em;
  padding-top:0;
  padding-bottom:1em;
   
  text-align:center;
}
table.encabezado td {
  vertical-align:bottom;
  width: 33%;
  height:30px;
  font-weight: normal;
  padding-bottom:0.5em;
  font-size:11px;
}
table.encabezado th {
  font-weight: bold;
  font-size:12px;
  height:20px;
  vertical-align:bottom;
}  
  


table.especialidad {
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100%;
  border-spacing:0;
  border-collapse:collapse;
  caption-side: top;
  padding-bottom:1em; 
  text-align:left;
}
table.especialidad caption{
text-align:left;
padding-left:0.5em;
padding-bottom:0.5em;
}
table.especialidad td {
  vertical-align:middle;
  width: 25%;
  height:30px;
  font-weight: normal;
  padding-left:1em;
}

table.normal {
  margin-top: 90px;
  margin-bottom: 40px;
  width: 100%;
  border-spacing:0;
  border-collapse:collapse;
  caption-side: top;
  padding-bottom:1em;
}

table.normal td {
  border: 2px solid #ccc;
  vertical-align:middle;
  
  height:30px;
  text-align:left;
  padding-left:2em;
  
}

table.normal th {
  height:50px;
  background:#dfe8f0;
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; font-weight: bold;
  text-align:center;
  padding-left:1em;
  line-height:1.5em;
  
  border: 2px solid #ccc;
}

table.normal caption{
margin:10px auto;
font-weight: bold;
text-align:left;
padding-left:1em;
}
  
table.normal td.center {
  border: 2px solid #ccc;
   height:40px;
  text-align:left;
  padding-left:3em;
  font-size:14px;
}
  
table.normal td.nota {
font-weight:normal;
text-align:justify;
}


table.normal td.reset{
  color:#000000;
  text-align:center;
  padding-left:0em;
  width:8%;
  background-color:#D3D3D3;
}
table.normal td.titulo{
  font-weight:bold;
  font-size:16px;
  background-color:#D3D3D3;
}
table.normal td.radio{
  height:10px;
  text-align:center;
  vertical-align:middle;
  padding:0;
  border-bottom:0;
  width:25%;
}
table.normal td.radio2{
  height:40px;
  text-align:center;
  vertical-align:middle;
   width:50%;
   padding:0;
   margin:0;
}
table.normal td.radio2 input{
  
   width:10%;
   
  
}

.botones {
  clear: both;
  float: none;
  padding: 1em 0;
  margin-top: 1em;
  text-align: right;
 }
 
input#codpais1, input#codpais2, input#codpais3 {
  width: 9%;
  border:0;
  text-align:right;
  background: #F7F7F9;
  visibility:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#000; font-weight: normal;
}

input#dia, input#ano {
  width: 18%;
  height:90%;
   text-align:left;
 
}

select#mes{
	width: 40%;
}

input#telarea, input#celarea {
  width: 20%;
  text-align:right;
  }

input#documento1 {
  width: 40%;
    margin-left:0.5em;
  }
  
input#facturacionarea {
  width: 13%;
  text-align:right;
  }
 
input:focus {
  border: 2px solid;
  border-color:#264E75;
  background-color:#A8D3FF;
  
  
}
 
select:focus {
  border: 2px solid;
  border-color:#264E75;
    
}



.formapago {
  margin-bottom:30px;
}

.pago {
  margin-bottom:30px;
  text-align:center;
  
}

.pago  label{ /* formato de todas las label dentro de un span */
  width: 30%;
  display:inline;
  text-align: left;
  padding-right: 3em;
  padding-left: 3em;
  padding-top:0.1em;
  
}

.pago input{
width:10%;

}



input#monto { 
  text-align:left;
  width:40%;
  border:0;
  z-index:200;
  color:#FF0000;
  font-size:14px; font-weight:bold;
  background: #F7F7F9;
}
input#moneda { 
  text-align:left;
  width:5%;
  border:0;
  z-index:200;
  color:#FF0000;
  font-size:14px; font-weight:bold;
  background:none;
  
}

input#montoconletras { 
  text-align:left;
  width:40%;
  border:0;
  z-index:200;
  color:#FF0000;
  font-size:14px; font-weight:bold;
  background: #F7F7F9;
}



.w80 { 
  width:95%;
  margin: 0 auto; /* de esta manera se centra una caja */
  border:1px silver solid;
}

select#facturaciontipodoc {
   width: 33%;
   
   text-align:right;
}



ul { 
list-style: none;
font-weight:normal;
text-align:justify;
line-height:1.5em;
}
li {
  font-weight:normal;
  text-align:justify;
  padding-right:2em;
}

#fondo {
	margin-top: 30px;
	height: 230px;
	float: left;
	width: 100%;
	
}

 #footer {
	height: 160px;
	float: left;
	width: 100%;
	
}

.wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer-col1 {
	float: left;
	width: 250px;
}	

#footer-col2 {
	float: left;
	width: 150px;
}
#footer-col3 {
	float: left;
	width: 150px;
}

#footer-col4 {
	float: right;
	width: 300px;
}

#logo {
	width: 400px;
	float: left;
}

#banner {
	float: left;
	width: 960px;

}

#fecha {
	width: 300px;
	float: right;
	text-align: right;
	margin-top: 65px;
}
#footer .wrap h1 {
	color: #000;
	font-size: 14px;
	text-align:right;
}

#footer .wrap p {
	color: #000;
	font-size: 12px;
	text-align:right;
	display:block;
	padding:0;
	padding-left:2em;
	
}

#temas1, #temas2 	{
		display:none;
		color:#000000; 
		font-size:1em;
		padding-top:0.5em; padding-bottom:0.5em;
		line-height:2em;
}

input#precongreso {
	visibility:hidden;
}

.noborder input {border:0;}

table.normal td.fechas {
  border: 2px solid #ccc;
  width: 30%;
  height:60px;
  text-align:center;
  padding-left:0em;
}
table td.titulo3 {
font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #336699;
}
table td.titulo4 {
font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; 
text-align:left;
}
table#tabla_resultados {
  border-spacing:1;
  border: 1;
  border-collapse:collapse;
  width:auto;
  
  clear:left;
  
  
}

table#tabla_resultados td {
  border: 2px solid #ccc;
  overflow:auto;
  white-space:nowrap;	
  text-align:left;
  padding:0.3em;
  
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color:#000000;
  
}

table#tabla_resultados th {
   border: 2px solid #ccc;
 white-space:nowrap;

  text-align:left;
   padding:0.3em;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#000000;
}
.titrdos {
text-align:left;
margin-left:3em;
  float: left;
  clear: left;
  padding: 0.3em 0;
}

table.normal td.noborder{
border-left:0;
border-right:0;
height: 40px;
vertical-align:top;
text-align:center;
padding-top:10px;
font-size: 14px;
}
table.normal td.noborder2{
border-left:0;
border-right:0;
height: 2px;

}
#tabla_archivos td{
border:0;
}

table.normal td.grande {
width: 40%;
border: 2px solid #ccc;

 
  height:50px;
  text-align:center;
  padding-left:0em;
}
  
table.normal td.mensaje3 {
  border: 2px solid #ccc;
  height: 50px;
  text-align:left;
  padding-left:2em;
  
  font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; 
}

table.normal td.nota {
  border: 2px solid #ccc;
  height: 40px;
  text-align:justify;
  line-height:1.5em;
  padding-top:1em;
  border-bottom:0;
  padding-left:1em;
  padding-right:1em;
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; font-weight: normal;
}
table.normal td.nota1 {
  border: 2px solid #ccc;
  height: 40px;
  text-align:justify;
  line-height:1.5em;
  padding:0;
  border-top:0;
  padding-left:1em;
  padding-right:1em;
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; font-weight: normal;
}
.titrdos {
text-align:left;
margin-left:3em;
  float: left;
  clear: left;
  padding: 0.3em 0;
}

.completo_ingreso {
  width: 100%;
  clear: both;
  text-align:center;
  
}

.ingreso {
width:100%;

}

.ingreso input{
width:50%;
padding: 0.5em;
padding-left:0.5em;


}

.ingreso label{ /* formato de todas las label dentro de un span */
  width: 22%;
  float: left;
  text-align: right;
  padding-right: 0.2em;
  padding-top:1em;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px;  
}


select#pais {
	height:2em;
	  padding: 1px 0px;
  border: 2px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius:3px;
 
  box-shadow:
    0 0 0 1px rgba(0,0,2,0.1),
    0 1px 0 rgba(0,0,2,0.15),
    0 1px 1px rgba(0,0,2,0.1);
  text-shadow: 0 1px 0 rgba(253,253,255,1);
}