/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    rom�n casado
futura-tc 
website:   http://www.futura-tc.com/

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 14px/16px Arial, Verdana, sans-serif;
}
h1  {
  font: bold 36px/36px Arial, Verdana, sans-serif;
  /*font-size: 36px;*/
 /* font-weight: bold;*/
  /*float: left;*/
 /* line-height: 36px;*/

}

h2 {
  font: bold 18px/21px Arial, Verdana, sans-serif;
  /*font-size: 18px; 
  font-weight: bold;*/
  color: #686868;
}
h2.usuario {
  font: bold 18px/20px Arial, Verdana, sans-serif;
  /*font-size: 18px; 
  font-weight: bold;*/
  color: #686868;
  padding-bottom: 6px;
  width:auto;
margin: 26px 0 10px 0;
background:url(../img/bg_dotted.gif) repeat-x 0 99% !important; 
}
h3 {
  /*font-size: 18px; 
  font-weight: bold;
  color: #686868;*/
}

p.diecisiete {
  font-size: 17px;
  	line-height: 20px;
}
p.dieciseis {
  font-size: 16px;
}
p.quince {
  font-size: 15px;
}
p.catorce {
  font-size: 14px;
  line-height: 17px;
}
p.trece {
  font-size: 13px;
  margin: 10px 0 8px 0;
}
p.doce {
  font-size: 12px;
  line-height: 15px;
  margin: 7px 0;
}
p.once {
  font-size: 11px;
}

li {
  font-size: 14px;
}
#mainNav {
  /*list-style: none;*/
}

#copy {

}
#footer {
	
}
.gris {
	color: #676767;
}
.rojo {
	color: #fa0009;
}




/* =Headings
-----------------------------------------------------------------------------*/
body {
  text-align: center; 
  min-width: 970px;
  background: #fff url(../img/fons.jpg) repeat-x; 
}

#wrapper {
  width: 970px; 
  margin: 0 auto; 
  text-align: left;
  /*background: #fff url(images/nav-bg-fixed.gif) repeat-y left top;*/
}
#branding {
	width: 970px;
  height: 110px;
  /*padding: 20px;*/
 float: left; /* prueba*/
}
#mainNav, #mainNavUsuarios { 
width: 970px;
  height: 30px;
 /* margin: 0 0 12px 0;	*/															/* �separac�n mainNav-content?*/
}
#content {
 	width: 970px;
	height: auto;
	float: left;
	/*text-align: left;*/
	background: url(../img/bg-secundaryContent.gif) repeat-y left top;
	margin: 12px 0 8px 0;																/* separac�n mainNav-content-copy*/
}

#mainContent { 
  width: 600px;
  float: left; 
}

#secundaryContent { 
  width: 295px; 
  float: right; 
  /*margin: 12px 0 14px 0;*/
}
#copy {
 	width: 970px;
  float: left;
 background-color:#e6e6e6;
  padding: 0;
  /*margin: 6px 0 0 0;*/																/* separaci�n content-copy*/
  line-height: 60px;   /*copy version 2*/
  /*margin-bottom: 30px;*/     														/* separaci�n copy-footer*/                               
}

#footer { 
  clear: both; 
 padding: 30px 0 10px 6px;														/* separaci�n copy-footer*/
} 

/* Add some padding
================================== */

#mainContent {
  padding: 10px 0px 20px 0px;
 
}

/* =Links
-----------------------------------------------------------------------------*/
a, a:visited {
	color:#FA0009;
}
a:hover {
	TEXT-DECORATION: none
}

/* =Branding
-----------------------------------------------------------------------------*/

#logo {
	float: left;
	width: 500px;
	height: 110px;
}
#logo img {
	width: 177px;
	height: 48px; 
	margin-top: 31px;
}

#usuarios {
/*font-weight: bold;*/
width: 295px;
height: 23px;
float:right;
margin: 10px 0 0 45px;
}
#usuarios p.acceso {
width: 170px;
height: 23px;
float:left;
/*line-height: 20px;*/
}
#usuarios p.conectar {
width: 120px;
height: 23px;
float:right;
/*line-height: 20px;*/
text-align: center;
background: url(../img/bg-desConectar.gif) no-repeat;
}
#usuarios strong {
margin-top: 3px;
display: block;

}
#usuarios p.conectar a,#usuarios p.conectar a:visited {
  font-size: 12px;
 /* font-weight: normal;*/
  text-decoration: none;
