@charset "utf-8";

/* 
/* desarrollado por Wilder Bravo para: andean.host
*/
img, object, embed, video { max-width: 100%; }

/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }

/*
	Inspiration from "Responsive Web Design" by Ethan Marcotte and Golden Grid System by Joni Korpi
	///LO MEJOR QUE SE PUEDE COMPARTIR ES EL CONOCIMIENTO (si te es util puedes usar nuestro codigo con toda libertad)

*/
/* movil gama baja -  320 to below */

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* Mobile Layout: 320px and below. */

.gridContainer {
	background-color: #fff;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	clear: none;
	float: none;
	margin: auto;
	margin-top: 30%;
}

.grid1top {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color:rgba(50,48,49,0.8)
}

.gridlogo {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color:#1f8ed5;
}

.gridlogo2 {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 0%;
}

.gridwhois {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgwhois.jpg);
	background-repeat: repeat-x;
	background-color: #d9d9d9;
	padding-bottom:2%;
	padding-top:2%;
}

.gridgarantia {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f1f1f1;
}

.gridtitle {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	position: fixed;
	z-index: -1;
}

/*bannerstar*/
.grid2banner {
	width: 100%;
	background-color: #e0f6fb;
	background-image: url(../images/puto.png), url(../images/banner.jpg);
	background-repeat: repeat, no-repeat;
	background-position: left, center;
	background-size: auto, cover;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#banner {
	width: 95.5%;
	max-width: 320px;
	margin: auto;
	clear: none;
	float: none;
	padding-top: 1%;
	padding-bottom: 0.5%;
}

/*banner end*/
.gridbody {
	width: 95.5%;
	max-width: 320px;
	margin: auto;
	clear: none;
	float: none;
	background-color: #fff;
	margin-top: 2%;
	margin-bottom: 2%;
}

.grid3pie {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #454545;
	background-image: url(../images/allku.png);
	background-repeat: no-repeat;
	background-position: right;
}

#div1 {
	width: 60%;
	padding-top: 1.5%;
	padding-left: 23%;
	padding-bottom: 1%;
}

#menumain {
	margin-left: 0%;
	width: 100%;
	clear: left;
	float: left;
	text-align: left;
	margin-top: 0%;
}

#chat {
	font-size: 10px;
	color: #ababab;
	font-family: Arial, sans-serif;
	width: 100%;
	margin-left: 0%;
	clear: none;
	float: left;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	text-align: center;
}

#cliente {
	margin-left: 0;
	width: 100%;
	clear: none;
	float: none;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	text-align: center;
	display: block;
	font-size: 10px;
	color: #ababab;
	font-family: Arial, sans-serif;
}

#bg1 {
	width: 95.5%;
	max-width: 320px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	margin: auto;
	clear: none;
	float: none;
}

#t1 {
	width: 95%;
	padding-bottom: 2.5%;
	margin-bottom: 2%;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#t2 {
	width: 95%;
	margin-left: 0%;
	padding-bottom: 2.5%;
	margin-bottom: 2%;
	clear: right;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#br1 {
	width: 50%;
	margin-left: 0%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	color: #ec5b00;
}

#br2 {
	width: 50%;
	margin-left: 0%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	clear: right;
	color: #ec5b00;
}

#bgpie {
	width: 90%;
	max-width: 300px;
	padding-left: 2.75%;
	padding-right: 2.75%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	margin: auto;
	clear: none;
	float: none;
	font-size: 11px;
}

#p1 {
	width: 95%;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #fff;
	border-bottom: solid 1px #616161;
}

#p2 {
	width: 95%;
	margin-left: 0%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-bottom: solid 1px #616161;
}

#p3 {
	width: 90%;
	margin-left: 0%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-top: solid 0px #616161;
}

.gridcopy {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f47f00;
	color: #fff;
}

#copy1 {
	width: 95%;
	padding-bottom: 2%;
	padding-top: 1%;
	clear: none;
}

#copy2 {
	width: 95%;
	margin-left: 0%;
	padding-bottom: 2%;
	padding-top: 2%;
	clear: none;
	text-align: none;
}

#skip {
	width: 100%;
	margin: auto;
	clear: left;
	float: none;
	display: block;
	border-bottom: solid 1px #cccccc;
	margin-top: 0.5%;
	margin-bottom: 1%; }
	
