@charset "UTF-8";
/* CSS Document */

/*///////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      reset     //////////////////////////////////////////////*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
 
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
 
ins { background-color: #ff9; color: #000; text-decoration: none; }
 
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
 
del { text-decoration: line-through; }
 
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }
 
hr { display: block; height: 1px; border: 0; border-top: 1px solid	 #ccc; margin: 1em 0; padding: 0; }
 
input, select { vertical-align: middle; }

li{ list-style:none;}

a{text-decoration:none; outline:none;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      estructura     //////////////////////////////////////////////*/



html, body{ height:100%; margin:0; position:relative; font-family:Georgia, "Times New Roman", Times, serif; }

body{  background: url(../img/bg_body.jpg) repeat-x #f5faf6;}
.center{position:relative;margin:0 auto;}



#top{ width:100%; position:relative;  }
#top .center{ width:980px; height:442px;}

#fascia{ width:100%; position:relative; }
#fascia .center{width:980px; height:105px; background: url(../img/bodegon.png) 20px 24px no-repeat;}

#boxUNO{ width:100%; position:relative; }
#boxUNO .center{width:980px; height:266px; background:url(../img/bg_box-uno.png) no-repeat; }


#boxDOS{ width:100%; position:relative; }
#boxDOS .center{width:980px; height:264px; background:url(../img/bg_box-dos.png) no-repeat; }



#footer{ width:100%; position:relative; height: 109px; 	 }
 
#footer .center{ width:980px; padding:6px 0 0 0; border-top:#CCCCCC 1px solid; }


#detalles{ width:100%; position:relative; }
#detalles .center{width:980px; height:474px; background:url(../img/bg_detalles.png) no-repeat; }


#detallesT{ width:100%; position:relative; }
#detallesT .center{width:980px; height:474px; background:url(../img/bg_terminos.png) no-repeat; }

#suscripcion{ width:300px; height:200px; position:absolute; top:150px; left:40px;}

#terminos{ width:700px; height:200px; position:absolute; top:65px; left:40px;}


#glossy { width:298px; height:200px; position:absolute; top:150px; left:421px;}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      CONTENIDO     //////////////////////////////////////////////*/


#logoorbyt{ float:left: width:163px; height:42px;}

h1{ font-family: Helvetica, Arial, sans-serif; color:#5e4f50; font-size:22px; line-height:28px; width: 460px;}

.gratis{ position:absolute; top:20px; left:493px;}
.gratis a{ color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:underline; font-size:18px; line-height:28px;}


#bollino{ background:url(../img/bolino.png) no-repeat; width:194px; height:140px; position:absolute; top:-54px; right:65px;  padding: 53px 0 0; }

.to{font-family:Helvetica,Arial, sans-serif;  font-size:14px; color:#FFFFFF; font-weight:bold; text-align:center;  }
.prezzo{ font-size:66px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#2a2b2f; line-height:42px; }
.prezzo strong{ font-size:25px;}
.valorado{font-size: 20px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#2a2b2f; line-height: 18px; padding: 10px 0 0; *padding: 20px 0 0;}
#tachado{ background:url(../img/tachado.png) no-repeat; width:60px; height:20px; position:absolute; left:66px; top:149px;}


#regalaoBig { position:absolute; top:94px; right:235px;}
#regalaoBig a{ background:url(../img/regalaloYa-big_btm.png)  no-repeat;  width:270px; height:58px;  text-indent:-999999px; float:left;}
#regalaoBig a:hover { background:url(../img/regalaloYa-big_btm.png) 0px -58px no-repeat; } 



#boxUNO .descubre a{ font-family:Helvetica,Arial, sans-serif;  font-size:20px; color:#5E4F50; font-weight:bold; text-align:center; text-decoration:underline; position:absolute; right:190px; top:55px;}
#boxUNO .terminos a{ font-family:Helvetica,Arial, sans-serif;  font-size:14px; color:#5E4F50;  text-align:center; text-decoration:underline;  position:absolute; right:273px; top:170px;}

h2{ color: #5E4F50; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 22px; line-height: 28px; padding: 22px 0 0;  text-align: center; width:100%;}

#pasoUno{ width:220px; height:110px; position:absolute;  top:95px; left:15px; }
#pasoDos{  width:220px; height:110px; position:absolute; top:95px; left:257px;}
#pasoTres{  width:220px; height:110px; position:absolute; top:95px; left:498px;}
#pasoCuatro{  width:220px; height:110px; position:absolute; top:95px; left:741px;}

#boxDOS p { padding:25px 0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; color: #5E4F50; float: left; font-size:13px; line-height:18px; } 
#boxDOS p strong{ font-weight:bold;}
.racomandamos{position: absolute;    text-align: center; top: 205px; left:0px;  width: 100%;}



#detalles h3{color: #000; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; line-height: 28px; width:100%; padding:0 0 10px 0; font-weight:bold;}
#detalles p{color: #000; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; line-height: 19px; width:100%; padding:0 0 10px 0;}

#detallesT h3{color: #000; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; line-height: 28px; width:100%; padding:0 0 10px 0; font-weight:bold;}
#detallesT p{color: #000; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 12px; line-height: 20px; width:100%; padding:0 0 10px 0;}

#detalles p a{ color:#000000; text-decoration:underline;}


#regalao { position:absolute; top:375px; right:33px;}
#regalao a{ background:url(../img/regalaloYa_btm.png)  no-repeat;  width:154px; height:33px;  text-indent:-999999px; float:left;}
#regalao a:hover { background:url(../img/regalaloYa_btm.png) 0px -33px no-repeat; } 


#cerrar { position:absolute; top:35px; right:218px; }
#cerrar a{ width:70px; height:33px;  float:left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; line-height: 19px; font-style:italic; text-decoration:underline; color:#000000;}

#term { position:absolute; top:430px; right:37px; }
#term a{ font-family:Helvetica,Arial, sans-serif;  font-size:11px; color:#5E4F50;  text-align:center; text-decoration:underline; }



/* Pie */

#pie{width:980px;height:30px;line-height:27px;font:Georgia, "Times New Roman", Times, serif;font-size:18px;text-align:center;color:#7b7b7b;background:url(../img/bolo.png) no-repeat left;}

#pie strong{color:#525151; font-weight:bold;}

#pie a { color:#525151;}










/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      BARRA   LOGIN   //////////////////////////////////////////////*/




.bloque { max-width:980px; margin: 0 auto; position: relative;}


#barra_superior { background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/fnd_barra_superior.png") repeat-x; position: absolute; top: 0; width: 100%; height:42px; padding-bottom: 8px; z-index: 500;}

/*************************************************** LOGIN ***********************************/

/*------- USUSARIO NO LOGADO-------*/

.menu_us_no_logado { position: relative; margin-top: 3px; }
.menu_us_no_logado ul .ir_mi_quiosco {  position:absolute; left: 0; top:5px; }
.menu_us_no_logado ul .ir_mi_quiosco a{ display: block; width: 125px; height: 27px; background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_mi_quiosco.png") top no-repeat; text-indent: -9999px; }
.menu_us_no_logado ul .ir_mi_quiosco a:hover{ background-position: 0 -27px;}
.menu_us_no_logado ul .ir_mi_quiosco a:active{ background-position: 0 -54px;}

.menu_us_no_logado ul .campos_login { position:absolute; left: 0; top:0px; left: 155px; }
.menu_us_no_logado ul .campos_login ul{ background:  url("http://quiosco.orbyt.es/img/v1.x/v1.0/fnd_input_login_01.png") left top no-repeat; padding-left: 12px; margin-top: 7px; height: 24px; width: 455px;}
.menu_us_no_logado ul .campos_login ul li { float: left; }

.menu_us_no_logado ul .campos_login ul input { border: none; color: #666666; font-weight: bold; font-size: 14px; background-color: transparent;}
.menu_us_no_logado ul li.contrasena input, .menu_us_no_logado ul li.usuario input{ width: 110px; height: 20px; padding-top: 2px; }
.menu_us_no_logado ul li.contrasena, .menu_us_no_logado ul li.usuario { width: 110px; background:  url("http://quiosco.orbyt.es/img/v1.x/v1.0/fnd_input_login.png") repeat-x; padding: 0 5px 0 5px; height: 24px; }
.menu_us_no_logado ul .campos_login ul li.contrasena { border-left: 1px solid #666;}
.menu_us_no_logado ul .campos_login .btn { width: 100px; height: 27px; background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_entrar.png") no-repeat; cursor: pointer; margin-top: -1px;}
.menu_us_no_logado ul .campos_login .btn input { display: block; color: #FFF; width: 100px; padding: 3px 0; cursor: pointer;}
.menu_us_no_logado ul .campos_login ul li.recordar_contrasena a{    color: #FFFFFF; display: block; font-size: 11px; line-height: 12px; padding-left: 20px; text-decoration: underline; width: 85px; margin-top: -2px;}


.menu_us_no_logado ul li.registro { position: absolute; right: 0; width: 215px; margin-top: 1px;}
.menu_us_no_logado ul li.registro p { line-height: 35px;  color: #FFFFFF;  font-size: 11px; font-weight: bold;}
.menu_us_no_logado ul li.registro span { float:left; line-height: 11px; width: 80px; padding-top: 4px;}
.menu_us_no_logado ul a.btn_registrese {background:transparent url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_registrese.png") no-repeat top;display:block; height:35px;width:130px; margin-left: 5px; text-indent:-9999px; float: right;}
.menu_us_no_logado ul a:hover.btn_registrese {background-position: bottom;}

/*----------- USUSARIO LOGADO ----------*/
.menu_us_logado { position: relative; z-index: 100; margin-top: 5px;}
.menu_us_logado a{ display: block; }
.menu_us_logado ul { float: right;}
.menu_us_logado li { float: left; margin: 0; position: relative;  }
.menu_us_logado ul ul { left: 0; position: absolute; top: 28px; visibility: hidden; border: 1px solid #555; margin: 0 2px 0; border-top: 1px solid #333; background-color: #999; padding-bottom: 5px;
-webkit-border-radius:  0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
 background: -moz-linear-gradient(top, #999 0%, #666 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#666))}
.menu_us_logado ul ul li {  width: 100%; *width: 150px; display: block;}
.menu_us_logado ul ul a{color: #FFFFFF; padding: 5px 9px 5px 5px;  border-top: 1px solid #555; text-shadow: 0px 1px 1px #333;  white-space:nowrap; }
.menu_us_logado ul ul a:hover { background: #5f5f5f;}
.menu_us_logado ul li:hover ul, .menu ul a:hover ul { visibility: visible;}


.menu_us_logado ul li.nombre_usuario>a{color: #FFF; background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_nombre_usuario_01.png") top left no-repeat; line-height: 32px; padding-left: 12px; }

.menu_us_logado ul li.nombre_usuario:hover > a {  color: #FFF; background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_nombre_usuario_01.png") bottom left no-repeat;}
.menu_us_logado ul li.nombre_usuario span {  background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_nombre_usuario.png") top right no-repeat; padding: 0 35px 0 5px; display: block; color: #FFF;}
.menu_us_logado ul li.nombre_usuario:hover > a span { background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_nombre_usuario.png") bottom right no-repeat;}

.menu_us_logado .ir_mi_quiosco { position:absolute; left: 0; top:3px; }
.menu_us_logado .ir_mi_quiosco a{ display: block; width: 125px; height: 27px; background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/btn_mi_quiosco.png") top no-repeat; text-indent: -9999px; }
.menu_us_logado .ir_mi_quiosco a:hover{ background-position: 0 -27px;}
.menu_us_logado .ir_mi_quiosco a:active{ background-position: 0 -54px;}

.menu_us_logado  .mi_carpeta a, .menu_us_logado  .personalizacion a { display: block; width: 30px; height: 30px;  text-indent: -9999px; padding: 0 15px; /**/ display: none;}
.menu_us_logado  .mi_carpeta a{ background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/icono_carpeta.png") top no-repeat;border-right:  1px solid #333;  }
.menu_us_logado  .personalizacion a {background: url("http://quiosco.orbyt.es/img/v1.x/v1.0/icono_ajustes.png") top no-repeat;  border-left: 1px solid #666;}
.menu_us_logado  .mi_carpeta a:hover, .menu_us_logado  .personalizacion a:hover { background-position: bottom}