@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic|Arimo:400,400italic,700,700italic);
 /* #Reset & Basics */
================================================== 
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		background:#000; 
		}
		
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
/*		border-collapse: collapse;
*/		border-spacing: 0; }
		
		
/* #Basic Styles
================================================== */
	body { 
		background: #fff;
		font: 16px/24px 'PT Sans', sans-serif;
		color: #555; 
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: none;
		margin:0px;
 }
 
 .celda1 { 
		border:2px solid #d8d9da;
		box-shadow: 0 0px 15px rgba(0,0,0,.5);
		}
		
.celda2 { 
		border:1px solid #fff;
		box-shadow: 0 0px 5px rgba(0,0,0,.5);
		/*border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;*/
		background:#ced9ea;
		}
.celda3_ofertas { 
		border:1px solid #d8d9da;
		box-shadow: 0 0px 5px rgba(0,0,0,.5);
		background:#fff;
		}
.titulo_oferta {
background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;box-shadow: 0 2px 3px #951100;-moz-box-shadow: 0 2px 3px #951100;-webkit-box-shadow: 0 2px 3px #951100;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 18px/1 "Tahoma", sans-serif;
  padding: 12px 15px 14px 15px;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  float:left;
  margin-bottom:20px;
  width:190px;
  margin-left:-5px;
  }
