body{
margin:0;
padding:0;
background:#fff;
}

#container{
  width:995px;  
  margin:0 auto;
  position:relative;
}

img{
border:0px;
}

img.principal{
  float:left;
}
#flash {
float:left;
width:778px;
height:210px;
}
img.principal2{
  float:left;
  margin-left:15px;
}

img.principal3{
margin-top:0px;
  margin-left:15px;
}

img.lista-home{
margin-right:8px;
float:left;
}

#cabecera{
  width:995px;
  height:92px;
  margin:0 auto;
}

img.logo{
float:left;
}

.header-menu
{
  float:left;
  margin-left:0px;
  width:670px; 
	top:0px;
	position:relative;
	left:0;
}

.header-menu ul
{	padding:0; 
	margin-top:0px;
	margin-left:250px;
	list-style:none; 
}

.header-menu li
{
	float:left; 
	margin-left:0px;
	text-indent:-99999px;
}

#btn_pedido{
display:inline;
float:right;
height:40px;
margin-right:30px;
width:126px;
}

#tiempo{
float:left;
margin-left: -50px;
}

#madrid{
margin-top:-30px;
color: #FF6600;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

#inicio{
  background: url('../images/menu/inicio-off.gif')  0 0 no-repeat; 
    width:63px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#inicio:hover{
     background: url('../images/menu/inicio-on.gif')  0 0 no-repeat; 
    width:63px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#inicio.active{
  background: url('../images/menu/inicio-on.gif')  0 0 no-repeat; 
}

#inicio.active:hover{
  background: url('../images/menu/inicio-on.gif')  0 0 no-repeat; 
}

#contrato{
  background: url('../images/menu/contrato-off.gif')  0 0 no-repeat; 
    width:73px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#contrato:hover{
     background: url('../images/menu/contrato-on.gif')  0 0 no-repeat; 
    width:73px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#contrato.active{
  background: url('../images/menu/contrato-on.gif')  0 0 no-repeat; 
}

#contrato.active:hover{
  background: url('../images/menu/contrato-on.gif')  0 0 no-repeat; 
}

#tarjeta{
  background: url('../images/menu/tarjeta-off.gif')  0 0 no-repeat; 
    width:67px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#tarjeta:hover{
     background: url('../images/menu/tarjeta-on.gif')  0 0 no-repeat; 
    width:67px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#tarjeta.active{
  background: url('../images/menu/tarjeta-on.gif')  0 0 no-repeat; 
}

#tarjeta.active:hover{
  background: url('../images/menu/tarjeta-on.gif')  0 0 no-repeat; 
}

#tarifas{
  background: url('../images/menu/tarifas-off.gif')  0 0 no-repeat; 
    width:59px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#tarifas:hover{
     background: url('../images/menu/tarifas-on.gif')  0 0 no-repeat; 
    width:59px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#tarifas.active{
  background: url('../images/menu/tarifas-on.gif')  0 0 no-repeat; 
}

#tarifas.active:hover{
  background: url('../images/menu/tarifas-on.gif')  0 0 no-repeat; 
}

#ayuda{
  background: url('../images/menu/ayuda-off.gif')  0 0 no-repeat; 
    width:59px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#ayuda:hover{
     background: url('../images/menu/ayuda-on.gif')  0 0 no-repeat; 
    width:59px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#ayuda.active{
  background: url('../images/menu/ayuda-on.gif')  0 0 no-repeat; 
}

#ayuda.active:hover{
  background: url('../images/menu/ayuda-on.gif')  0 0 no-repeat; 
}

#razones{
  background: url('../images/menu/razones-off.gif')  0 0 no-repeat; 
    width:146px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#razones:hover{
     background: url('../images/menu/razones-on.gif')  0 0 no-repeat; 
    width:146px;
    height:43px;
    cursor:pointer;
    cursor:hand;
}

#razones.active{
  background: url('../images/menu/razones-on.gif')  0 0 no-repeat; 
}

#razones.active:hover{
  background: url('../images/menu/razones-on.gif')  0 0 no-repeat; 
}

.header-menu li a
{	
	text-decoration: none;
	color: #494949;
	display: block;
	height:43px;
}
#miga {
	clear:both;
	float:left;
	margin-left:20px;
}

/* IE 6 HACK */
* html #miga {
	clear:both;
	float:left;
	margin-left:10px;
}

#migacontrato {
	clear:both;
	float:left;
	margin-left:20px;
}