display: block;
color: #000000;
line-height: 20px;
}
#usuarios p.conectar a:hover {
color: #fa0009;

}
#usuariocertificado{
	width: 295px;
	height: 30px;
	float:right;
	margin: 10px 0 0 45px;
	  font-size: 12px;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
ul#mainNav {
  margin: 0;
  padding: 0;
  /*width: 970px;
  height: 30px; */
  float: left;/*como consecuencia de flotar el li*/
  background: #e10000 url(../img/bg-mainMenu.gif) repeat-x left top;
  list-style: none;
}

ul#mainNav li {
  float: left; /*HACE QUE LA Lista se muestre horizontalmente*/
}


ul#mainNav a {
	margin: 6px 0 0 0;
  padding: 0 14px;  /*la anchura depende del tamaño del texto*/
  line-height: 6px;  /*Al mismo tiempo que da la altura centra el texto*/
  /*background: url(images/mainNavBorder.gif) repeat-y left top;*/
  font: bold 13px arial,verdana, sans-serif;
  text-decoration: none;
  color: #fff;
  float: left;   /*parche: IE 5.2 en Mac*/
  display: block; /*comporta como boton*/
  border-left: 1px solid #f18080;
}


ul#mainNav a:hover {
  color: #0f0f0f;
}


ul#mainNav .first a {
 /* background: none;*/
 border-left: none;
}

ul#mainNav a#current, ul#mainNav a#current:hover, ul#mainNav.navFaq a#navFaq,
ul#mainNav.navTimestamp a#navTimestamp, ul#mainNav.navCertificate a#navCertificate, 
ul#mainNav.navWhatis a#navWhatis, ul#mainNav.navAddressed a#navAddressed, ul#mainNav.navHowworks a#navHowworks,
ul#mainNav.navPrices a#navPrices, ul#mainNav.navStart a#navStart,
ul#mainNavUsuarios.navDesignmaint a#navDesignmaint,
ul#mainNavUsuarios.navDesignregister a#navDesignregister,
ul#mainNavUsuarios.navBuypack a#navBuypack,
ul#mainNavUsuarios.navEditprofile a#navEditprofile,
ul#mainNavUsuarios.navFaq a#navFaq
{
	color: #0f0f0f;
}
/*#tarifas #nav-tarifas {
	color: #0f0f0f;
	font-weight: bold;
}*/

/* =Menu usuarios
-----------------------------------------------------------------------------*/

ul#mainNavUsuarios {
  margin: 0;
  padding: 0;
  /*width: 970px;
  height: 30px; */
  float: left;/*como consecuencia de flotar el li*/
  background: #e10000 url(../img/bg-menuUsuarios.gif) repeat-x left top;
  list-style: none;
}

ul#mainNavUsuarios li {
  float: left; /*HACE QUE LA Lista se muestre horizontalmente*/
}


ul#mainNavUsuarios a {
	margin: 6px 0 0 0;
  padding: 0 14px;  /*la anchura depende del tamano del texto*/
  line-height: 7px;  /*Al mismo tiempo que da la altura centra el texto*/
  /*background: url(images/mainNavBorder.gif) repeat-y left top;*/
  font: bold 13px arial,verdana, sans-serif;
  text-decoration: none;
  color: #fff;
  float: left;   /*parche: IE 5.2 en Mac*/
  display: block; /*comporta como boton*/
  border-left: 1px solid #cdcdcd;
}


ul#mainNavUsuarios a:hover {
  color: #0f0f0f;
}


ul#mainNavUsuarios .first a {
 /* background: none;*/
 border-left: none;
}

ul#mainNavUsuarios a#current, ul#mainNavUsuarios a#current:hover{
	color: #0f0f0f;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/