.ir-arriba {
	display: none;
	padding: 10px;
	background: #229ce9;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.menu-fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 99%;
	padding-right:1%;
	background: rgba(34,156,233,0.95);
	background-image: none;
	background-repeat: no-repeat;
	border-bottom:solid 2px #1a79b3;
}

.zeroMargin_mobile { margin-left: 0; }

.hide_mobile { display: none; }

/* Iphone Layout: 480px to 321px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 321px) {

.gridContainer {
	background-color: #fff;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	clear: none;
	float: none;
	margin: auto;
	margin-top: 22%
}

.grid1top {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color:rgba(50,48,49,0.8)
}

.gridlogo {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color:#1f8ed5;
}
.gridlogo2 {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 0%;
}

.gridwhois {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgwhois.jpg);
	background-repeat: repeat-x;
	background-color: #d9d9d9;
	padding-bottom:2%;
	padding-top:2%;
}

.gridgarantia {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f1f1f1;
}

.gridtitle {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	position: fixed;
	z-index: -1;
}

/*bannerstar*/
.grid2banner {
	width: 100%;
	background-color: #e0f6fb;
	background-image: url(../images/puto.png), url(../images/banner.jpg);
	background-repeat: repeat, no-repeat;
	background-position: left, center;
	background-size: auto, cover;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#banner {
	width: 95.5%;
	max-width: 480px;
	margin: auto;
	clear: none;
	float: none;
	padding-top: 0%;
	padding-bottom: 0%;
}

/*banner end*/
.gridbody {
	width: 95.5%;
	max-width: 480px;
	margin: auto;
	clear: none;
	float: none;
	background-color: #fff;
	margin-top: 1%;
	margin-bottom: 1%;
}

.grid3pie {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #454545;
	background-image: url(../images/allku.png);
	background-repeat: no-repeat;
	background-position: right;
}

#div1 {
	width: 40%;
	padding-top: 0.5%;
	padding-left: 0%;
	padding-bottom: 0%;
}

#menumain {
	margin-left: 0;
	width: 60%;
	clear: right;
	float: right;
	text-align: left;
	margin-top: 0%;
}

#chat {
	font-size: 10px;
	color: #ababab;
	font-family: Arial, sans-serif;
	width: 50.5%;
	margin-left: 1.5%;
	clear: none;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
}

#cliente {
	margin-left: 1.5;
	width: 46.5%;
	clear: right;
	float: right;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: right;
	display: block;
	font-size: 10px;
	color: #ababab;
	font-family: Arial, sans-serif;
}

#bg1 {
	width: 95.5%;
	max-width: 480px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	margin: auto;
	clear: none;
	float: none;
}

#t1 {
	width: 98%;
	padding-bottom: 1.5%;
	margin-bottom: 2%;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#t2 {
	width: 98%;
	margin-left: 0%;
	padding-bottom: 1.5%;
	margin-bottom: 2%;
	clear: none;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#br1 {
	width: 49%;
	margin-left: 2%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	color: #ec5b00;
}

#br2 {
	width: 47%;
	margin-left: 0.5%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	clear: right;
	color: #ec5b00;
}

#bgpie {
	width: 95.5%;
	max-width: 480px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	margin: auto;
	clear: none;
	float: none;
	font-size: 11px;
}

#p1 {
	width: 95%;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #fff;
	border-bottom: solid 1px #616161;
}

#p2 {
	width: 95%;
	margin-left: 0%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-bottom: solid 1px #616161;
}

#p3 {
	width: 95%;
	margin-left: 0%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-top: solid 0px #616161;
}

.gridcopy {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f47f00;
	color: #fff;
}

#copy1 {
	width: 65%;
	padding-bottom: 1%;
	padding-top: 1%;
	clear: left;
}

#copy2 {
	width: 34%;
	margin-left: 1%;
	padding-bottom: 1%;
	padding-top: 1%;
	clear: right;
	text-align: right;
}

#skip {
	width: 100%;
	margin: auto;
	clear: left;
	float: none;
	display: block;
	border-bottom: solid 1px #cccccc;
	margin-top: 0.5%;
	margin-bottom: 1%; }
	
.ir-arriba {
	display: none;
	padding: 12px;
	background: #229ce9;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 100px;
	right: 20px;
}
.menu-fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 98%;
	padding-right:2%;
	background: rgba(34,156,233,0.95);
	background-image:url(../images/logo3.png);
	background-repeat: no-repeat;
	border-bottom:solid 2px #1a79b3;
}
.hide_iphone { display: none; }

