@charset "utf-8";
a, abbr, acronym, address, applet, b, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, title, tr, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0;
}
body {
	font-size: 1.2em;
	font-family: Arial,Helvetica,sans-serif;
	color: #2F2E2E;
	line-height: 1.5;
}
#header {
	position: fixed;
	background: rgb(243, 243, 243, 80%);
	width: 100%;
	z-index: 2;
}

.logochico{
	height: 58px;
	margin-left: 1%;
	margin-top: 1%;
	display: inline-block;
}
#menu{
	display: none;
}
#nav1 {
	padding-left: 5%;
	top: 20px;
	position: absolute;
}
#nav1 li
{
        display:inline-block;
}
#nav1 li a
{
	width: 100%;
	padding: 10px 10px 0 0;
	text-align: center;
	color: #0c6d9e;
	border: 1px rgba(0,0,0,0) solid;
	display: inline-block;
	text-shadow: 1px 1px 1px #e0f6ff; 
	text-decoration: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
	font-family: reg;
}

#nav1 li a:hover
{
        -webkit-transform:translate(0px,5px) scale(1.05);
        transform:translate(0px,5px) scale(1.05);
        box-shadow:0px 10px 10px -6px rgba(0,0,0,0.4);
	color: #ee000;
	text-decoration: none;
}
.float{
	float: right;
}
.bigbtn{
	border-radius: 5px;
	background-color: rgba(19, 214, 143, 1);
	border: solid rgba(96, 94, 94, 1) 0px;
	box-shadow: 1px 1px #454D69, 3px 3px #454D69, 5px 5px #454D69, 7px 7px #454D69, 9px 9px #454D69;
	transition: all 0.12s ease 0s;
	height: 61px;
	width: 90%;
	color: white;
	font-size: 1.5em;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
.bigbtn:hover{
	-webkit-transform:translate(0px,5px) scale(1.05);
	transform:translate(0px,5px) scale(1.05);
	box-shadow:0px 10px 10px -6px rgba(0,0,0,0.4);
}
.bigbtn:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
  font-weight: bold;
}

.parallax {
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
  }

.parallax img{
	width: 50%;
	position: relative;
	margin: 114px 0px 45px calc((100% - 980px) * 0.5);
	left: 264px;
	grid-area: 1 / 1 / 2 / 2;
	justify-self: start;
	align-self: start;
}
.column {
  display: table-cell;
  width: 50%;
  padding: 0 5% 5% 5%;
}
.column1 {
  display: table-cell;
  width: 50%;
  padding: 5%;
  background:#e7e7e7;
}
.rowdark {
  display: flex;
}
.rowlight {
  display: flex;
}