ul#subNav{
width: 295px;
/*height: 40px;*/
height: 24px;
float:right;
margin-top: 16px;
/*padding-right: 20px;*/
border-bottom: 1px solid #fff;

}
ul#subNav li{
display: inline;
list-style-type: none;
padding: 4px 9px;
float:right;
	
}
ul#subNav li{
font: normal 11px arial,verdana, sans-serif;
}


/* =Main Content
-----------------------------------------------------------------------------*/
#hand {
	/*float: left; */
	/*height:180px;
	width: 250px;
	border-bottom: 1px solid #e3e3e3;
	background: url(../img/mano-que-es-trans.gif) no-repeat 20px bottom;*/
}

 #mainContent img {
 	
 }

#mainContent h1 {
  margin: 0 0 2px 0;
}
#mainContent h2 {
  
}
#mainContent p.catorce {
 /* margin: 18px 0;*/
  margin: 16px 0 6px 0;
}
#mainContent p.dieciseis {
  margin: 16px 0 6px 0;
}

#mainContent p.diecisiete, #tarifas #wrapper #content #mainContent p.diecisiete {
	margin: 21px 0 32px 0;
}


/* =Secondary Content
-----------------------------------------------------------------------------*/
#secundaryContent h2, #secundaryContent p,#secundaryContent ul{ 
	padding-right: 16px;
	/*margin-right: 16px;*/
}

#secundaryContent h2 { 
	/*color: #686868;*/
	margin: 24px 0 14px 0;
}
#secundaryContent p.doce { 
	/*margin: 15px 0 15px 0;*/                  /*  ojo revisar*/
	  margin: 10px 0 10px 0;
}
#secundaryContent p.catorce {
 /* margin: 18px 0;*/
  margin: 16px 0 6px 0;
}
#secundaryContent ul#primeracceso{
		list-style:none;
}
#secundaryContent ul#primeracceso li{
	padding:18px 0 0 36px; 
	margin: 10px 0 8px 0;	
	font-size: 12px;
}
#secundaryContent ul#primeracceso li#uno{
	background: url(../img/bulletuno.gif) no-repeat 0 10px;
	margin: 10px 0 8px 0;
}
#secundaryContent ul#primeracceso li#dos{
	background: url(../img/bulletdos.gif) no-repeat 0 10px;
	margin: 10px 0 8px 0;
		border-top:1px dotted #666;
}
#secundaryContent ul#primeracceso li#tres{
	background: url(../img/bullettres.gif) no-repeat 0 10px;
	margin: 10px 0 8px 0;
		border-top:1px dotted #666;		
}
#secundaryContent ul#primeracceso li#cuatro{
	background: url(../img/bulletcuatro.gif) no-repeat 0 10px;
	margin: 10px 0 8px 0;
		border-top:1px dotted #666;
}
#secundaryContent ul#primeracceso li strong.rojo{
		font-size: 16px;
		color: #ff0000;
		display: block;
		margin: 0 
}


#secundaryContent ul#secundary{
	margin: 0 0 20px 0;
	/*padding: 0px;*/
	list-style:none; 
}
#secundaryContent ul#secundary li{
	background: url(../img/bulletsecundary.gif) no-repeat 0 10%;
	padding-left:30px; 
	margin: 10px 0 8px 0;
}
#secundaryContent ul#secundary li.separador{
	height: 1px;
	line-height: 1px;
	background: url(../img/separadorSecundariContent.gif) no-repeat 30px 0;
}

/* =Copy
-----------------------------------------------------------------------------*/
#copy p{
	font-size: 12px;
	float: left;
	margin-left: 20px;
}
#copy ul#contact{
/*height: 60px;*/   /*copy 2*/
float:right;
list-style-type: none;
/*padding-right: 50px;*/
margin-right: 20px;
}
#copy ul#contact li{
display: inline;
float: left;
padding-left: 40px;
/*height: 60px;*/
line-height: 60px;
font-size: 12px;
}
#copy ul#contact li.tel{
background: url(../img/tel.gif) no-repeat 15px 50%;
}
#copy ul#contact li.mail{
background: url(../img/mail.gif) no-repeat 15px 50%;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
  /*padding: 30px 6px;*/
 /* margin: 50px 0 10px 0;*/
}
#footer img{
  margin: 0 60px 0 0;
}