/* IE 6 HACK */
* html #migacontrato {
	clear:both;
	float:left;
	position:absolute;
	margin-left:25px;
}

.Miga {
	font-size: 10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:0px;
}

* html .divisor {
margin-top:13px;
}

.Estilo2 {color: #FF6600}

img.lista-contratos{
margin-right:32px;
}

img.lista-tarjeta{
margin-right:42px;
margin-bottom: 25px;
}

.Estilo1 {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.Estilo10 {
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.Estilo11 {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}

#izquierda {
width:440px;
float:left;
margin-left:15px;
}

#derecha {
width:440px;
float:left;
margin-left:65px;
}

#texto-final{
position:relative;
padding-top:50px;
text-align:justify;
clear:both;
width:940px;
}

#tarifas-box{
float:left;
background:url(../images/tarifas/tarifas-bg.gif) top left no-repeat;
width:100%;
}
.button-container{
width:100%;
background:#ffffff;
float:left;
width:432px;
}
.box{
float:left;
margin-top:10px;
*margin-top:1px;
height:360px;
}
.box2{
float:left;
margin-top:30px;
*margin-top:20px;
height:380px;
}

img.button{
margin:5px 20px;
}

.contrato-detalle{
position:relative;
float:left;
width: 302px;
height: 411px;
display:block;
overflow:hidden;
margin:0 14px 25px 15px;
}

.tarjeta-detalle{
position:relative;
float:left;
width: 295px;
height: 361px;
display:block;
overflow:hidden;
margin:0 15px 25px 15px;
}

.contrato-mini{
float:left;
height:230px;
margin-right:10px;
overflow:hidden;
position:relative;
width:230px;
}


a.comprar{
background:url(../images/comprar.jpg) no-repeat scroll 0 0 transparent;
height:23px;
left:183px;
position:absolute;
text-indent:-99999px;
top:185px;
width:93px;
z-index:50;
}

a.comprar2{
background:transparent url(../images/comprar.jpg) no-repeat scroll 0 0;
height:23px;
left:190px;
position:absolute;
text-indent:-99999px;
top:320px;
width:93px;
z-index:50;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Reglas de Safari 3.0 y Opera 9  */
/*a.comprar{ pmargin-top:400px;}*/
/*a.comprar2{ margin-top:-40px; margin-left:175px;}*/
}

a.comprar-home{
background:url(../images/comprar-mini.jpg) no-repeat scroll 0 0 transparent;
height:18px;
left:145px;
position:absolute;
text-indent:-99999px;
top:203px;
width:73px;
z-index:50;
}

/*.tip{position: relative;
margin-top:-280px; 
margin-left:-20px;}*/

.tip{position: absolute;
top:-280px; }



/*.tip          { width:295px; background-color: White; 	font-family: Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;} 
.tip-top        { height:26px; width:295px; } 
.tip-title      { color:#FF6600; font-weight:bold; border-bottom: 1px solid #666666; margin:10px 0px 10px 10px; width:275px;} 
.tip-text       { padding:0px 0px 10px 10px; font-size: 11px; color: #666666; width:275px;} 
.tip-bottom     { width:295px; height:81px; }*/

.casilla{
  float:left;
  margin-right:5px;
  margin-bottom: 10px;
  padding-top:5px;
  width:30px;
  height:30px;
  background:url(../images/razones-fondo.jpg) no-repeat 0 -3px;
  text-align: center;
  font-size: 14px;
  clear: both;
}

.spacer{
	padding-top:7px;
	float:left;
	clear:right;
	*float:none;
}

.Estilo12 {
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	display:block;
	margin-left:10px;
}

.Estilo13{
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	display:block;
	text-align:right;
	margin-top:20px;
	margin-right:570px;
}

.campos{
  margin-left:15px;
  margin-bottom:10px;
  height:12px;
  width: 300px;
  font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.campos2{
  margin-left:15px;
  width: 300px;
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.vertical{
  margin-top:0px;
  float: left;
  clear: left;
  text-align: right;
  width:100px;
}

.envio{
  margin-top:20px;
}

#todo{
margin-top:0px;
margin-left:0px;
}

.Miga a{
color: #434343;
text-decoration: none;
}

.Miga a:hover
{
text-decoration: underline;
}
#error {
margin-top:25px;
text-align:center;
}
#error h2{
color:#666;
font-size:18px;
}
#error ul{
text-align:left;
width:550px;
margin:25px auto;
list-style-image: url(../images/bullet_01.gif);
}
#error a{
color:#FF6600;
}