.zeroMargin_iphone { margin-left: 0; }
}

/* Android Layout: 640px to 481px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	background-color: #fff;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	clear: none;
	float: none;
	margin: auto;
	margin-top: 18%
}

.grid1top {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color:rgba(50,48,49,0.8)
}

.gridlogo {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color:#1f8ed5;
}
.gridlogo2 {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 0%;
}

.gridwhois {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgwhois.jpg);
	background-repeat: repeat-x;
	background-color: #d9d9d9;
	padding-bottom:2%;
	padding-top:2%;
}

.gridgarantia {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f1f1f1;
}

.gridtitle {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	position: fixed;
	z-index: -1;
}

/*bannerstar*/
.grid2banner {
	width: 100%;
	background-color: #e0f6fb;
	background-image: url(../images/puto.png), url(../images/banner.jpg);
	background-repeat: repeat, no-repeat;
	background-position: left, center;
	background-size: auto, cover;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#banner {
	width: 95.5%;
	max-width: 640px;
	margin: auto;
	clear: none;
	float: none;
	padding-top: 0%;
	padding-bottom: 0%;
}

/*banner end*/
.gridbody {
	width: 95.5%;
	max-width: 640px;
	margin: auto;
	clear: none;
	float: none;
	background-color: #fff;
	margin-top: 1%;
	margin-bottom: 1%;
}

.grid3pie {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #454545;
	background-image: url(../images/allku.png);
	background-repeat: no-repeat;
	background-position: right;
}

#div1 {
	width: 35%;
	padding-top: 0.5%;
	padding-left: 0%;
	padding-bottom: 0%;
}

#menumain {
	margin-left: 0%;
	width: 65%;
	clear: right;
	float: right;
	text-align: left;
	margin-top: 0%;
}

#chat {
	font-size: 11px;
	color: #ababab;
	font-family: Arial, sans-serif;
	width: 50%;
	margin-left: 0%;
	clear: none;
	float: left;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align: left;
}

#cliente {
	margin-left: 1%;
	width: 49%;
	clear: right;
	float: right;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align: right;
	display: block;
	font-size: 11px;
	color: #ababab;
	font-family: Arial, sans-serif;
}

#bg1 {
	width: 95.5%;
	max-width: 640px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	margin: auto;
	clear: none;
	float: none;
}

#t1 {
	width: 48%;
	padding-bottom: 1.5%;
	margin-bottom: 4%;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#t2 {
	width: 48%;
	margin-left: 2%;
	padding-bottom: 1.5%;
	margin-bottom: 4%;
	clear: right;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#br1 {
	width: 40%;
	margin-left: 15%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	color: #ec5b00;
}

#br2 {
	width: 40%;
	margin-left: 2%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	clear: right;
	color: #ec5b00;
}

#bgpie {
	width: 95.5%;
	max-width: 640px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	margin: auto;
	clear: none;
	float: none;
	font-size: 12px;
}

#p1 {
	width: 48%;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #fff;
	border-bottom: solid 0px #616161;
}

#p2 {
	width: 48%;
	margin-left: 4%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-bottom: solid 0px #616161;
}

#p3 {
	width: 100%;
	margin-left: 0%;
	clear: left;
	display: block;
	padding-bottom: 1%;
	padding-top: 3%;
	color: #eee;
	border-top: solid 1px #616161;
}

.gridcopy {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f47f00;
	color: #fff;
}

#copy1 {
	width: 60%;
	padding-bottom: 1%;
	padding-top: 1%;
	clear: none;
}

#copy2 {
	width: 38%;
	margin-left: 2%;
	padding-bottom: 1%;
	padding-top: 1%;
	clear: right;
	text-align: right;
}
#skip {
	width: 100%;
	margin: auto;
	clear: left;
	float: none;
	display: block;
	border-bottom: solid 1px #cccccc;
	margin-top: 0.5%;
	margin-bottom: 1%; }

.ir-arriba {
	display: none;
	padding: 12px;
	background: #229ce9;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 100px;
	right: 20px;
}
.menu-fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 95%;
	padding-right:5%;
	background: rgba(34,156,233,0.95);
	background-image: url(../images/logo2.png);
	background-repeat: no-repeat;
	border-bottom:solid 2px #1a79b3;
}
.hide_android { display: none; }

.zeroMargin_android { margin-left: 0; }
}