/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {
  /*width: 624px;*/
}


/* fieldset styling */
fieldset {
  margin: 16px 0; /*  space out the fieldsets a little*/
  padding: 6px;
    border: none;
}
form p {
 position: relative;
  width: 100%;
  padding: 3px 0;
}

/* style for  labels */
label {
  float: left;
	width: 170px;
  font-size: 14px;
  text-align: right;
  margin-right: 20px;
}
label .maximo {
  font-size: 11px;
}

input {
  width: 378px;
  color: #686868;
  font-size: 12px;
}
select {
	width: 380px;
	color: #686868;
  font-size: 12px;
}
input#enviarArchivo{
margin-top:10px;

}

input[type="text"], textarea {
  border-top: 1px solid #b6b6b6;
  border-left: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
}

input.radio, input.checkbox, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #fff;
  color: #686868;
  font-size: 12px;
}

input.radio {
  /*margin-right: 10px;*/
}
label.compra {
    float: none;
	width: 600px;
  
  text-align: left;
  margin-left: 10px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  /*text-indent: 2em;*/
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  /*text-indent: 0;*/
}

/* End the hack */


textarea {
  width: 378px;
  height: 200px;
}

#enviar
{
margin: 10px 0;
text-align: center;

}



/* =Tables
-----------------------------------------------------------------------------*/

table {
  width: 577px;
  margin-top: 10px;
}
thead {

}
th {
  font-size: 13px;
  color: #686868;
}
td {
  font-size: 14px;
}
th, td {
  padding: 8px 8px;
  border: 1px solid #e6e6e6;
  font-weight: normal;
  text-align: left;
}
tr:hover {
  background-color:#efeded;
  /*background-color:#e6e6e6;*/
}
thead tr:hover {
  background-color: transparent;
  color: inherit;
}

/* =listas
-----------------------------------------------------------------------------*/

ul.bulletdoce{
	margin: 7px 0 7px 10px;
	list-style:none;  
  	padding: 0; 
   
}
ul.bulletdoce li{
	background: url(../img/bullet.gif) no-repeat 0 4px;
	padding-left:16px; 
	margin: 3px 0 0 0;
	font-size: 12px;
	 line-height: 15px; 
}

ul.bulletdoceespaciado{
	margin: 7px 0 7px 10px;
	/*padding: 0px;*/
	list-style:none; 
}
ul.bulletdoceespaciado li{
	background: url(../img/bullet.gif) no-repeat 0 6px;
	padding-left:16px; 
	margin: 12px 0 0 0;
		font-size: 12px;
}

ul.bulletcatorce{
	margin: 0 0 0 20px;
	/*padding: 0px;*/
	list-style:none; 
}
ul.bulletcatorce li{
	background: url(../img/bullet.gif) no-repeat 0 6px;
	padding-left:16px; 
	margin: 3px 0 0 0;
		font-size: 14px;
}

/*                             */



ul#nav {
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

ul#nav li {
	margin: 8px 8px; 
	padding-top: 1px; 
	background: url(../img/bg_dotted.gif) repeat-x 0 77% !important; 
	background-position: 0 61%;  						/*hack para Internet Explorer*/
} 
ul#nav li span.deposito {
	display: block; 
	float: left; 
	padding: 1px 3px; 
	background: #fcfcfc;
}	
ul#nav li span.precio {
	display: block; 
	float: right; 
	padding: 1px 3px; 
	background: #fcfcfc;
}	
ul#nav li br{
	clear: both;
}


/* =Misc 1
-----------------------------------------------------------------------------*/
/*ol#depositoycustodia {
 list-style-type: lower-roman;
  } 
  ol#depositoycustodia li{
 background: url(../img/separadorSecundariContent.gif) no-repeat 30px 0;
  } 
    ol#depositoycustodia li span{
 float: right;
  } */
  
  
  

