body { 
  font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
  color : #666666; 
  margin : 20px 0px 20px 0px; 
  text-align: center; 
} 



body as:link, body as:visited, body as:hover {
	text-decoration: none;
	padding: 0;
	color: #000000;
	background-color: red;
	text-decoration: none;
}

td {
  font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

#bcnt {  

  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  padding : 0 0 0 0px; 
  background-image : url(imgs/bgb.jpg); 

   
  background-position : left; 
  background-repeat : repeat-y; 
  clear : both; 


  text-align: left; 
  width: 957px; 
  background-color : #ffffff; 


  margin: auto; 
} 





#btp {
  background-image: url(imgs/top.jpg);
  background-repeat : no-repeat; 
  background-position : top; 
  padding : 20 30 0 115px; 
  height: 155px; 

}

#bbdy {

  background-color: red;
  padding : 0 10 10 10px; 
  width: 680;
  margin-left: 33px; 
  margin-bottom: 30px;

  float:left; 

  display: inline;
  
  font-family: "Trebuchet MS", Verdana, serif;		
  font-size: 1.1em;
  line-height: 2em;
		
  

}

#blat {


  padding : 0 0 10 10px; 
  width: 165;
  margin-right: 40px; 
  background-color: red;
  float: right; 
  text-align: right; 
}


#bbtt {
	background-image: url(imgs/bott.jpg);
	background-repeat : no-repeat;
	background-position : bottom;
	padding : 0 20 0 20px;
	height: 56px;
	clear: both;

}


/* ENLACES --------------------------------------------*/

#bbdy a:link {
	color: #000000;
	background-color: #eeedff;
	text-decoration: none;
	padding:1 3 1 3px;

  
 	
	
}
#bbdy a:visited {
	color: #000000;
	background-color: #eeedff;
	text-decoration: none;
	padding:1 3 1 3px;
  

}
#bbdy a:hover {
	background-color: #fbdb00;
	color: #000000;
	text-decoration: none;
}



#bbdy table a:link, #bbdy table a:visited {
	text-decoration: none;
	padding: 0;

}






#bbdy table a:hover {
	background-color: #fbdb00;

	color: #000000;
	text-decoration: none;


}


#blat table a:link {
	text-decoration: none;
	padding: 10px;
	border: hidden;
}


#blat table a:visited {
	text-decoration: none;
	padding: 10px;
	border: hidden;
}


#blat table a:hover {

	text-decoration: none;

}







#1cab { 
  height : 106px; 
  width: 700px; 
  padding : 10px 10px 10px 10px;
} 







/*--------------- elementos de texto -----------------*/

/* T�tulo de secci�n */
.OLD_title1 {

	padding:3 3 3 3px;
	margin: 0 0 5 0px;
	font-weight: bold;
	background-color : #F3F1D1;
	border-style: solid;
	border-width: 1px;
	border-color: #b1b1b1;
	text-align: center;
}
.title1 {

	padding:3 3 3 3px;
	margin: 0 0 5 0px;
	font-weight: bold;
	background-color : #FFFFFF;
	border-style: solid;
	border-width: 0px;
	border-color: #b1b1b1;
	text-align: center;
}	

.inter {
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color : #666666; 
	margin : 20px 0px 20px 0px; 
	text-align: justify;
	padding:3 3 3 3px;
	margin: 0 0 5 0px;
	background-color : #FFFFFF;
	border-style: solid;
	border-width: 0px;
	border-color: #b1b1b1;
	line-height: 2em;
}	
   


.parr1 {
	text-align: justify;
	line-height: 18px;
}

.resal1 {
	font-weight: bold;  
	padding: 2px 3px 0px 5px;
	
	text-decoration: none;
	border-bottom: 1px dotted;
}


.copy {
  color: #FFFF66;
}

.whitelink { 
  background-color:#26277b; 
  text-decoration:none; 
  color:#ffffff;
}

.whitelink:hover {
  color: #26277b;
  background-color: #ffffff;

}

.rectan {
        border: dashed thin #666666;
        padding: 5px;
        font-family: monospace, "Courier New", "Courier";
        font-size: 8pt;
        background: #F0F0F0;
}



/*----------------Formulario----------------------*/