/* Tableta Layout: 768px to 641px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 641px) {

.gridContainer {
	background-color: #fff;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	clear: none;
	float: none;
	margin: auto;
	margin-top: 15%
}

.grid1top {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color:rgba(50,48,49,0.8)
}

.gridlogo {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color:#1f8ed5;
}
.gridlogo2 {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 0%;
}

.gridwhois {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgwhois.jpg);
	background-repeat: repeat-x;
	background-color: #d9d9d9;
	padding-bottom:2%;
	padding-top:2%;
}

.gridgarantia {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f1f1f1;
}

.gridtitle {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	position: fixed;
	z-index: -1;
}

/*bannerstar*/
.grid2banner {
	width: 100%;
	background-color: #e0f6fb;
	background-image: url(../images/puto.png), url(../images/banner.jpg);
	background-repeat: repeat, no-repeat;
	background-position: left, center;
	background-size: auto, cover;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#banner {
	width: 95.5%;
	max-width: 768px;
	margin: auto;
	clear: none;
	float: none;
	padding-top: 1%;
	padding-bottom: 1%;
}

/*banner end*/
.gridbody {
	width: 95.5%;
	max-width: 768px;
	margin: auto;
	clear: none;
	float: none;
	background-color: #fff;
	margin-top: 1%;
	margin-bottom: 1%;
}

.grid3pie {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #454545;
	background-image: url(../images/allku.png);
	background-repeat: no-repeat;
	background-position: right;
}

#div1 {
	width: 35%;
	padding-top: 0.5%;
	padding-left: 0%;
	padding-bottom: 0%;
}

#menumain {
	margin-left: 2%;
	width: 63%;
	clear: right;
	float: right;
	text-align: left;
	margin-top: 0%;
}

#chat {
	font-size: 12px;
	color: #ababab;
	font-family: Arial, sans-serif;
	width: 40%;
	margin-left: 0%;
	clear: none;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
}

#cliente {
	margin-left: 5%;
	width: 40%;
	clear: right;
	float: right;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: right;
	display: block;
	font-size: 12px;
	color: #ababab;
	font-family: Arial, sans-serif;
}

#bg1 {
	width: 95.5%;
	max-width: 768px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0%;
	padding-bottom: 0%;
	margin: auto;
	clear: none;
	float: none;
}

#t1 {
	width: 45%;
	margin-left: 0%;
	padding-bottom: 1.5%;
	margin-bottom: 2%;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#t2 {
	width: 45%;
	margin-left: 9%;
	padding-bottom: 1.5%;
	margin-bottom: 2%;
	clear: right;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#br1 {
	width: 35%;
	margin-left: 25%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	color: #ec5b00;
}

#br2 {
	width: 35%;
	margin-left: 5%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	clear: right;
	color: #ec5b00;
}

#bgpie {
	width: 95.5%;
	max-width: 768px;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 1%;
	padding-bottom: 1.5%;
	margin: auto;
	clear: none;
	float: none;
	font-size: 12px;
}

#p1 {
	width: 30%;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #fff;
	border-bottom: solid 0px #616161;
}

#p2 {
	width: 30%;
	margin-left: 5%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-bottom: solid 0px #616161;
}

#p3 {
	width: 30%;
	margin-left: 5%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-top: solid 0px #373a42;
}

.gridcopy {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f47f00;
	color: #fff;
}

#copy1 {
	width: 70%;
	margin-left: 0%;
	padding-bottom: 1%;
	padding-top: 1%;
	clear: right;
}

#copy2 {
	width: 20%;
	margin-left: 4%;
	padding-bottom: 1%;
	padding-top: 1%;
	clear: right;
	text-align: right;
}

#skip {
	width: 100%;
	margin: auto;
	clear: left;
	float: none;
	display: block;
	border-bottom: solid 1px #cccccc;
	margin-top: 0.5%;
	margin-bottom: 1%; }
	
.ir-arriba {
	display: none;
	padding: 15px;
	background: #229ce9;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 110px;
	right: 20px;
}
.menu-fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 95%;
	padding-right:5%;
	background: rgba(34,156,233,0.95);
	background-image:url(../images/logo2.png);
	background-repeat: no-repeat;
	border-bottom:solid 2px #1a79b3;
}
.hide_tablet { display: none; }

.zeroMargin_tablet { margin-left: 0; }
}