/* :::::::::::::::::::::::::::::::::::::::::::::::  P�GINAS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* =home
-----------------------------------------------------------------------------*/
#inicio #content {
background:none;

}
#inicio #content .home {
	float:left;
	width: 319px;
	height: 300px;
	border-left:4px solid #e0e0e0;
	margin: 12px 0;
}
#inicio #content .home h1{
	  margin: 4px 40px 18px 25px;
}
#inicio #content .home p.catorce{
	  margin: 18px 30px 18px 25px;
}
#inicio #content .home p.mas {
	  margin: 0px 30px 0px 25px;
	   width:120px;
		height:23px;

	  background: url(../img/bg-boton.gif) no-repeat;
		text-align: center; 
		/*margin: 0 auto;*/
	float: left;

}
*html #inicio #content .home p.mas {
	  margin: 0px 30px 0px 12px;    /* hack I.E. 6*/


}
#inicio #content .home p.mas a, #inicio #content .home p.mas a:visited{
		line-height: 20px; /*centra el texto verticalmente*/
  font-size: 12px;
  color:#000000;
 /* font-weight: normal;*/
  text-decoration: none;
display: block;
}
#inicio #content .home p.mas a:hover{
 color: #fa0009;

}


/* =dirigido
-----------------------------------------------------------------------------*/

#aquienvadirigido #content {
	background: none;

}
#aquienvadirigido #wrapper #content #mainContent{
 	width: 390px;
}
#aquienvadirigido #wrapper #content #mainContent p#dir{   /* si es #intro no funciona*/
 	margin: 12px 0 10px 0;	                 
}
/*#aquienvadirigido > div #wrapper > div #content > div #mainContent > p #intro*/


/* =Como funciona
-----------------------------------------------------------------------------*/
#comofunciona #pasos{  

  width: 600px;
  margin-top: 10px;

	}
	#comofunciona #pasos #columnaizquierda{  
	float: left;
  width: 284px;
	}
	#comofunciona #pasos img{
	float: left;
	 padding: 0 0 10px 0;
	}
		#comofunciona #pasos #columnaderecha{  
	float: right;
  width: 284px;
	}
	#comofunciona #pasos #columnaderecha p {
	 float: left;
  margin: 0;
  padding: 10px 0 0 0; 
	}
	#comofunciona #pasos #columnaderecha ul {                               /*ul.bulletdoce */
	float: left;
 /* margin: 0;
  padding: 0; */
	}
		#comofunciona #pasos #columnaderecha p, #comofunciona #pasos #columnaderecha ul li{           /*ul.bulletdoce li */

   /* font-size: 12px;
	 line-height: 15px;  */   
	}
	/* =Tarifas
-----------------------------------------------------------------------------*/
 .navcontainer {
	float: left; 
	width: 580px; 
	margin: 0 0 13px 0; 
	background: #fcfcfc url(../img/bg-navcontainer.gif) repeat-x;
	border: 1px solid #e6e6e6; padding: 10px;
}
.navcontainergris {
	float: left; 
	width: 580px; 
	margin-top: 26px;
	background: #fcfcfc;
	border: 1px solid #e6e6e6;
	 padding: 10px;
}
.espai {
	margin-top: 20px;
}
 .navcontainer h2 {
 	margin: 10px 10px;
	color:#FA0009;
 }
 
.navcontainergris h2.gris {
 	  margin: 10px 10px;
		color: #676767;
}

#tarifas #wrapper #content #mainContent p {
  margin: 1px 10px;
}


	/* =Certificado Digital
-----------------------------------------------------------------------------*/
/*body #certificadodigital > div #wrapper > div #content > div #mainContent > ul .main > li
html > body #certificadodigital > div #wrapper > div #content > div #secundaryContent > ul .bulletcatorce*/


 #certificadodigital #mainContent h2 {
 		font: normal 14px/16px Arial, Verdana, sans-serif;
		 color: #000000;
		 margin: 36px 0 12px 0;
		 padding-bottom: 3px;
  width:auto;
background:url(../img/bg_dotted.gif) repeat-x 0 99% !important; 
}
 #certificadodigital #mainContent li {
		 font: 12px/15px Arial, Verdana, sans-serif;
}

 #certificadodigital p.nota {
 font: 12px/15px Arial, Verdana, sans-serif;
		 border: 1px solid #e7e7e7;
		 padding: 20px 22px;
		 margin-top: 20px;
}
 #certificadodigital p.nota strong{
		 color: #686868;
}
 #certificadodigital #secundaryContent ul.bulletcatorce li {
		 margin:10px 0;
}


