@charset "utf-8";
* {margin:0px; padding:0px; border:0px;}

body {
	background:#f1f1f1 url(../images/bg-body.png) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-style:normal;
	font-weight:normal;
/*	line-height:18px;*/
	letter-spacing:.8px;
	position:relative;
	min-width:1000px;}

html {vertical-align:baseline;} 

.clearfix:before,
.clearfix:after {
content: " ";
display: table;}
	
.clearfix:after {clear: both;}

.clear {clear: both;}

.color-tabla-par{
border-bottom: 1px #ff0000 solid;
background-color: #efefef;}

.color-tabla-impar{
border-bottom: 1px #ff0000 solid;
background-color: #FFFFFF;}
	
.clearfix {*zoom: 1;}

.button-global{
	border:1px solid #dcdcdc;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	padding:10px;
	text-shadow:0px 1px 2px rgba(201, 208, 208, 0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:rgb(229, 229, 229);
	background:-moz-linear-gradient(90deg, #e5e5e5 30%, #F1F1F1 70%);
	background:-webkit-linear-gradient(90deg, #e5e5e5 30%, #F1F1F1 70%);
	background:-o-linear-gradient(90deg, #e5e5e5 30%, #F1F1F1 70%);
	background:-ms-linear-gradient(90deg, #e5e5e5 30%, #F1F1F1 70%);
	background:linear-gradient(0deg, #e5e5e5 30%, #F1F1F1) 70%);
	-webkit-box-shadow:0px 1px 2px rgba(50, 50, 50, 0.8);
	-moz-box-shadow:0px 1px 2px rgba(50, 50, 50, 0.8);
	box-shadow:0px 1px 2px rgba(50, 50, 50, 0.8);
	cursor:pointer;}


.button-general {
    float:left;
    padding-right:10px;
    position:relative;
    font-size:12px;
    width:auto;
    height:32px;
    padding-left: 50px;
    display: block;}

.button-general span.txt{
	top:5px;
	position:relative}

.button-general span.icon{
	position:absolute;
	left:10px;
	width:32px;
	height:32px;
	display:block;
	background:transparent  url(../images/sprite-web.png) no-repeat top left;}

.button-general .video span.icon{
	background-position:0px -128px}


select, input, textarea, button {
font:99% sans-serif;}
	
input, select{
padding:5px;
border:1px solid #cccccc;
font-size:12px;
color:#666666;	
background-color:#f9f9f9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor:pointer;}

input:hover{color:#2269a7}


textarea{
padding-left:5px;
border:1px solid #cccccc;
font-size:12px;
color:#666666;	
background-color:#f9f9f9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;}


:focus{outline: 0;}	
a,a:hover,a:active,a:visited,a:focus{outline:0;color:#2269a7}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
ul{margin:0;list-style-type:none;}

/* ========================================================================== Typography ========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+,Safari 5,* and Chrome. */
h1,h2,h3,h4,h5,h6{
	font-family:"Trebuchet MS", Arial;
	font-style:normal;
	font-weight:normal;
	margin:0px 3px;
	padding:0px;
	text-shadow: 0px 1px 1px #ffffff;}
		
h1{
	color:#2b72b0;
	font-size:24px; 
	font-weight:bold; 
	font-style:italic;}

h2{
	font-size:14px; 
	color:#666666;}

h3{
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}

h4{
	font-size:18px; 
	color:#2b72b0;
	font-weight:bold;}

h5{font-size:.83em;}
h6{font-size:11px;}

/* ========================================================================== header ========================================================================== */
.header{
overflow: visible;
position: relative;
margin-bottom:25px;}

.header a.logo {
width:360px;
height:70px;
margin-left:20px;
padding:0px; 
display:block;
float:left;
background:transparent  url(../images/sprite-web.png) no-repeat 0px -64px;}

.header-top{
float:right;
height:70px;}

#menu-h{
margin-top:20px;
float:right;}

#menu-h li{
float:left;
margin:0 0px}
	
#menu-h .button {
float:left;
padding-right:10px;
position:relative;
font-size:12px;
width:auto;
height:32px;
padding-left: 50px;
display: block;}

#menu-h .button:hover{}

#menu-h .button span.txt{
top:5px;
position:relative}

#menu-h .button span.icon{
	position:absolute;
	left:10px;
	width:32px;
	height:32px;
	display:block;
	background:transparent  url(../images/sprite-web.png) no-repeat top left;}

#menu-h .chat-vivo span.icon{
	background-position:0px -32px}

#menu-h .ayuda span.icon{
	background-position:-32px -32px}

#menu-h .salir span.icon{
	background-position:-352px -32px}

#menu-h .soporte span.icon{
	background-position:-64px -32px}

#menu-h .ultimo-boletin span.icon{
	background-position:-32px 0px}

#menu-h .socio-adherido span.icon{
	background-position:-64px 0px}
	
#menu-h .estadisticas span.icon{
	background-position:-96px 0px}
	
.header-tool{
height:25px;
margin:7px 0px 13px 0px;
color:#FFFFFF;}

.header-tool .nombre-comercio,
.header-tool .fecha-ingreso,
.header-tool .descarga-online-guia{
float:left;
padding:0 30px;}

.header-tool .descarga-online-guia{
	float:right;}

.header-tool .descarga-online-guia a{
color:#FFFFFF;}

.header-tool .descarga-online-guia a:hover{
color:#66CCFF;}

#container{min-width:1000px;}

.sidebar, .main{
height:100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
border:1px #e7e7e7 solid;
display:block;}

.sidebar{
width:110px;		
background-color:#f9f9f9;
padding:10px;
margin-left:4px;
float:left;}

.main{
background-color:#ffffff;
padding:12px;
margin:0px 10px;}

.main .content{}

.main .content #form1{}

.titulos{
border-bottom:1px solid #f1f1f1;
padding:15px 0px;
margin-bottom:15px;}

.titulos-left{float:left;}
.titulos-right{float:right}

.banner-lateral{
width:160px;
margin-right:4px;
float:right;}

#mensaje-inicio{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:2px #faaa98 solid;
display:block;
background-color:#f9f9f9;
padding:10px 5px;
margin-bottom:20px;
text-align:center;}

.modulos-inicio{
	width:300px;
	height:100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px #e5e5e5 solid;
	float:left;
	display:block;
	padding:20px;
	margin:6px;
	background-color:#f9f9f9;
	cursor:pointer;}

.modulos-inicio:hover{
	background-color:#f7e2de}

.modulos-inicio .icono{
	float:left;
	width:70px;
	height:70px;
	margin-right:15px;}

.modulos-inicio .detalle{
	width:215px;
	float:left;}
	
#menu-recurso{
	display:block;
	padding:10px 0px;
	margin-bottom:25px;}

#menu-recurso ul{}

#menu-recurso li{
	margin:0px 5px;
	float:left;}

/* --------- Mi perfil --------- */	
#mi-perfil .imagen{
	border:3px solid #e5e5e5;
	padding:15px;
	margin-bottom:15px;
	text-align:center;}

.negocio-imagenes{
	padding:10px;
	margin:10px 0px;
	border:1px solid #e5e5e5;}
	
/* --------- Sidebar Menu --------- */	
.sidebar #menu{
	width:110px;
	height:auto;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;}

.sidebar #menu ul{text-align:center;}

.sidebar #menu a:link, a:visited{
	text-decoration:none;}

.sidebar #menu a:hover{
	text-decoration:underline;}

