/*GENERALES*/
	body, html{
		margin:0;
		padding:0;
		color:black;
		font-size:62.5%;
		-webkit-text-size-adjust: none;		
		touch-action: manipulation;			
		overflow-x:hidden;
		background:white;
		font-family: nunito, sans-serif !important;
		font-family: montserrat, sans-serif !important;		
	}
	body{
		margin-top:9rem;
	}
	.mobile{
		display:none !important;
	}
	.desktop{
		display:block !important;
	}
	@media screen and (max-width: 1400px) {
		body,html {
			font-size: 55% !important;	
		}	
	}
	@media screen and (max-width: 1000px) {
		body,html {
			font-size: 55% !important;	
		}	
		.mobile{
			display:block !important;
		}
		.desktop{
			display:none !important;
		}
				
	}	
	a{
		color:inherit;
		text-decoration:none;
	}	
	a:focus{
		color:inherit;
		text-decoration:none;
	}		
	*, *:after, *:before { 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		-webkit-font-smoothing:antialiased;
		font-smoothing:antialiased;
		outline: none;	
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.centradovertical{
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		text-align:center;
	}	
	input, select, textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius:0;
		font-family: nunito, sans-serif !important;
		font-weight:200;
		font-size:1.5rem;
		padding:1rem;
	    font-weight: 700;
		padding-left: 2rem;
	    padding-right: 2rem;		
		width:100%;	
		border:0;
		
	}	
	.dropdown {
		width: 1rem !important;
		right: 1rem;
		opacity: 1;
		top: 2rem;
		pointer-events: none;
		position: absolute;
		left: auto !important;
		transition: all .3s ease;
	}	
	section{
		width:100%;
		padding-top:5rem;	
		padding-bottom:5rem;
		border-top: 1px solid #e2e2e2;		
	}
	.cont{
		max-width:1100px;
		margin:0 auto;
		width:100%;
		position:relative;
		padding-left:2rem;
		padding-right:2rem;
	}
	@media screen and (max-width: 1000px) {
		section{
			text-align:left;
		}	
	}
	@font-face {
		font-family: 'fontello';
		src: url('../font/fontello.eot?55002623');
		src: url('../font/fontello.eot?55002623#iefix') format('embedded-opentype'),
			 url('../font/fontello.woff?55002623') format('woff'),
			 url('../font/fontello.ttf?55002623') format('truetype'),
			 url('../font/fontello.svg?55002623#fontello') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	.font-icon {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 2.5rem;
		padding-right: .5rem;
		font-variant: normal;
		transform: scale(1.3);
		text-transform: none;
		color: #0c8dce;		
	}
	.icon-search{
		padding-right:0rem;	
	}
	.icon-call{
		width:auto;
	}
	.icon-help-circled{
		transform: scale(.75);
		position: relative;
		left: -.25rem;
		opacity: 1;
		top: -.5rem;
		position: relative;
		z-index: 9;
		color: #0000007d;
		cursor: pointer;
		font-size: 1.75rem;
	}
	.icon-help-circled:hover .ayuda{
		opacity:1;
	}	
	@media screen and (max-width: 1000px) {
		.icon-help-circled{
			display:none;
		}	
	}	
	.icon-check{
		transform:scale(1);
		padding-right:0;
		color:#2fc582;
		width: 1.5rem;
		position: relative;
		left: 2rem;		
	}
	
	
/*REMODAL*/
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;

  padding: 2rem;

  transform: translate3d(0, 0, 0);

  color: #2b2e38;

}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #0c8dce;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: white;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;

    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;

    filter: blur(0);
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}
	