.row1:after {
  content: "";
  display: table;
  clear: both;
  background:#b5cbe6;
  height:35%;  
}
.row2:after {
  content: "";
  display: table;
  clear: both;
  background:#b1d3ec;
  height:25%;  
}
.row3:after {
  content: "";
  display: table;
  clear: both;
  background:#8dbfe1;
  height:23%;  
}
.row4:after {
  content: "";
  display: table;
  clear: both;
  background:#ffffff;
  height:17%;  
}
.linevert{
  display: table-cell;
  width: 0.5%;
  padding: 0%;
}
.colnoticias{
	display: table-cell;
	padding: 2%;
	width: 10%;
}
.normal {
	padding: 0% 5% 5% 5%;
}
.precios{
	padding-top: 7%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
small {
	color: white;
	font-size: initial;
	display: inline-block;
	text-align: center;
	padding: 10px;
	width: 85%;
}
.func {
	padding: 5%;
}
h1 {
	font: normal normal normal 33px/1.4em avenir-lt-w01_85-heavy1475544,sans-serif;
	color: #2F2E2E;
}
#cont {
	top: 45%;
	position: relative;
	left: 5%;
	font-size: 3em;
	letter-spacing: 0.25em;
	color: white;
}
#inver{
	top: 45%;
	position: relative;
	left: 5%; 
	font-size: 3em;
	letter-spacing: 0.25em;
	color: white;
}
h2{
	color: #D12A3C;
	font-size: 3em;
}
.parallax h3{
	padding: 15% 0% 10% 5%; 
	margin: 0%;
	font: normal normal lighter 3em avenir-lt-w01_35-light1475496, sans-serif; 
	text-align: left; 
	letter-spacing: 0.05em;
}
h3 {
	color: #FFFFFF;
	font-family: lulo-clean-w01-one-bold,sans-serif;
	font-size: 1.5em;
	margin: 15%;
	text-align: right;
}
h4{
	text-align: center;
	margin: 0% 0% 2% 0%;
	font-size: 1.8em;
}
h5{
	font-size: 5em;
}
.colred{
	color: #D12A3C;
}
.fontblue{
	color: #4f98ce;
}
.greyblue{
	background-color: #526295;
	padding: 0%;
	width: 40%;
	max-height: 150px;
}
.blue1{
	background-color: #92afda;
	padding: 7% 3% 5% 3% ;
        max-height: 150px;
}
.blue {
	background-color: #2d62cf;
	padding: 7% 3% 7% 3%;
}
.pink{
	background-color: #fdc2a2;
	padding: 6% 3% 6% 3% ;
}
.blue1{
	background-color: #92afda;
	padding: 5% 3% 5% 3% ;
}

.orange{
	background-color: #ffe9b3;
	padding: 4% 3% 4% 3% ;
}
.black{
	background-color: black;
	width: 25%;
	padding: 1%;
}
.gray{
	background-color: rgb(96, 94, 94);
	width: 25%;
	padding: 1%;
}
.silver{
	background-color: rgb(237, 237, 237);
	padding: 1%;
	width: 25%;
}
.green{
	background-color: rgb(75, 209, 160);
	width: 25%;
	padding: 1%;
}
.black img{
	width: 65%;
	margin: 0 0 30% 10%;
}
.gray img{
	width: 50%;
	margin: 20%;
}
.silver img{
	width: 50%;
	margin: 20%;
}
.green img {
	width: 35%;
	margin: 0 auto 20% auto;
	display: block;
}
.benef{
	padding: 0% 5% 5% 5%;
}
.listondark{
	color: #FFFFFF;
	margin: 0 5% 10% 10%;
}
.clients{
	background-color: #e8ecf8;
	padding: 10%;
}
.more{
	background-color: rgba(241, 104, 118, 1);
	cursor: pointer !important;
	display: flex;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	margin: 4% auto;
	color: white;
	padding: 1.5% 5% 1.5% 5%;
}
.pricing{
	padding: 5%;
}
#not{
	top: 45%;
	position: relative;
	left: 5%; 
	font-size: 3em;
	letter-spacing: 0.25em;
	color: white;
}
.noticias{
	color: #776f8f;
	font-size: 1em;
	text-decoration: none;
	background-color: #f4f6fc;
	display: block;
}
.noticias h1{
	letter-spacing: 0.5em;
}
#aviso {
	display: none;
	background-color: rgb(45, 98, 207);
	width: 100%;
	height: 500px;
}
#copyright{
	background-color: #F0F0F0;
	padding: 2.5%;
}
.listnobullet {
	list-style: none;
	font-size: 1.1em;
	line-height: 1.3;
}
.listnobullet li a{
                color: #057cfb;
                font-family: dark;
                font-size: 1.2em;
                padding: 6px;
                display: block;
                text-align: center;
                text-decoration: none;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                transition: all 0.2s;
}
.listnobullet li a:link{
	
}
.listnobullet li a:visited{
	color: #92afda;
}
.listnobullet li a:hover{
}
.listnobullet li a:focus{
}
.listnobullet li a:active{
}