.precio { font-size: 60px; color: #ff6c0b;  text-align:center; font-weight: 600; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);}
.text_sup { font-size: 14px; line-height: 42px; color: #666;}
.ofertas_button 
{
 background-color: #85c226;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85c226), color-stop(100%, #a0eb2a));
  background-image: -webkit-linear-gradient(top, #85c226, #a0eb2a);
  background-image: -moz-linear-gradient(top, #85c226, #a0eb2a);
  background-image: -ms-linear-gradient(top, #85c226, #a0eb2a);
  background-image: -o-linear-gradient(top, #85c226, #a0eb2a);
  background-image: linear-gradient(top, #85c226, #a0eb2a);
  border: 2px solid #fff;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: auto;
  padding:9px;
  padding-left:13px; padding-right:13px;padding-bottom:7px;
  text-decoration:none;
}
.ofertas_button:hover 
{
	background-color: #a0eb2a;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0eb2a), color-stop(100%, #85c226));
	background-image: -webkit-linear-gradient(top, #a0eb2a, #85c226);
	background-image: -moz-linear-gradient(top, #a0eb2a, #85c226);
	background-image: -ms-linear-gradient(top, #a0eb2a, #85c226);
	background-image: -o-linear-gradient(top, #a0eb2a, #85c226);
	background-image: linear-gradient(top, #a0eb2a, #85c226);
	box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}	
.google-maps {
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
	
 #color1 { background: #f9f9f9; padding-top:60px; padding-bottom:30px; }
 #color2 { background: #eee; padding-top:60px; padding-bottom:30px;}
 #color3 { background: #fff; padding-top:0px; padding-bottom:0px;}
 #color4 { background: #fff; padding-top:60px; padding-bottom:20px;}
 #color5 { background: #e9f6fc; padding-top:0px; padding-bottom:0px;}
 #color6 { background: #dadada; padding-top:0px; padding-bottom:0px;}
 #color7 { background: #f4f4f4; text-align:center; padding-bottom:40px; }
 #color8 { background: #ccc; padding-bottom:10px; }
 
 
 #laptop { background-image:url(../images/laptopbg.png); background-color: #eee; background-repeat:no-repeat; background-position:top center; padding-top:43px; padding-bottom:90px; background-size:100%;}
#header_productos { background-image:url(../images/header_productos.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:8%; padding-bottom:4%; background-size: cover; min-height:170px;}
#header_comprar { background-image:url(../images/header_comprar.png); background-color: #dadada; background-repeat:no-repeat; background-position:top center; padding-top:8%; padding-bottom:4%; background-size: cover; min-height:170px;}
#header_nosotros { background-image:url(../images/header_nosotros.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:8%; padding-bottom:4%; background-size: cover;  min-height:170px;}
#header_contactos { background-image:url(../images/header_contactos.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:8%; padding-bottom:4%; background-size: cover;  min-height:170px;}
#header_testimonios { background-image:url(../images/header_testimonios.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:8%; padding-bottom:4%; background-size: cover; min-height:170px; }
#header_pantallas { background-image:url(../images/header_pantallas.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:8%; padding-bottom:4%; background-size: cover; min-height:170px; }
#header_soporte { background-image:url(../images/header_soporte.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:8%; padding-bottom:4%; background-size: cover; min-height:170px; }
#header_descargas { background-image:url(../images/header_descargas.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:8%; padding-bottom:4%; background-size: cover; min-height:170px; }
#header_productos01 { background-image:url(../images/header_productos01.png); background-color: #dadada; background-repeat:no-repeat; background-position:top right; padding-top:2%; padding-bottom:2%; background-size: cover; min-height:100px;}
.sombra_blanca {text-shadow: -1px -1px 0px #FFF, 1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px 1px 0px #FFF;}
.sombra_blanca2 {text-shadow: 1px 1px 1px rgba(225,255,255,8); background:#fff; opacity:0.7; padding:20px;}
.sombra_negra {text-shadow: 0 0px 5px rgba(0,0,0,0.5);}
 /* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: normal; margin-top:10px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration:none; color: #ff6c0b; }
	h1 { font-size: 36px; line-height: 38px; margin-bottom: 5px; text-align:center; font-weight: 600;}
	h2 { font-size: 18px; line-height: 25px; margin-bottom: 5px; text-align:center;}
	h3 { font-size: 27px; line-height: 30px; margin-bottom: 5px; text-align:left;	font-weight: 600;}
	h4 { font-size: 30px; line-height: 34px; margin-bottom: 5px; text-align:center; font-weight: 600; /*text-shadow:0 1px 1px rgba(0,0,0,.8);*/ color:#000; }
	h5 { font-size: 17px; line-height: 20px; margin-bottom: 5px; text-align:center; color: #ff6c0b; font-weight:bold; }
	h6 { font-size: 16px; line-height: 18px; margin-bottom: 5px; margin-right:10px; margin-left:10px; text-align:center;  color: #333;}
	
	h5:hover {  color: #ff6c0b; text-decoration:underline; }
	
	small { font-size: 80%; }
	p { font-size: 16px; line-height: 24px;}
	p a:link {color:#ff6c0b; text-decoration:none;}
	p a:visited {color:#ff6c0b; text-decoration:none;}
	p a:hover {color:#ff6c0b; text-decoration:underline;}
 	hr { border-top: dashed #ff6c0b; border-width: 1px 0 0; clear: both; margin: 15px 0 20px; height: 0; }
	hr2 { border-top: dashed #fff; border-width: 1px 0 0; clear: both; margin: 15px 0 20px; height: 0; }
	
	
/* #estilos
================================================== */
	.text1 { font-size: 28px; line-height: 30px; margin-bottom: 15px; text-align:left;  color: #000; font-weight: 600;}
	.text2 { font-size: 14px; line-height: 16px; color: #000; font-weight: 400;}
	.text3 { font-size: 20px; line-height: 24px; color: #666; font-weight: 400; text-align:center; padding-top:20px;}
	.text3 a:link {color:#666; text-decoration:none;}
	.text3 a:visited {color:#666; text-decoration:none;}
	.text3 a:hover {color:#666; text-decoration:underline;}
	
	
	.text4 { font-size: 34px; line-height: 36px; color: #181818; margin-top: 30px; text-align:left; font-weight: 600;}
	.text5 { color: #ff0000;}
	.text6 { font-size: 34px; line-height: 36px; color: #181818; margin-top: 30px; text-align:left; font-weight: 600;}
	.text7 { font-size: 34px; line-height: 36px; color: #182987; margin-top: 30px; text-align:center; font-weight: 600;}
	
	.text8 {font-size: 16px; line-height: 18px; color: #182987; margin-top: 10px; font-weight: 400;}
	.text8 a:link {color:#182987; text-decoration:underline;}
	.text8 a:visited {color:#182987; text-decoration:underline;}
	.text8 a:hover {color:#182987; text-decoration:none;}
	
	.text9 { font-size: 16px; line-height: 18px; color: #333; font-weight: 400; text-align:center;}
	.text10 { font-size: 34px; line-height: 36px; color: #ff6c0b;  text-align:center; font-weight: 600;}
	.text11 { font-size: 24px; line-height: 28px; color: #182987;  font-weight: 600;}
	.text11 a:link {color:#182987; text-decoration:underline;}
	.text11 a:visited {color:#182987; text-decoration:underline;}
	.text11 a:hover {color:#182987; text-decoration:none;}
	
	.text12 { font-size: 16px; line-height: 22px; color: #181818;}
	.text13 { font-size: 34px; line-height: 36px; color: #fff; margin-top: 30px; text-align:left; font-weight: 600;}
	.text14 { font-size: 24px; line-height: 28px; color: #ff6c0b; margin-top: 20px; text-align:left; font-weight: 600;}
	.text15 { font-size: 12px; line-height: 14px; color: #000; margin-top: 10px; text-align:center; font-weight: 400;}
	.text16 { font-size: 20px; line-height: 24px; color: #181818; font-weight: 600;}
	.text17 { font-size: 16px; line-height: 18px; margin-bottom: 5px; margin-right:10px; text-align:left;  color: #333;}
	.text18 {font-size: 16px; line-height: 18px; color: #999; margin-top: px; font-weight: 400;}
	
	.text19 { color: #ff6c0b;}
	.text19 a:link {color:#ff6c0b; text-decoration:none;}
	.text19 a:visited {color:#ff6c0b; text-decoration:none;}
	.text19 a:hover {color:#ff6c0b; text-decoration:underline;}
	.text20 { color: #fff;}
	
	.tachado{text-decoration:line-through;}
	
	.vineta1 {color:#182987;
			font-size:18px;
			text-align:left; 
			line-height:20px;
			text-decoration:none;
			margin-left:-20px;
			margin-top:20px;
			}
.vineta1 ul {margin:0; padding:0; list-style:none}
.vineta1 li  {background:url(../images/vineta1.gif) no-repeat; background-position:0px 5px; margin-top:10px; padding:0px 0px 0px 18px;}
.vineta1 a:link {color:#182987; text-decoration:none;}
.vineta1 a:visited {color:#182987; text-decoration:none;}
.vineta1 a:hover {color:#1A58BD; text-decoration:underline;}
.vineta2 {color:#666;
			font-size:16px;
			text-align:left; 
			line-height:18px;
			text-decoration:none;
			margin-left:-20px;
			padding-right:20px;
			margin-top:20px;
			}
.vineta2 ul {margin:0; padding:0; list-style:none}
.vineta2 li  {background:url(../images/vineta2.jpg) no-repeat; background-position:0px 5px; margin-top:10px; padding:0px 0px 0px 18px;}
.vineta2 a:link {color:#182987; text-decoration:none;}
.vineta2 a:visited {color:#182987; text-decoration:none;}
.vineta2 a:hover {color:#1A58BD; text-decoration:underline;}
 .vineta3 {
	color: #181818;
	font-size: 16px;
	text-align: left;
	line-height: 18px;
	text-decoration: none;
	margin-top: 20px;
	margin-left: 20px;
			}
.vineta3 ol {margin:0; padding:0; list-style-type: decimal }
.vineta3 li  { margin-top:10px; padding:0px 0px 0px 0px;}
.vineta4 {color:#181818;
			font-size:16px;
			text-align:left; 
			line-height:18px;
			text-decoration:none;
			margin-left:20px;
			padding-right:20px;
			margin-top:20px;
			
			}
.vineta4 ul {margin:0; padding:0; list-style:none}
.vineta4 li  {background:url(../images/vineta4.png) no-repeat; background-position:0px 5px; margin-top:10px; padding:0px 0px 0px 18px;}
.vineta4 a:link {color:#ff6c0b; text-decoration:none;}
.vineta4 a:visited {color:#ff6c0b; text-decoration:none;}
.vineta4 a:hover {color:#ff6c0b; text-decoration:underline;}
	
/* #Images
================================================== */
/*
	The purpose of the below declaration is to make sure images don't 
	exceed the width of columns they are put into when resizing window. 
	Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
	so the best solution is to individually call these properties on images that 
	are children of the grid that you want to resize with grid. 
	img { 
		max-width: 100%;
		height: auto; }
		
*/
.images_center { float: center; display: inline; margin-left: 10px; margin-right: 10px; }
/* #Buttons
================================================== */
#iconos_naranja_papi,
#iconos_naranja_cati,
#iconos_naranja_cawi,
#iconos_naranja_capi,
#iconos_naranja_kioscos,
#iconos_naranja_olap {
	background-repeat: no-repeat;
	background-position: bottom;
	height:105px;
	cursor:pointer;
	text-align: center;
	list-style: none;
	position:relative;
	margin:auto;
	 width:125px;
}
#iconos_naranja_papi {
	background-image: url("../images/iconos_papi.png");
}
#iconos_naranja_cati {
	background-image: url("../images/iconos_cati.png");
}
#iconos_naranja_cawi {
	background-image: url("../images/iconos_cawi.png");
}
#iconos_naranja_capi {
	background-image: url("../images/iconos_capi.png");
}
#iconos_naranja_kioscos {
	background-image: url("../images/iconos_kioscos.png");
}
#iconos_naranja_olap {
	background-image: url("../images/iconos_olap.png");
}
#iconos_naranja_papi:hover,
#iconos_naranja_cati:hover,
#iconos_naranja_cawi:hover,
#iconos_naranja_capi:hover,
#iconos_naranja_kioscos:hover,
#iconos_naranja_olap:hover {
	background-position: top;
}
 .boton_naranja {
	font:16px/18px 'Arial', sans-serif ;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:10px 32px 10px;
	line-height:1.5em;
	font-weight:600;
	color:#fff;
	cursor:pointer; 
	margin-bottom:10px;
	margin-right:10px;
	margin-top:10px;
	background: #fc6704; 
	border:none;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	box-shadow:0 2px 2px rgba(0,0,0,.3);
}
.boton_naranja:hover{background:#f56201; color:#fff;}
.boton_demo {
	font:18px/22px 'Arial', sans-serif ;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:15px 30px 15px;
	font-weight:500;
	color:#fff;
	cursor:pointer; 
	margin-bottom:20px;
	margin-top:20px;
	background: #ff6c0b;
	box-shadow:0 5px 5px rgba(0,0,0,.5); 
	border:1px solid #fc6704;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
}
.boton_demo:hover{background:#f56201; color:#fff;
box-shadow:0 3px 2px rgba(0,0,0,.4);}
 .btn_descargar {
	display: block;
    width: 170px;
 	border: 1px solid #FC7014; 
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  border-radius: 5px;
  -webkit-box-shadow: #595959 2px 2px 2px  ;
	-moz-box-shadow: #595959 2px 2px 2px ; 
	box-shadow: #595959 2px 2px 2px  ; 
	
  color: #fff;
  font: bold 18px/1 "Tahoma", sans-serif;
  line-height:22px;
  padding: 12px 15px 14px 15px;
  text-align: center;
  text-decoration:none;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
  margin-bottom:20px;
  cursor: pointer;
 background-color: #FD924B; background-image: -webkit-gradient(linear, left top, left bottom, from(#FD924B), to(#FF6C0B));
 background-image: -webkit-linear-gradient(top, #FD924B, #FF6C0B);
 background-image: -moz-linear-gradient(top, #FD924B, #FF6C0B);
 background-image: -ms-linear-gradient(top, #FD924B, #FF6C0B);
 background-image: -o-linear-gradient(top, #FD924B, #FF6C0B);
 background-image: linear-gradient(to bottom, #FD924B, #FF6C0B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FD924B, endColorstr=#FF6C0B);
  
  
  }
  
  
.btn_descargar:hover 
{
 background-color: #CB3947; background-image: -webkit-gradient(linear, left top, left bottom, from(#CB3947), to(#F75B00));
 background-image: -webkit-linear-gradient(top, #CB3947, #F75B00);
 background-image: -moz-linear-gradient(top, #CB3947, #F75B00);
 background-image: -ms-linear-gradient(top, #CB3947, #F75B00);
 background-image: -o-linear-gradient(top, #CB3947, #F75B00);
 background-image: linear-gradient(to bottom, #CB3947, #F75B00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CB3947, endColorstr=#F75B00);
 border:1px solid #e05b02;
    cursor: pointer;
	 box-shadow: none;
	 text-shadow:none;);
	   }
 .btn_descargar_android {
	display: block;
    width: 170px;
 	border: 1px solid #36A736; 
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  border-radius: 5px;
	border:1px solid #36A736;
	
	-webkit-box-shadow: #595959 2px 2px 2px  ;
	-moz-box-shadow: #595959 2px 2px 2px ; 
	box-shadow: #595959 2px 2px 2px  ; 
	
  color: #fff;
  font: bold 18px/1  "tahoma", sans-serif;
  padding: 12px 15px 14px 15px;
  text-align: center;
  text-decoration:none;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
  margin-bottom:20px;
  cursor: pointer;
background-color: #A6C84D; background-image: -webkit-gradient(linear, left top, left bottom, from(#A6C84D), to(#3EB03E));
 background-image: -webkit-linear-gradient(top, #A6C84D, #3EB03E);
 background-image: -moz-linear-gradient(top, #A6C84D, #3EB03E);
 background-image: -ms-linear-gradient(top, #A6C84D, #3EB03E);
 background-image: -o-linear-gradient(top, #A6C84D, #3EB03E);
 background-image: linear-gradient(to bottom, #A6C84D, #3EB03E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A6C84D, endColorstr=#3EB03E);
  
  
  }
  
  
.btn_descargar_android:hover 
{
 border:1px solid #6c8629;
 background-color: #2C8A2C; background-image: -webkit-gradient(linear, left top, left bottom, from(#2C8A2C), to(#A6C84D));
 background-image: -webkit-linear-gradient(top, #2C8A2C, #A6C84D);
 background-image: -moz-linear-gradient(top, #2C8A2C, #A6C84D);
 background-image: -ms-linear-gradient(top, #2C8A2C, #A6C84D);
 background-image: -o-linear-gradient(top, #2C8A2C, #A6C84D);
 background-image: linear-gradient(to bottom, #2C8A2C, #A6C84D);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2C8A2C, endColorstr=#A6C84D);
    cursor: pointer;
	 box-shadow: none;
	 text-shadow:-1px -1px 0 rgba(0,0,0,0.1););
	   }