/*GRILLAS*/
	ul{
		width:100%;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		max-width:1250px;
		position:relative;
		z-index:3;
		overflow:initial;
	}
	ul:after {
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	li{
		display: block;
		float: left;
		position:relative;
	}	
	.li20{
		width:20%;
	}
	.li25 {
		width: 25%;
	}
	.li33 {
		width: 33.333%;
	}			
	.li50 {
		width: 50%;
	}
	.li66 {
		width: 66.666%;
	}		
	.li75 {
		width: 75%;
	}	
	.li100 {
		width: 100%;
	}
	li img{
		width:100%;
	}	
	@media screen and (max-width: 1000px) {
		.li25,
		.li33,
		.li50,
		.li66,
		.li75{
			width:100% !important;
		}
		.li20{
			width:50%;
		}
	}		

/*MENU*/
	#menu {
		height:9rem;		
		position: fixed;
		top: 5rem;;
		left:0;
		width: 100%;
		text-align:center;	
		z-index:99999;
		transition: all .5s ease;
		box-shadow: 0 0 35px 0 rgba(0, 0, 0, .3) !important;
		color:black;
		color: white;
		z-index: 999;
		background: #0c8dce;
		transition:all .3s ease;
	}

	#menu .centradovertical{
		max-width:1100px;
	}
	#logo{
		height:6rem;
		float: left;
	}
	#logo img{
		height:100%;
		position:absolute;
		left:2rem;
	}
	.logo1{
		opacity:1;
	}
	.logo2{
		opacity:0;
	}
	#submenu{
		text-align: right;
		float: right;
		position:relative;
		right:2rem;
		top:2rem;
	}
	#submenu span{
		margin-left: 4rem;
		font-size: 1.4rem;
		font-weight: 600;
		padding-top: .5rem;
		padding-bottom: .5rem;
		text-transform: uppercase;
		font-weight: 700;
		border-bottom:2px solid #0c8dce;
		transition: all .5s ease;
	}
	#submenu span:hover{
		border-bottom:2px solid white
	}
	.submenu1 span:first-child, .submenu2 span:first-child{
		padding-left:0;	
	}
	#areaclientes{
		background: #13455f;
		position: fixed;
		top: 0;
		width: 100%;
		height: 5rem;
		z-index: 9;
	}
	#areaclientes .cont{
	    max-width: 1100px;	
		margin: 0 auto;
		text-align:right;
	}
	#areaclientes input{
		display: inline-block;
		width: 15rem;
		font-size: 1.1rem;
		margin: .4rem;
		top: 1rem;
	}
	#areaclientes form{
		position: relative;
    	top: .5rem;
	}
	#areaclientes span{
		color: white;
		font-size: 1rem;
		font-size: 1.2rem;
		margin-right: 1rem;
	}
	#areaclientes_mobile input{
		background:#e8e8e8;
		margin-top:1rem;
	}
/*MENU MOBILE*/
	#menumobile{
		width:100%;
		position:fixed;
		background:white;
		z-index: 9999;
		letter-spacing: .15rem;
		font-size: 1.3rem;	
	}
	#menumobile *{
		transition: all .3s ease;
	}
	.menumobile-cont{
		width: 100%;
		height: 9rem;
		position: fixed;
		top: 0;left: 0;
		background: #0c8dce;
		z-index: 9999;
		box-shadow: 0 0 35px 0 rgba(0, 0, 0, .3) !important;
	}
	.menumobile-cont img{
		padding:2rem;
		position:absolute;
		height:100%;
		top: 0;
		height: 100%;
		margin: 0 auto;
		left: 0rem;
	}
	.menumobile-links{
		height: calc(100vh - 9rem );
		position: absolute;
		width: 100%;
		left: 0;
		background: rgba(255, 255, 255, 0.95);
		left:-100%;
		box-shadow: 0 0 35px 0 rgba(0, 0, 0, .3) !important;
	}
	.menumobile-links span{
		display: table;
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
		padding-top: 2rem;
		font-size: 1.7rem;
		font-weight: 600;
		width: auto;
		text-align: center;
		margin: 0 auto;
		text-transform: uppercase;
	    letter-spacing: 0;		
	}
	.menumobile-links img{
		width:2rem;margin:2rem;
	}
	.menumobile-links .menu-item{
		position:relative;
		width:100%;
		margin-top:2rem;margin-bottom:2rem;
	}
	.menumobile-links .raya{
		width:100%;
		background:#d9d9d9;
	}
	.menulabel{
		position: absolute;
		right: 3rem;
		top: .3rem;
		color: black;
		opacity:.5;
		display:none;
	}
	#hamburger {
		width: 3rem;
	    height: 2.5rem;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display: inline-block;
		top: 3rem;
		right: 2rem;
	}
	
	#hamburger span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: white;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		padding:0rem !important;
		position:absolute !important;
		border-radius:999px;
	}
	
	#hamburger span:nth-child(1) {
	  top: 15%;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin:  center;
	}
	
	#hamburger span:nth-child(2) {
	  top: 50%;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin:  center;
	}
	
	#hamburger span:nth-child(3) {
	  top: 85%;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin:  center;
	}
	
	#hamburger.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
	}
	#hamburger.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	}
	#hamburger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 50%;
	}	
	.menu_activo{
		border-bottom: 3px solid #0c8dce
	}