.sidebar #menu a:active{	
	text-decoration:none;} 
	
/* Se usa para desplegar al 2 nivel*/
.sidebar #menu ul li a.desplegable{}	

/* 1 nivel */	
.sidebar #menu ul li{ 
	border-bottom:1px solid #e7e7e7;
	padding:10px 0px;
	margin:0px;}

.sidebar #menu ul li a{
	font-weight:bold;}

/* 2 nivel */
.sidebar #menu ul li ul li{
	border-bottom: none;
	padding:5px 0px;
	margin:0px;}

.sidebar #menu ul li li a{
	font-weight:normal;}
	
.sidebar #menu ul li .button {
    display: block;}

.sidebar #menu ul li .button span.icon{
	width:32px;
	height:32px;
	display:block;
	background:transparent url(../images/sprite-web.png) no-repeat top;
	margin-left:40px;}

.sidebar #menu ul li .mi-negocio span.icon{
	background-position:-96px -32px}
	
.sidebar #menu ul li .adheridos span.icon{
	background-position:-128px -32px}

.sidebar #menu ul li .e-tarjetas span.icon{
	background-position:-160px -32px}
	
.sidebar #menu ul li .boletines span.icon{
	background-position:-192px -32px}
	
.sidebar #menu ul li .tus-videos span.icon{
	background-position:-224px -32px}	

.sidebar #menu ul li .envio-de-sms span.icon{
	background-position:-256px -32px}
	
.sidebar #menu ul li .envio-de-mail span.icon{
	background-position:-288px -32px}	

.sidebar #menu ul li .caja-registro span.icon{
	background-position:-320px -32px}

.e-tarjetas-imagenes{
	overflow:auto;}

.e-tarjetas-imagenes ul{}

.e-tarjetas-imagenes li{
	margin:15px;
	padding:10px;
	border:1px solid #e5e5e5;
	float:left;}


/* ========================================================================== Footer ========================================================================== */
#footer {
border-top:1px solid #e5e5e5;
margin-top:20px;
padding:20px 0px;
color:#333333;}
	
.cuadro-detalle{
min-width:380px;
height:100%;
margin:0px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px #e7e7e7 solid;
display:block;
}


	/* pagination */
#paginador {
	height: auto;
	margin-left: 50%;
	padding: 10px 0px;
}
#paginador ul {
	list-style: none;
	float: left;
	display: block;
}
#paginador li {
	padding: 0px 5px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #ff8901;
}
#paginador li a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #0076BE;
	text-decoration: none;
	cursor: pointer;
}
#paginador li a:link {
	text-decoration: none;
}
#paginador li a:visited {
	text-decoration: none;
}
#paginador li a:hover {
	text-decoration: underline;
	color: #666666;
	font-weight: bold;
}
#paginador li a:active {
	text-decoration: none;
	cursor: default;
}