/* =FAQ's 
-----------------------------------------------------------------------------*/

ul#directorio{
list-style-type: none;
}
ul#directorio li{
font-size: 12px;
line-height: 18px;
}


#faqs #secundaryContent span.tel{
display: block;
padding-left: 40px;
height: 60px;
line-height: 60px;
font-size: 14px;
margin-right: 20px;
background: url(../img/tel.gif) no-repeat 15px 50%;
}
#faqs #secundaryContent span.mail{
display: block;
padding-left: 40px;
height: 60px;
line-height: 60px;
font-size: 14px;
margin-right: 20px;
background: url(../img/mail.gif) no-repeat 15px 50%;
}
#faqs #secundaryContent span.tel strong{
 font-size: 18px;
}
/**/

#faqs ul#faqs {
float: left;
	margin: 0 0 15px 0; 
	padding: 0; 
	list-style: none; 
		width:970px;
}

ul#faqs li {
	margin: 0 ; 
	padding: 10px;
	
	
} 
ul#faqs li.impar{

	background:  #f4f4f4 url(../img/bg_dotted.gif) repeat-x 0 99% !important;
	
} 
ul#faqs li.par{

		background: #ededed url(../img/bg_dotted.gif) repeat-x 0 99% !important; 
	
}

ul#faqs li span.pregunta {
	float:left;
	display: block; 
	padding: 1px 3px; 
		width:290px;
		font-weight: bold;

}	
ul#faqs li span.definicion {
	
	display: block; 
	padding: 1px 3px; 
	margin-left: 300px;
	width:630px;
	
}	
ul#faqs li br{
	clear: both;
}

/**/



form#formularioCompra {
/*width: 20px;*/
}
form#formularioCompra fieldset {
 /* margin: 6px 0 0 0;*/ /*  space out the fieldsets a little*/
 /* padding: 0;
    border: none;*/
}
input.radio {
  margin: 0 30px 0 0;

}
ul#navusuarios {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	width: 580px;
}
ul#navusuarios li {
	margin: 16px 8px; 
	padding-top: 1px; 
	background: url(../img/bg_dotted.gif) repeat-x 0 77% !important; 
	background-position: 0 61%;  						/*hack para Internet Explorer*/
} 
ul#navusuarios li span.deposito {
	display: block; 
	float: left; 
	padding: 1px 3px; 
	background: #fcfcfc;
}	
ul#navusuarios li span.precio {
	display: block; 
	float: right; 
	padding: 1px 3px; 
}	

ul#navusuarios li.uno span.deposito, ul#navusuarios li.uno span.precio {
background: #F6F6F6;
}
ul#navusuarios li.dos span.deposito, ul#navusuarios li.dos span.precio {
background: #F8F8F8;
}
ul#navusuarios li.tres span.deposito, ul#navusuarios li.tres span.precio {
background: #FBFBFB;
}
ul#navusuarios li br{
	clear: both;
}
/*  ************************ botons *****************************   */
ul.barrabotons{
	list-style: none; 
	float: left;

}
li.boton{
float: left;
background: url(../img/bg-botonIzquierdo.gif) top left no-repeat; 
/*width:120px;*/ width:auto;
height:23px;
text-align: center; 
margin: 6px 6px;
padding: 0 0 0 0;
display: block;
}
li.boton a, li.boton a:visited {
background: url(../img/bg-botonDerecho.gif) top right no-repeat; 
padding: 0 6px 0 6px;
	line-height: 23px;
  font-size: 12px;
  color:#000000;
 /* font-weight: normal;*/
  text-decoration: none;
display: block;
}
li.boton a:hover{
	color: #fa0009;
}

/* ::::::::::::::::::::::::::::::::::*/
.separador{
width:auto;
height: 1px;
line-height: 1px;
margin: 10px 0;
/*background:url(../img/bg_dotted.gif) repeat-x !important; */
background:url(../img/bg_dotted.gif) no-repeat !important; 
}

#saldo{
  font: bold 18px/12px Arial, Verdana, sans-serif;
color:#FA0009;
	
}





