@font-face 
{
	font-family:corbel;
	src:url(../ttf/corbeli.eot);
    src:url(../ttf/corbeli.eot?#iefix) format("embedded-opentype")
	  , url(../ttf/corbeli.ttf) format("truetype");
	font-weight:normal;
	font-style:italic;
}
@font-face 
{
    font-family:corbel;
	src:url(../ttf/corbelb.eot);
    src:url(../ttf/corbelb.eot?#iefix) format("embedded-opentype")
	  , url(../ttf/corbelb.ttf) format("truetype");
    font-weight:bold;
	font-style:normal;
}
@font-face 
{
    font-family:corbel_italic;
    src:url(../ttf/corbelz.eot);
    src:url(../ttf/corbelz.eot?#iefix) format("embedded-opentype")
	  , url(../ttf/corbelz.ttf) format("truetype");
    font-weight:bold;
    font-style:italic;
}
@font-face 
{
	font-family:corbel;
	src:url(../ttf/corbel.eot);
    src:url(../ttf/corbel.eot?#iefix) format("embedded-opentype")
	  , url(../ttf/corbel.ttf) format("truetype");
	font-weight:normal;
	font-style:normal;
}
body
{
    font-family:corbel, arial;
	font-weight:normal;
	font-style:normal;
    font-size: 10pt;
    background-color: #999999;
}
img
{
    vertical-align: middle;
    border: 0px;
}
table
{
	width: 100%;
}
#pagina
{
	background-color: #ffffff;
	margin: auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 980px;
}

#supcabecera
{
	background-color: #000000;
	color: #ffffff;
}
#supcabecera #status, #supcabecera #ayuda
{
	border-right:#ffffff 2px solid;
}
#supcabecera a
{
	text-decoration:none;
	color:#b2cce0;
}
#supcabecera #bienvenida
{
	text-align:left;
	width:300px;
	padding-left:2em;
}
#supcabecera #usuario
{
	text-align:right;
	padding-right: 10px;
	font-size:.9em;
}
#supcabecera #status
{
	text-align:center;
	width:150px;
}
#supcabecera #cerrarSesion, #supcabecera #ayuda
{
	width:110px;
}
#saldoBonus
{
	height:93px;
	background:#ffffff url('../img/bonusSaldo.png') no-repeat 0px 8px;
}
#saldoBonusText
{
	font-weight:bold;
	color:#000000;
	font-size:12pt;
	padding-top:70px;
	padding-left:4px;
}
#avisoLink
{
	display:inline;
	cursor:pointer;
	cursor:hand;
}
.aviso
{
	color:#990000;
	padding:8px;
	background:#FCFC80 url('../img/logoWarning32.png') no-repeat 2px 2px;
	padding-left:60px;
	text-align:left;
	margin:0;
}
.aviso a
{
	color:#990000;
}
#ruta
{
	background-color:#6699c2;
	text-align:right;
	color:#ffffff;
	padding-right:2em;
}
#ruta a
{
	text-decoration:none;
	color:#ffffff;
}

#cabecera
{
/*    border-bottom: #6699c2 5px solid;*/
    border-top: #6699c2 5px solid;
    text-align: left;
}
#cabecera a
{
	text-decoration:none;
}
#zona1
{
	/*border-top:2px #ffffff solid;*/
}
#pie
{
	font-size:1.1em;
	/*border-top:4px #ffffff solid;*/
    text-align: left;
    vertical-align: middle;
    clear: both;
    background: #00848e;
    color: #ffffff;
}
#pie #wtsc
{
	text-align:left;
	padding-left:2em;
}
#wtsc a
{
	text-decoration:none;
	color:#ffffff;
}
#pie #logoT
{
	text-align:right;
	padding-right:10px;
}
#fase
{
    -moz-border-radius:8px;
    -moz-box-shadow:0px 0px 25px #000;
    -webkit-border-radius:8px;
    -webkit-box-shadow:0px 0px 25px #000;
    background-color:#ff0000;
    border-radius:8px;
    border:1px solid #ffff00;
    box-shadow:0px 0px 25px #000;
    color:#ffff00;
    font-size:10px;
    left:10px;
    padding:2px;
    position:absolute;
    text-align:left;
    top:10px;
}
#cuerpo
{
	overflow:hidden;
	background:#000000;
	width:100%;
}
#zona2
{
	background:#ffffff;
	float:left;
}
#zona3
{
	background:#000000;
	/*border-top:2px #ffffff solid;*/
	color:#ffffff;
	float:right;
	font-size:14px;
	position:absolute;
	right:0px;
	text-align:left;
	width:234px;
}
#encuesta
{
	position:absolute;
	bottom:80px;
}
#politicas
{
	position:absolute;
	bottom:3em;
	left:724px;
	text-align:left;
	color:#ffffff;
	
}
#politicas ul
{
	list-style-type: none;
}
#politicas a
{
	font-size:10pt;
	color:#ffffff;
	text-decoration:none;
}
#logoMarket1
{
	margin-left:2em;
}
#logoMarket2
{
	margin-right:2em;
}
#logoMarket3
{
	float:right;
	position:relative;
	top:20px;
	padding-right:20px;
}

.headButton
{
	display:inline-block;
	height:60px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	width:60px;
}
#btnPrincipal
{
	background: url(../img/btnPrincipal.png) no-repeat;
}
#btnHistorico
{
	background: url(../img/btnHistorico.png) no-repeat;
}
#btnBonusExtracto
{
	background: url(../img/btnBonusExtracto.png) no-repeat;
}
#btnEncuesta
{
	background:url(../img/btnEncuesta.png) no-repeat;
}

#btnTutoriales
{
	float:right;
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
	height:60px;
	width:60px;
	top:18px;
	background: url(../img/btnTutoriales.png) no-repeat;
}


#divVolver
{
	padding-top:2em;
	text-align: right;
	padding:0px;
	margin:0px;
	height:40px;
	width:100%;
}
#btnVolver
{
	background: url(../img/btnVolver.png) no-repeat;
	width: 37px;
	height: 37px;
	padding-left:36px;
	padding-right:36px;
	padding-bottom:36px;


/*	padding-left: 18px;
	padding-right: 30px;
	padding-bottom: 26px;*/
	border: none;
}

.ediDatos
{
  color: #990000;
  border: solid #000099 1px;
  vertical-align: middle;
}

.lblDatos
{
  height: 16px;
  color: #000099;
  background-color: #F2F5A9;
  border: solid #000099 1px;
  vertical-align: middle;
}

.caption {
  font-weight: bold;
}

h5{
  display: block;
  background: url(img/stop50.png) no-repeat #ff0000;
  font-size: 12px;
  text-align: justify;
  vertical-align: middle;
  padding-left: 60px;
  border-style: solid;
  border-width: 1px;
  border-color: #990000;
}

h6{
  /*Debug*/
  display: block;
  background: url(img/stop50.png) no-repeat #ff0000;
  font-size: 12px;
  text-align: justify;
  vertical-align: middle;
  padding-left: 60px;
  border-style: solid;
  border-width: 1px;
  border-color: #990000;
}

a.cambioCentro{
  text-decoration: none;
}

li.cambioCentro{
  list-style-type: none;
  display: block;
  padding: 5px 5px 5px 5px;
  background: url(img/btnCambioCentro0.jpg) no-repeat #ffffff;
  width: 300px;
  height: 50px;
}

a.tiendaProducto{
  text-decoration: none;
}

.productosFamilia{
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #0000ff;
  background: url(img/fondoTituloFamilia.jpg) repeat-x center left;
  /*padding-left: 20px;*/
}

/* Men de catlogo desplegable ***********************************************/

ul.menuCatalogo li
{
  border: solid #ffffff 5px;
  display: inline;
}

ul.menuCatalogo ul
{
  display: none;
  list-style: none;
}

ul.menuCatalogo li:hover > ul
{
  display: block;
}
/******************************************************************************/
img.logoGrupo
{
  padding: 5px;
  border: solid #000000 1px;
  background-color: #ffffff;
}

.warning
{
	font-size:20px;
	text-align:center;
}
fieldset.aviso
{
	background-color:#FFFF99;
	padding:10px;
	padding-top:0px;
	border:#dfdf00 1px solid;
}
fieldset.aviso legend
{
	font-weight:bold;
	color:#000000;
	background-color:#dfdf00;
	border:#dfdf00 1px solid;
	padding:10px;
	margin:0px;
	margin-bottom:10px;
	display:block;
	width:100%;
	left:-11px;
	position:relative;
}
/* GUI Tematica ***********************************/
.modal
{
	/* Importante ocultar las ventanas previamente */
	display:none; 
	font-family:Arial, Helvetica, sans-serif;
	color:/*#808080;*/#000000;
	line-height:28px;
	font-size:15px;
	text-align:justify;
}
.modal h1
{
	font-size:1em;
	text-decoration:underline;
}
.modalButton
{
	float:left;
	margin-right:10px;
	margin-top:200px;
	width:130px;
	height:40px;
	background:#222;
	color:#fff;
	padding:16px 6px 0 6px;
	cursor:pointer;
	text-align:center;
}
button
{
	cursor:pointer;
}