/*TIPOGRAFÍA*/
	section h1{
		font-size: 2.25rem;
		font-weight: 700;
		margin: 0;
		padding: 0;
		border-left: 3px solid #0c8dce;
		line-height: 2;
		padding-left: 1rem;

			
	}
	h2{
		margin: 0;
		padding: 0;
		font-weight:300;
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.6;
		opacity:.7	
	}
	h3{
		margin: 0;
		padding: 0;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1.8;
		color: black;
		padding-top: 2rem;
		padding-bottom: 1rem;
		max-width: calc(100% - 2rem);
	}

	p{
		margin: 0;
		padding: 0;
		font-weight: 300;
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.6;
		opacity: .7;
	}

/*HEADER*/	
	#header{
		background:url(../img/fondo.jpg);
		background-position:center;
		background-size:cover;	
		text-align:center;
		color:white;
		position:relative;
		padding-top:15rem;
		padding-bottom:15rem;
	}
	.overlay{
		position:absolute;
		background:black;
		opacity:.3;
		width:100%;
		height:100%;	
		top:0;
		left:0;
	}
	#header h1{
		border-left:0;
		color:white;
		font-size:4rem;	
		text-shadow: 4px 4px 28px rgba(0, 0, 0, 0.3);
	}
	#header input{
		width:100%;
		border:0;
		line-height: 3rem;	
		width:70%;
		display:inline-block				
	}
	#header .extension{
		width:10%;	
		font-weight:700;
		background: #e8e8e8;		
	}
	#header .btn{
		background: #0c8dce;
		font-weight: 700;
		color: white;
		font-size: 2rem;
		line-height: 3rem;
		border-radius: 0 1rem 1rem 0rem;
		cursor: pointer;
		border: 0;		
		width:20%;
		display:inline-block;
		float:right;
	}
	@media screen and (min-width: 1000px) {
		#header form{
			width:80%;
			margin:0 auto;
			border-radius: 0 1rem 1rem 0;			
		}
	}
	@media screen and (max-width: 1000px) {
		#header input{
			width:80%;
		}
		#header .extension{
			width:20%;
		}
		#header .btn{
			width: 100%;
			border-radius: 0 0 1rem 1rem;		
		}
	}
	.btn:hover{
		color:blue;
		color: #134d6b !important;		
	}
	
	
/*WHOIS*/
	@media screen and (min-width: 1000px) {
		.whois{
			padding-right:6rem;
		}	
	}
	.whois ul{
		padding:2rem;
		border-radius:1.5rem;	
		background: #e8e8e8;
		margin-top: 2rem;
		margin-bottom: 4rem;				
	}
	.whois input{
		width:100%;
		border:0;
		line-height: 3rem;		
	}
	.whois .btn{
		background: #0c8dce;
		font-weight: 700;
		color: white;
		font-size: 2rem;
		line-height: 3rem;	
		border-radius: 0 0 1rem 1rem;
		cursor:pointer;			
	}
	
	