.sublistnobullet {
	list-style: none;
	text-indent: 25px;
	margin-bottom: 30px;
	font-size: smaller;
}
.big{
	font-size: 3em;
}
.num{
	width: 100%;
}
.num thead{
	text-align: left;
}
table thead{
	text-align:left;
}
.ip{
	font-size: 0.8em;
}
.signup{
	display.block;
}
.signup label {
        opacity:0.95;
        display:block;
        color:#fff;
        margin-bottom:10px;
}
.signup label input, .signup label select, .signup label textarea{
        display:block;
        padding:5px;
        border-radius: 0;
        width: 100%;
}
.signup label select option{
        background: #2d62cf;
}

.privacidad{
	font-size: 0.8em;
	height: 350px;
	width: 100%;
}
#ppal{
	font-size: 3vw;
}
/*.tog {
	position: fixed;
	top: 15px;
	right: 50px;
}*/

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
  
} 

@media all and (max-width: 890px)
{
	.parallax img {
		width: 100%;
		margin: 25% 0 0 0;
		position: unset;
	}
	.logochico{
		width: auto;
	}
	#menu
	{
		display:block;
		cursor:pointer;
		width:50px;
		margin-right:2%;
		height:50px;
		float:right;
	}
	#menu li {
		background: rgb(201, 212, 223);
		height: 5px;
		margin-top: 5px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		list-style: none;
	}
	#menu:hover li
	{
			background:#09c;
	}
	.act_li
	{
		background:#09c !important;
		-webkit-transition:all 0.5s;
		transition:all 0.5s;
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	
	#nav1
	{
 	       	display: none;
        	margin: 1px;
	        z-index: 100;
		top: 0px;
		background: #fff;
	}
	#nav1 li {
		display: block;
		width: 100%;
		padding: 10px;
		text-align: center;
		border-bottom: 1px #fff solid;
	}	
	#nav1 li a {
	        text-align: center;
       		color: #0c6d9e;
	        border: 1px rgba(0,0,0,0) solid;
        	display: block;
	        font-family: reg;
		font-size: 1.2em;
		padding: 6px;
		display: block;
		text-decoration: none;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}
	.column, .colnoticias {
	  display: block;
	  width: 100%;
	  padding: 5% 0 5% 0;
	}
	div{
		text-align: center;
		margin: 0%;
	}
	h1, h2, h3, h4{
		text-align: center;
		width: 100%;
		margin: 0%;
	}
	h2{
		font-size: 4em;
	}
	.parallax h3{
		padding: 30% 5% 10% 5%; 
		margin: 0%;
		font: normal normal lighter 2.5em avenir-lt-w01_35-light1475496, sans-serif; 
		text-align: left; 
		letter-spacing: 0.05em;
	}
	
	table, select, img{
		text-align: center;
		width: 100%;
		margin: 0%;
	}
	.green img {
		margin: 0 0 20% 30%;
	}
	.silver{
		width: 100%;
	}
	#clie{
		letter-spacing: 0.25em !important;
	}
	.dest{
		list-style: none;	
	}
	.parallax h1{
		letter-spacing: 0em;
	}
	
	.noticias h1{
		letter-spacing: 0.3em;
	}
	#inver{
		top: 45%;
		position: relative;
		left: 0%; 
		font-size: 1.8em;
		letter-spacing: -0.03em;
		color: white;
	}	
	#cont {
		top: 45%;
		position: relative;
		font-size: 2.5em;
		letter-spacing: 0em;
		color: white;
	}
	.normal{
		padding: 0%;
	}
	.signup{
		width: 100%;
		margin: 0%;
	}
	.signup label input, .signup label select, .signup label textarea{
	    width: 90%;
	}
	#not{
		top: 45%;
		position: relative;
		left: 0%; 
		font-size: 3em;
		letter-spacing: 0em;
		color: white;
	}
	.precios{
		padding-top: 25%;
	}
	.rowdark {
		display: block;
	}
	.rowlight {
		display: block;
	}

}