#formulario {
	margin: 0px 0px 0px 70px;
	padding: 1px 0px 0px 15px;
	background-image: url(imgs/bg_comment.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#formulario2 {
	margin: 0px 0px 0px 70px;
	padding: 1px 0px 0px 15px;
	background-image: url(imgs/bg_comment.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
fieldset {
	border: 0;
	padding: 5px;
}

legend{
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	border: 0;
	margin: 10px 0 3px 0;
	padding: 0;
	color: #7fa4ca;
}

#formulario label, #formulario input {
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10px;
	display: block;
	width: 185px;
	float: left;
	margin: 1px;
	margin-left: 1px;
}

#formulario label {
	color: #999;
	text-align: left;
	width: 120px;
	height: 18px;
	background-color: #9bbbdb;
	background-image: url(/imgs/bg_comment_label.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 2px 4px 0px 6px;
}

#formulario .campo {
		border: 1px solid #ccc;
		color: #2F4165;
		border: 1px solid #9bbbdb;
		width: 150px;
		height: 20px;
		font-size: 1.1em;
}

#formulario .textarea {
		border: 1px solid #ccc;
		font-family: "Trebuchet MS", Vendana, Arial, sans-serif;	
		font-size: 1.1em;
		color: #2F4165;
		border: 1px solid #9bbbdb;
		width: 250px;
}
#formulario #submit {
	background-color: #eeedff;
	border-top: 1px solid #bad2e9;
	border-left: 1px solid #bad2e9;	
	border-right: 1px solid #628fbc;
	border-bottom: 1px solid #628fbc;
	padding: 0;
	margin:0px;
	color: #26277b;

}

#formulario .politica {
	font-size:0.8em;
	line-height:1.3em;
	text-align:justify;
	width:340px;
}
#formulario2 label, #formulario2 input {
	font-family: "Trebuchet MS", Vendana, Arial, sans-serif;
	font-size: 10px;
	display: block;
	float: left;
	margin: 1px;
	margin-left: 1px;
}

#formulario2 label {
	color: #999;
	text-align: left;
	width: 120px;
	height: 18px;
	background-color: #9bbbdb;
	background-image: url(/imgs/bg_comment_label.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 2px 4px 0px 6px;
}

#formulario2 .campo {
		border: 1px solid #ccc;
		color: #2F4165;
		border: 1px solid #9bbbdb;
		width: 150px;
		height: 20px;
		font-size: 1.1em;
}


#formulario2 .textarea {
		border: 1px solid #ccc;
		font-family: "Trebuchet MS", Vendana, Arial, sans-serif;	
		font-size: 1.1em;
		color: #2F4165;
		border: 1px solid #9bbbdb;
		width: 250px;
}
#formulario2 #submit {
	background-color: #eeedff;
	border-top: 1px solid #bad2e9;
	border-left: 1px solid #bad2e9;	
	border-right: 1px solid #628fbc;
	border-bottom: 1px solid #628fbc;
	padding: 0;
	margin:0px;
	color: #26277b;

}

#formulario2 .politica {
	font-size:0.8em;
	line-height:1.3em;
	text-align:justify;
	width:340px;
}

.etiqueta_comentario{
	margin-left: 2px;
	margin-bottom: 1px;	
	padding-top: 2px;
}

#formulario br {
	clear: left;
}



/* ---------------- Caja redondeada ----------*/
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { 
  width: 50%; 
  margin: 1em auto; 
  margin: 0;
  padding: 0;
  border: 3px solid #9bbbdb;
}

/* Estilos para el botón "Volver al Inicio" */
.back-to-home {
    text-align: center; /* Centra el botón en su contenedor */
    margin: 20px 0; /* Espaciado superior e inferior */
}

.btn-home {
    display: inline-block; /* Hace que el enlace se comporte como un botón */
    padding: 10px 20px; /* Espaciado interno del botón */
    font-size: 16px; /* Tamaño del texto */
    color: white; /* Color del texto */
    background-color: #007BFF; /* Color de fondo del botón */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados */
    text-decoration: none; /* Elimina el subrayado */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    transition: background-color 0.3s; /* Transición suave para el cambio de color */
}

.btn-home:hover {
    background-color: #0056b3; /* Color de fondo del botón al pasar el ratón */
}


.result-container {
	text-align: center;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
}
.result-container p {
	font-size: 1.2em;
	color: #007BFF; /* Azul más brillante */
}
.result-container .important {
	font-weight: bold;
	color: #FF5733; /* Color destacado */
}
.result-container .description {
	text-align: left;
	margin-top: 15px;
	font-size: 1em;
	color: #555;
}