/*PREGUNTAS*/
		#preguntas p {
			padding-bottom:1rem;
			text-align:justify;	
			z-index: 99;
			position: relative;
			overflow: hidden;				  
		}		
		#preguntas{
			background: #e8e8e8;
			padding: 2rem;
			border-radius: 2rem;
			padding-top: 0;
			margin-top: 2rem;
			padding-bottom: 0;
		}
		#preguntas li:last-child{
			border-bottom:0;	
		}
		#preguntas  li {
			position: relative;
			padding: 0;
			margin: 0;
			width:100%;
			border-bottom: 1px dotted rgba(0, 0, 0, 0.08);
		}
		#preguntas  li:nth-of-type(1) {
		  animation-delay: 0.5s;
		}
		#preguntas  li:nth-of-type(2) {
		  animation-delay: 0.75s;
		}
		#preguntas  li:nth-of-type(3) {
		  animation-delay: 1s;
		}
		#preguntas  li:last-of-type {
		  padding-bottom: 0;
		}
		#preguntas  li i {
		  position: absolute;
		  transform: translate(-6px, 0);
			margin-top: 3rem;
		  right: 1rem;
			transform: scale(1.5);		  
		}
		#preguntas  li i:before,  #preguntas li i:after {
		  content: "";
		  position: absolute;
		  background-color: #2FB1E2;
		  width: 2px;
		  height: 6px;
		}
		#preguntas  li i:before {
		  transform: translate(-1px, 0) rotate(45deg);
		}
		#preguntas  li i:after {
		  transform: translate(2px, 0) rotate(-45deg);
		}
		#preguntas  li input[type=checkbox] {
		  position: absolute;
		  cursor: pointer;
		  width: 100%;
		  height: 100%;
		  z-index: 1;
		  opacity: 0;
		}
		#preguntas  li input[type=checkbox]:checked ~ p {
		  margin-top: 0;
		  max-height: 0;
		  opacity: 0;
		  transform: translate(0, 50%);
		}
		#preguntas  li input[type=checkbox]:checked ~ i:before {
		  transform: translate(1px, 0) rotate(45deg);
		}
		#preguntas  li input[type=checkbox]:checked ~ i:after {
		  transform: translate(-2px, 0) rotate(-45deg);
		}
		
		#preguntas  li input[type=checkbox]:checked ~ h3{
		  color:grey;
		}		
		
		@keyframes flipdown {
		  0% {
			opacity: 0;
			transform-origin: top center;
			transform: rotateX(-90deg);
		  }
		  5% {
			opacity: 1;
		  }
		  80% {
			transform: rotateX(8deg);
		  }
		  83% {
			transform: rotateX(6deg);
		  }
		  92% {
			transform: rotateX(-3deg);
		  }
		  100% {
			transform-origin: top center;
			transform: rotateX(0deg);
		  }
		}	
			
		#preguntas input[type=radio],
		#preguntas input[type=checkbox] {
			display: block;
		}
		#preguntas li:hover h3{
			color:#0c8dce !important;
		}

		
		@media screen and (max-width: 1100px) {
			
			#preguntas h3, #preguntas p {
				text-align:left !important;
			}				
			
		}	
	
	#contacto p{
		opacity:1;	
	}
		
	@media screen and (max-width: 1100px) {
		.remodal .li33{
			padding-right:0 !important;
			padding-bottom:1rem !important;
		}
		.remodal .li33:last-child{
			padding-bottom:0 !important;
		}
	}		
	
/*FOOTER*/
	#footer{
		background-color: #2b2b2b;
		padding:2rem;
		text-align:center;
		font-size: 1.2rem;
	    color: #888888;		
		line-height:1.8;
		border-bottom: 3px solid #0c8dce;		
	}