/* 	
#######################################
RESET 
----------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {line-height: 1;	}
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
table {border-collapse: collapse;	border-spacing: 0; }

/* 	
#######################################
estilos 
----------------------------------------------------------- */

body{
	background:url(../img/bg_body.jpg) repeat-x top #e6e8e4;
}

.wrap{
	margin:0 auto;
	padding: 0 0 60px;
	background:url(../img/bg_wrap.jpg) repeat-x top #f1f3ef;
	width:970px;
	position:relative;
	overflow:hidden;
}

h1{
	background:url(../img/titular.png) no-repeat;
	width:720px;
	height:160px;
	text-indent:-9999px;
	margin:0 auto;
}

#boton{
	background:url(../img/boton.png) no-repeat;
	width:195px;
	height:195px;
	text-indent:-9999px;
	margin:0 auto;
	position:absolute;
	right:214px;
	top:382px;
}

#boton a{width:195px;
	height:195px; display:block;}

#abono{
	background:url(../img/bg_abono.jpg) repeat-x;
	width:970px;
	height:40px;
	margin-top:20px;
	padding-top:18px
}
#informacion p{
	width: 543px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	display:block;
}
#abono a{
	width: 490px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	display:block;
}
#pc p{
	color:#FFFFFF;
	text-decoration:none;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin: 0 0 0 322px;
}
#abono #ipad {
	color:#FFFFFF;
	text-decoration:none;
	line-height:29px;
	margin:-18px 0 0 451px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
	#abono #ipad a{margin:0!important;}
.pie{
	font-family:Georgia, "Times New Roman", Times, serif, "Palatino Linotype";
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
}

#producto{
	background:url(../img/bodegon.png);
	width:380px;
	height:357px;
	text-indent:-9999px;
	margin: -8px 0 0 143px;
}

#caracteristicas{
	background:url(../img/bg_faldon.jpg) no-repeat;
	padding:10px;
	width:697px;
	height:82px;
	margin-left:125px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:21px;
	text-align:center;
	color:#FFFFFF;
	margin-bottom:10px;
}
#columna_pc{
width:100%;
height:100%;
}
#columna_pc a{
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    width: 690px;
	text-decoration:none;
}

#columna_iPad{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:18px;
	text-align:center;
	width: 690px;
	margin:0 auto;
	display:none;
}

.columna ul{
	list-style:none;
	margin-top:10px;
}

.columna li{margin-bottom:5px;}
strong{color: #233e4b;}
.faldon{
	background:url(../img/publi.jpg);
	width:717px;
	height:164px;
	float:left;
	margin-left:125px;
	margin-top:30px;
	text-indent:-9999px;
	margin-bottom:30px;
}

#informacion{
	font-family:Arial, Helvetica, sans-serif;
	color:#787878;
	font-size:12px;
	text-align:center;
	line-height:40px;
	padding: 20px 0;
	background:#E1E3DE;
	width:970px;
	margin:0 auto;
}
#informacion p{
font: 15px/23px Arial, Helvetica, sans-serif;
color:#787878;
line-height:25px;
}
#informacion a{
	color:#787878;
	border-bottom:dotted 1px #787878;
	text-decoration:none;
	}
.logos{
display: block;
height: 40px;
width: 438px;
margin: 0 auto;
padding: 40px 0 0;
}
#atencion_cliente {
width:310px;
margin: 30px 0 0 543px;
}
#atencion_cliente h3{
color: #FFFFFF;
font: bold 20px/28px Arial,Helvetica,sans-serif;
margin: 0 auto;
padding: 0 0 30px;
text-align: center;
width: 273px;
}
#atencion_cliente a{
width: 296px;
height: 101px;
padding: 15px 0 0;
background: url("../img/chapa_telefono.png") no-repeat scroll left top transparent;
font-size: 24px;
font-weight: bold;
line-height: 40px;
text-align: center;
}
#boton #ipad{text-indent:-9999px;}

.mas_info{
background: none repeat scroll 0 0 #787878;
display: block;
height: 40px;
width: 100%;
}
.mas_info .wrap{
background:none;
padding:0;
}
.mas_info .wrap p{
font-family:Arial, Helvetica, sans-serif;
color:#ccc;
font-size:12px;
text-align:center;
line-height:28px;
padding: 7px 0;
width:970px;
margin:0 auto;
}
.mas_info .wrap a{color:#ccc;}
/*************************************************************
 **** Estilos para el popup  *********************************
 *************************************************************/

#popUp { position:absolute; top:0; left:0; width:100%; z-index:99999; }
#transparencia { position:absolute; top:0; left:0; width:100%; background: #000 ; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; }
#popUpHija {  display: block; height: 595px; left: 50%; margin: 149px 0 0 -245px; position: absolute; top: 0 !important; width: 495px; 
/* margin:0; display:block; position:absolute; left:50%; margin-left:-495px; top:0px!important; */      }
#popUpHija iframe{overflow:hidden;height:384px!important; width:510px!important; }
#infoPopUp { width:100%; }
#cerrarPopUp { background: url("../img/btncerrar.png") no-repeat scroll top left transparent; cursor: pointer; display: block; height: 36px; left: 514px; position: absolute; top: -38px; width: 36px; 
	/* display:block; height:58px; width:58px; background:url(../img/btncerrar.png) no-repeat left bottom; position: absolute; top:80px; left:960px; cursor:pointer; */}
#cerrarPopUp:hover {background-position:bottom left;}
#pie_lightbox { width:500px; overflow:hidden; clear:both; }

/* reloj */
#reloj { color: #FFFFFF; display: block; font-size: 62px; height: 70px; left: 50%; margin:0 0 0 -250px;  position: relative;  text-align: center; line-height: 68px; top: 50%; width: 500px }