/* Desktop Layout: 769px to a max of 1170px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	background-color: #fff;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	clear: none;
	float: none;
	margin: auto;
	margin-top: 0%
}

.grid1top {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color:rgba(50,48,49,0.8)
}

.gridlogo {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color:#1f8ed5;
}
.gridlogo2 {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgnave.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 0%;
}

.gridwhois {
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/bgwhois.jpg);
	background-repeat: repeat-x;
	background-color: #d9d9d9;
	padding-bottom:2%;
	padding-top:2%;
}

.gridgarantia {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f1f1f1;
}

.gridtitle {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	position: relative;
	z-index: -1;
}

/*bannerstar*/
.grid2banner {
	width: 100%;
	background-color: #e0f6fb;
	background-image: url(../images/puto.png), url(../images/banner.jpg);
	background-repeat: repeat, no-repeat;
	background-position: left, center;
	background-size: auto, cover;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#banner {
	width: 95.5%;
	max-width: 1170px;
	margin: auto;
	clear: none;
	float: none;
	padding-top: 0%;
	padding-bottom: 0%;
}

/*banner end*/
.gridbody {
	width: 95.5%;
	max-width: 1170px;
	margin: auto;
	clear: none;
	float: none;
	background-color: #fff;
	margin-top: 1%;
	margin-bottom: 1%;
}

.grid3pie {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #454545;
	background-image: url(../images/allku.png);
	background-repeat: no-repeat;
	background-position: right;
}

#div1 {
	width: 25%;
	padding-top: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
}

#menumain {
	margin-left: 0;
	width: 70%;
	clear: right;
	float: right;
	text-align: left;
	margin-top: 0%;
}

#chat {
	font-size: 13px;
	color: #ababab;
	font-family: Arial, sans-serif;
	width: 40%;
	margin-left: 0%;
	clear: none;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: left;
}

#cliente {
	margin-left: 10%;
	width: 30%;
	clear: right;
	float: right;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: right;
	display: block;
	font-size: 13px;
	color: #ababab;
	font-family: Arial, sans-serif;
}

#bg1 {
	width: 95.5%;
	max-width: 1170px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	padding-top: 0%;
	padding-bottom: 0%;
	margin: auto;
	clear: none;
	float: none;
}

#t1 {
	width: 45%;
	margin-left: 0%;
	padding-bottom: 1.5%;
	margin-bottom: 2%;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#t2 {
	width: 45%;
	margin-left: 9%;
	padding-bottom: 1.5%;
	margin-bottom: 2%;
	clear: right;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 10px;
	text-align: center;
	background-image: url(../images/hosting.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #ec5b00;
}

#br1 {
	width: 30%;
	margin-left: 30%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	color: #ec5b00;
}

#br2 {
	width: 30%;
	margin-left: 5%;
	padding-bottom: 1%;
	margin-bottom: 1%;
	clear: right;
	color: #ec5b00;
}

#bgpie {
	width: 95.5%;
	max-width: 1170px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	padding-top: 1%;
	padding-bottom: 0%;
	margin: auto;
	clear: none;
	float: none;
	font-size: 12px;
}

#p1 {
	width: 30%;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #fff;
	border-bottom: solid 0px #8f5444;
}

#p2 {
	width: 30%;
	margin-left: 5%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #eee;
	border-bottom: solid 0px #8f5444;
}

#p3 {
	width: 30%;
	margin-left: 5%;
	clear: right;
	display: block;
	padding-bottom: 1%;
	padding-top: 1%;
	color: #fff;
	border-top: solid 0px #373a42;
}

.gridcopy {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-color: #f47f00;
	color: #fff;
}

#copy1 {
	width: 50%;
	margin-left: 0%;
	padding-bottom: 1%;
	padding-top: 0%;
	clear: none;
}

#copy2 {
	width: 45%;
	margin-left: 5%;
	padding-bottom: 0%;
	padding-top: 1%;
	clear: right;
	text-align: right;
}

#skip {
	width: 100%;
	margin: auto;
	clear: left;
	float: none;
	display: block;
	border-bottom: solid 1px #cccccc;
	margin-top: 0.5%;
	margin-bottom: 1%; }
	
.ir-arriba {
	display: none;
	padding: 15px;
	background: #229ce9;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 160px;
	right: 20px;
}
.menu-fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 94%;
	padding-right:6%;
	background: rgba(34,156,233,0.95);
	background-image:url(../images/logo2.png);
	background-repeat: no-repeat;
	border-bottom:solid 2px #1a79b3;
}
.zeroMargin_desktop { margin-left: 0; }

.hide_desktop { display: none; }
}