/*
=====================================================================
*
*
*
=====================================================================

TOC:
a. Webfonts and Icon fonts
b. Preloader
c. Reset
d. Default Styles
   1. Basic
   2. Typography
   3. Links
   4. Media
   5. Buttons
   6. Forms
d. Grid
e. Others
   1. Clearing
   2. Misc

=====================================================================  */

html {
	font-size: 14px;
}

body {
	font-family: "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif;
	color: #666;
	background-color: #eef2f5;
	/*#EFEBE7;*/
	font-weight: 300;
}

.container {
	background-color: #FFF;
	margin: 30px auto;
	border-radius: 15px;
	padding: 0;
}

#content {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}

#content:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#main {
	width: 73%;
	margin: 40px 0;
	padding: 0 40px;
	background: #fff;
	float: left;
	border-right: 1px solid #E0E0E0;
	font-weight: 300;
	font-size: 1.1rem;
	line-height: 1.4em;
	overflow: hidden;
}

#full {
	margin: 0;
	padding: 40px;
	color: #777;
	font-weight: 300;
	font-size: 1.1rem;
	line-height: 1.4em;
	overflow: hidden;
}

#sidebar {
	width: 20%;
	float: right;
	margin: 34px 40px 0 0;
	border: 0;
	padding: 0;
	font-size: 1rem;
}

header .logo {
	max-width: 350px;
	margin: 40px 0 30px 42px;
}

header {
	border-radius: 15px 15px 0 0;
	font-size: 1rem;
	/* 	background-color: #1f5a8c; */
	/* 	background-color: #228ae6; */
	/* background: rgba(0, 0, 0, 0) linear-gradient(rgb(15, 98, 189) 24%, rgb(10, 64, 122) 168%) repeat scroll 0% 0%; */
	background-color: #1862ab;
	/* 	background-color: #009cde;
	background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%); */
}

/* headern {
	background: -webkit-linear-gradient(281deg, #045e9e 40%, #73c2fb 100%);
	background: linear-gradient(169deg, #045e9e 40%, #73c2fb 100%);
	background-color: #045e9e;
	color: #fff;
	border-radius: 15px 15px 0 0;
	font-size: 1rem;
} */

footer {
	border-radius: 0 0 15px 15px;
	background-color: #5fa8d9;
	display: block;
	padding: 30px 40px 20px;
}

/* Ajustes Bootstrap */

.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-primary:hover {
	background-color: #2e6da4;
}

/* -------------------------------------- | Modal | 07-2018 */

.ventana {
	padding: 0;
	position: fixed;
	top: auto;
	right: auto;
	bottom: 50px;
	left: 30px;
	z-index: 40;
	box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.12);
	max-width: 560px;
	font-size: 15px;
	border-radius: 10px;
	margin-right: 26px;
	animation: fadein .5s;
}

.ventana-header {
	background-color: #72c3fc;
	display: grid;
	border-radius: 10px 10px 0 0;
}

.ventana-title {
	padding: 1em 2em;
	color: white;
	font-weight: 600;
	font-size: 1.1em;
}

.ventana-icono {
	color: white;
	font-size: 1.4em;
	text-align: right;
	padding: 0.6em 2em .5em 0;
}

.ventana-body {
	font-size: 1em;
	padding: 1.5em 2em 1em 2em;
	background: #fff;
}

.ventana-footer {
	border-radius: 0 0 10px 10px;
	background: #fff;
	padding: 0 2em 1.5em 2em;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media (min-width: 768px) {
	.ventana {
		max-width: 560px;
	}
}

@media (max-width: 520px) {
	.ventana {
		width: 100%;
		bottom: 0;
		left: auto;
	}
}

.modal-dialog {
	margin-top: 3.75rem auto;
}

.modal-backdrop.show {
	opacity: .2;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-header {
	padding: 2rem 3rem 1rem 3rem;
}

.modal-title {
	color: #2F5F8C;
	font-size: 1.6rem;
}

.modal-body {
	font-size: 1.2em;
	padding: 1.5rem 3rem 1rem 3rem;
}

.modal-body.mdt {
	/* 	font-size: 1.1em; */
	line-height: 1.3em;
}

.modal-body.mdt h4 {
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 1.2rem;
}

.modal-footer {
	justify-content: flex-start;
	border-top: 0;
	padding: 0 3rem 3rem 3rem;
}

.aviso-cookies {
	position: fixed;
	top: auto;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	font-size: .95rem;
	border: 0 !important;
}

@media (max-width: 460px) {
	.aviso-cookies {
		position: fixed;
		top: auto;
		right: 0;
		left: 0;
		bottom: 0;
		margin: 0;
	}
}

/* -------------------------------------- | Empresa / Mapa | 07-2018 | http://jsfiddle.net/cctiger36/NZMBb/  */
.empresa strong {font-weight: 500;}

.archivo .card-text {font-size: 0.9em; margin-bottom: 0 !important;}


.card-columns {
	column-count: 2;
/* 	@include media-breakpoint-only(lg) {
	  column-count: 2;
	}
	@include media-breakpoint-only(xl) {
	  column-count: 2;
	} */
  }



.empresa #simplicidad .lab {
	height: 195px;opacity: 0.8;
}

.empresa #simplicidad .lab2 {
	height: 195.5px;opacity: 0.8;
}

 @media (min-width: 1300px) {
	.empresa #simplicidad:hover .lab {
		opacity: 1;
		transition: opacity .5s ease-out;
		-moz-transition: opacity .5s ease-out;
		-webkit-transition: opacity .5s ease-out;
		-o-transition: opacity .5s ease-out;
		height: 523px;
	}

	.empresa #simplicidad .lab, .empresa #simplicidad .lab2 {
		opacity: 0.8;
		transition: opacity .5s ease-out;
		-moz-transition: opacity .5s ease-out;
		-webkit-transition: opacity .5s ease-out;
		-o-transition: opacity .5s ease-out;
	}

	.empresa #simplicidad:hover .lab2 {
		height: 0px;
	}

	.empresa #simplicidad:hover .txt {
		display: none;
	}
}




/* Efecto laberinto */


.empresa_mapa_europa {
	position: relative;
	overflow: hidden;
	height: 450px;
}

.empresa_mapa_europa img {
	width: 1300px;
	margin-top: -210px;
	margin-left: -150px;
	filter: grayscale(0.1);
}

.dot {
	opacity: 1;
	border: 5px solid #1862ab;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: blink 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: blink 2s ease-out;
	-moz-animation-iteration-count: infinite;
	animation: blink 2s ease-out;
	animation-iteration-count: infinite;
	z-index: 25;
}

.frankfurt.txt, .madrid.txt, .london.txt, .amsterdam.txt {
	background: white;
	padding: 2px 5px;
	padding-left: 23px;
	padding-right: 10px;
	border-radius: 5px;
	margin-top: -9px;
	margin-left: -8px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #ccc;
	color: #000;
}

.madrid {
	left: 153px;
	top: 365px;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
	position: absolute;
}

.amsterdam {
	left: 305px;
	top: 46px;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	animation-delay: 0.6s;
	position: absolute;
}

.london {
	left: 211px;
	top: 80px;
	position: absolute;
}

.frankfurt {
	left: 371px;
	top: 110px;
	position: absolute;
}

/*   .ringbase {
	position:absolute;
	width:25px;
	height:25px;
	border-radius:35px;
	opacity:0.0;
	z-index:10;
  }
  
  .ring1 {
	box-shadow:0 0 2px 1px #000, inset 0 0 2px 1px #8eb716;
	-moz-animation: ring 2s ease-in-out;
	-moz-animation-iteration-count: infinite;
	-webkit-animation: ring 2s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation: ring 2s ease-in-out;
	animation-iteration-count: infinite;
  }
  
  .ring2 {
	box-shadow:0 0 1px 0px #000, inset 0 0 1px 0px #cbe572;
	-moz-animation: ring 2s ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-delay: 0.5s;
	-webkit-animation: ring 2s ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 0.5s;
	animation: ring 2s ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 0.5s;
  } */

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes blink {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*   @-webkit-keyframes ring {
	0% {-webkit-transform: scale(0.4, 0.4); opacity: 0.0;}
	50% {opacity: 0.6;}
	100% {-webkit-transform: scale(1.1, 1.1); opacity: 0.0;}
  }
  
  @-moz-keyframes ring {
	0% {-moz-transform: scale(0.4, 0.4); opacity: 0.0;}
	50% {opacity: 0.6;}
	100% {-moz-transform: scale(1.1, 1.1); opacity: 0.0;}
  }
  
  @keyframes ring {
	0% {transform: scale(0.4, 0.4); opacity: 0.0;}
	50% {opacity: 0.6;}
	100% {transform: scale(1.1, 1.1); opacity: 0.0;}
  }
 */

/* -------------------------------------- | Navbar */

.navbar {
	border-radius: 0;
	margin-bottom: 0;
	border: 0;
	padding: 0;
}

.navbar li {
	line-height: 35px;
}

.nav-link {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

nav ul.navbar-nav:first-child {
	margin-left: 40px;
}

nav ul.navbar-nav:last-child {
	margin-right: 40px;
}

.navbar-dark {
	background: rgba(0, 0, 0, 0.07);
}

.navbar-dark .navbar-nav>li>a {
	color: #fff !important;
	text-decoration: none;
}

.navbar-dark a {
	white-space: nowrap;
}

/* .navbar-dark .navbar-nav>li>a:hover,.navbar-dark .navbar-nav>li>a:focus {
	color:#fff;
	background-color:transparent;
}
 */

/* .navbar-dark .navbar-nav>.open>a,.navbar-dark .navbar-nav>.open>a:hover,.navbar-dark .navbar-nav>.open>a:focus {
	color:#fff;
	background:rgba(0,0,0,0.1);
}
 */

/* separadores */

.navbar-dark .navbar-nav>li>a {
	border-right: 1px dotted #397099;
	color: #fff;
	font-size: 1.15em;
	font-weight: 400;
}

nav ul.navbar-nav:first-child>li:first-child, nav ul.navbar-nav:last-child>li:first-child {
	border-left: 1px dotted #397099;
}

/* /separadores */

.navbar-dark li.show {
	background: rgba(0, 0, 0, 0.1);
}

.navbar-dark li:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: rgba(0, 0, 0, 0.08);
}

/* Estado: activo */

.navbar-dark .navbar-nav>.active>a, .navbar-dark .navbar-nav>.active>a:hover, .navbar-dark .navbar-nav>.active>a:focus {
	color: #fff !important;
	background: rgba(0, 0, 0, 0.1);
}

/* .navbar-dark .navbar-toggle:hover,.navbar-dark .navbar-toggle:focus {
	background-color:transparent;
}
 */

.navbar-dark .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-nav .open .dropdown-menu {
	background-color: #fff;
}

.navbar-dark .navbar-nav .dropdown-menu {
	font-size: 1em;
}

.dropdown-menu {
	margin-top: 0px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	border-radius: 0;
	border-top: 0;
}

ul.dropdown-menu {
	padding-top: 1.1rem;
	padding-bottom: 1.1rem;
}

.dropdown-menu>li>a:link, .dropdown-menu>li>a:visited, .dropdown-menu>li>a:active, .dropdown-menu>li>a:hover {
	font-size: 1em;
	color: #428BCA !important;
	line-height: 1.2em;
	font-weight: 400;
	padding-right: 2rem !important;
	padding-left: 1.5rem !important;
	padding-top: .6rem;
	padding-bottom: .6rem;
}

.dropdown-menu>li>a:hover {
	background-color: #fafaf8;
}

/* .navbar-dark .navbar-nav > li ul li a:hover {
	background-color:#fafaf8;
	color:#005B90;
}
 */

/* .navbar-dark .navbar-nav > li ul li.dropdown-header:hover {
	background:#fff;
}

.navbar-dark .navbar-collapse,.navbar-dark .navbar-form {
	border-color:#397099;
}
*/

nav ul>li ul li i {
	padding-right: 5px;
	color: gray;
}

*/
/* | Navbar --------------------------------------  */

p {
	margin-top: 1em;
	margin-bottom: 1.8em !important;
	line-height: 1.4em;
	background-color: #005B90;
}

strong {
	font-weight: 600;
}

ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

ul.lista {
	margin-bottom: 30px;
}

ul.lista>li {
	list-style: disc;
	margin-left: 2em;
	margin-bottom: .5em;
	padding-left: 0.5em;
	line-height: 1.4em;
}

ul.lista>li>ul>li {
	list-style: circle;
	margin-left: 2em;
	margin-top: 1em;
	padding-left: 0.5em;
	line-height: 1.4em;
}

ul.lista>li>ul>li:last-child {
	margin-bottom: 2em;
}

ul.lista ol {
	margin-left: 2em;
	margin-top: 1em;
	padding-left: 0em;
	line-height: 1.4em;
	margin-bottom: .5em;
}

.sep {
	margin-bottom: 30px;
}

.sep2 {
	margin-bottom: 40px !important;
}

.seps {
	margin-top: 30px;
}

a {
	padding: 0;
	margin: 0;
	border: 0;
	color: #0068a4;
}

strong.icono {
	color: #0068a4;
	font-weight: 400;
}

strong.icono i {
	margin: 0 0 0 3px;
}

.captura {
	margin-bottom: 10px;
	background-color: #FFF;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-color: #BCE8F1;
	padding: 15px;
}

.imgder {
	margin: 10px 15px 20px 25px;
	float: right;
}

.tachado {
	text-decoration: line-through;
}

a:link, a:active, a:visited, a:hover {
	text-decoration: none;
	border: 0;
	outline: none;
}

.marco {
	margin-bottom: 10px;
	background-color: #FFF;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-color: #BCE8F1;
	padding: 15px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

#main h1, #full h1 {
	color: #2F5F8C;
	font-size: 2.1em;
	margin: 0 0 10px;
	font-weight: 300;
	font-family: 'Titillium Web', sans-serif;
}

#main h2, #full h2 {
	color: #999;
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: 300;
	font-family: 'Titillium Web', sans-serif;
}

#main h3, #full h3 {
	color: #0068a4;
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: 400;
	padding-bottom: 0;
	margin-bottom: 20px;
}

#main .preguntas h3, #full .preguntas h3 {
	font-size: 1.25em;
	font-weight: 300;
}

#main .preguntas h3:first-child {
	margin-top: 40px;
}

#main .preguntas p {
	margin-bottom: 2rem;
}

/* preguntas Exchange */

#full .grande h3 {
	font-size: 1.4em;
	font-weight: 300;
}

#full .grande p {
	font-size: 1.1em;
	margin-bottom: 1.8em !important;
}

#main h4, #full h4 {
	color: #0068a4;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 400;
	padding-bottom: 0;
	margin-bottom: 10px;
}

h4 {
	color: #0068a4;
}

#main h5 {
	font-size: 1.1em;
	margin-bottom: 8px;
}

#main p:last-of-type, #full p:last-of-type {
	margin-bottom: 1em;
}

#main .descripcion, #full .descripcion {
	font-size: 1.17em !important;
	line-height: 1.6em;
	font-weight: 300;
	color: #0068a4;
}

#main.destacado h3 {
	font-size: 1.6em;
	font-weight: 300;
	margin-bottom: 30px;
}

#main.destacado h3:first-of-type {
	margin-top: 0;
}

#main.destacado h4 {
	font-size: 1.4em;
	font-weight: 400;
}

#main.destacado h4:first-of-type {
	margin-top: 40px !important;
}

#main.destacado p {
	font-size: 1em;
}

#main ol li {
	line-height: 1.4em;
	margin-bottom: .6em;
}

#full.destacado h3 {
	font-size: 1.9em;
	font-weight: 300;
	margin-bottom: 20px;
}

#full.destacado h3:first-of-type, #full h3:first-of-type {
	margin-top: 0;
}

#full.destacado p {
	font-size: 1em;
}

#full.ancho {
	padding: 0;
}

/* -------------------- Full con margen */

section.margen {
	padding: 40px;
}

section.beige {
	-webkit-box-shadow: inset 0 0 70px 10px rgba(246, 245, 241, 0.7);
	box-shadow: inset 0 0 70px 10px rgba(246, 245, 241, 0.7);
}

section p {
	margin-bottom: 0;
}

#full section h3.grande {
	font-size: 2.2em;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
}

#submenu {
	margin: 0;
	padding: 0;
	font-size: 1.11em;
	font-weight: 300;
	width: 100%;
}

#submenu li {
	margin: 0;
}

#submenu ul li a {
	line-height: 36px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #0068a4;
}

#submenu a {
	color: #428BCA;
	text-decoration: none;
	border-bottom: #ccc 1px dotted;
	display: block;
}

#submenu a:hover {
	color: #005B90;
	padding-left: 8px;
}

#submenu .actual a {
	color: #369;
	font-weight: 500;
	padding-left: 0;
}

#submenu li:last-child a {
	border: 0;
}

#sidebar h4, #sidebar h4 a:link, #sidebar h4 a:visited, #sidebar h4 a:hover, #sidebar h4 a:active {
	text-decoration: none;
	color: #369;
	font-size: 18px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#sidebar em {

	font-size: 1.2em;
	font-style: normal;

}

#precio .etiqueta {
	background: url(../img/precio.png) no-repeat;
	background-size: 200px;
	background-position: left top;
	min-height: 240px;
	padding: 120px 0 0 30px;
}

#precio p {
	line-height: 1.5em;
}

#precio .euro {
	font-size: 4.5em;
	color: #93CC76;
	font-weight: 400;
}

#precio .centimos {
	font-size: 2.8em;
	color: #93CC76;
	font-weight: 400;
}

#precio .almes {
	font-size: 1.2em;
	color: gray;
}

#precio p {
	margin-bottom: 10px;
}

#regalo i {
	font-size: 8em;
	text-align: center;
	color: #93CC76;
	margin-top: 15px !important;
	margin-left: 10px;
}

aside hr {
	margin-top: 40px;
}

#content aside h4 {
	font-weight: 300;
	font-size: 1.5em;
	color: #62A5DB;
}

#content aside p {
	font-size: 1.1em;
	color: gray;
	font-weight: 300;
}

footer * {
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
}

footer a:link, footer a:visited, footer a:active, footer a:hover {
	color: #fff !important;
}

footer a:hover {
	border-bottom: 1px dotted #fff;
}

.enlaces {
	border-left: 1px dotted #fff;
	margin-bottom: 30px;
}

.enlaces:first-of-type {
	border: 0;
}

#banner {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2em;
	position: relative;
}

#ilustracion {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2em;
	position: relative;
}

#banner h1, #banner h4 {
	color: #2f5f8c;
	font-size: 1.9em;
	margin: 0 0 10px;
	font-style: normal;
	font-weight: 400;
	font-family: 'Titillium Web', sans-serif;
}

#banner h2, #banner h5 {
	color: #999;
	font-size: 1.65em;
	margin: 0 0 15px;
	padding: 0;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	font-family: 'Titillium Web', sans-serif;
}

#container #banner:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#banner.buscador {
	font-style: normal;
	display: block;
	padding: 40px;
	border-bottom: 1px solid;
	border-color: #d1e4f0;
	background: #f0f9fe;
	-webkit-box-shadow: inset 0 0 50px 10px rgba(209, 228, 240, .9);
	box-shadow: inset 0 0 50px 10px rgba(209, 228, 240, .9);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#banner.buscador:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: transparent;
	-webkit-box-shadow: inset 0 0 70px 10px rgba(220, 220, 220, 0.3);
	box-shadow: inset 0 0 70px 10px rgba(220, 220, 220, 0.3);
}

#banner.buscador .error {
	color: #e9322d;
	border-color: #e9322d;
	box-shadow: 0 0 6px #f8b9b7;
}

#banner.buscador .error:focus {
	color: #666;
}

#banner.buscador .alerta {
	border-color: #EEA236;
	box-shadow: 0 0 6px #eea236;
}

#banner.buscador h1 {
	color: #2f5f8c;
	font-size: 1.9em;
	margin: 0 0 10px;
	font-style: normal;
	font-weight: 400;
}

#banner.buscador h2 {
	color: #999;
	font-size: 1.65em;
	margin: 0 0 20px;
	padding: 0;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

#banner.buscador p {
	color: #0068a4;
	font-size: 1.3em;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	line-height: 0 !important;
}

/* Terminal */

.terminal {
	font-size: 15px;
	font-family: monospace;
	line-height: 1.3em
}

.terminal .num {
	margin-right: 17px;
	margin-left: 10px;
	text-align: right;
	color: #afaeaed3;
}

.terminal .pre {
	color: #afaeae;
}

.terminal .elemento {
	color: #1862ab;
}

.terminal .val {
	color: #9cdcfe;
}

.terminal .valor {
	color: #ce9178;
}

.bar {
	height: 30px;
	background-color: rgba(194, 194, 194, 0.171);
	margin: 0 auto;
	padding: auto;
	border-radius: 8px 8px 0 0;
}

#red {
	background-color: #E94B35;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	left: 30px;
	top: 8px;
	position: absolute;
}

#yellow {
	background-color: #f0f000;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	left: 55px;
	top: 8px;
	position: absolute;
	display: block;
}

#green {
	background-color: #1AAF5C;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	left: 80px;
	top: 8px;
	position: absolute;
	display: block;
}

.terminal .screen {
	background-color: #1e1e1e;
	margin: 0 auto;
	padding: 15px 20px 20px 20px;
	color: #fff;
}

.terminal p.codigo {
	font-size: 1em !important;
	line-height: 1.2em !important;
	margin-left: 36px;
	margin-top: -1.3em;
	margin-bottom: 0.2em !important;
}

#banner.aemilius {
	padding: 40px 0 30px 40px;
	border-bottom: 1px solid;
	border-color: #d1e4f0;
}

#banner.aemilius {
	background: url(../img/banners/aemilius.png) no-repeat scroll center right 40px / auto 80% #fff;
	-webkit-box-shadow: inset 0 0 110px 3px rgba(203, 235, 255, 0.7);
	box-shadow: inset 0 0 110px 3px rgba(203, 235, 255, 0.7);
}

#banner.aemilius>h1 {
	font-size: 2.4em;
	width: 55%;
	font-weight: 300;
	color: #1862ab;
}

#banner.aemilius>h2 {
	font-size: 1.6em;
	line-height: 1.3em;
	width: 55%;
	margin-top: 20px;
	color: #428BCA;
	font-weight: 300;
}

#full.empresa h3 {
	font-weight: 500;
	margin-bottom: 1em;
	color: #777;
	margin: 1em 0em;
}

#full.empresa h3:first-child {
	margin-top: 0em;
}

/* #full.empresa p {
	font-size: 1.3em;
	line-height: 1.4em;
} */

.empresa .enunciado p {
	font-size: 1.3em !important;
	font-weight: 100!important;
	line-height: 1.2em;
	color: #999;
}

/* Estadisticas */

/* .ct-chart .ct-bar {
	stroke-width: 60px;
	stroke: #bddd61;
} */

/* #banner.aemilius>.descripcion {
	color: #999;
	font-size: 1.3em;
	line-height: 1.5em;
	width: 50%;
	margin-top: 20px;
} */

#banner.afiliados {
	background: url(../img/banners/afiliados.jpg) no-repeat scroll top right 0px / auto #fff;
	min-height: 400px;
}

#banner.afiliados {
	padding: 40px 0 30px 40px;
	border-bottom: 1px solid;
	border-color: #d1e4f0;
}

#banner.afiliados>h1 {
	font-size: 2.4em;
	width: 55%;
	font-weight: 300;
}

#banner.afiliados>h2 {
	font-size: 1.5em;
	line-height: 1.4em;
	width: 50%;
	margin-top: 20px;
	color: #428BCA;
	font-weight: 300;
}

#banner.grande {
	-webkit-box-shadow: inset 0 0 110px 3px rgba(203, 235, 255, 0.7);
	box-shadow: inset 0 0 110px 3px rgba(203, 235, 255, 0.7);
	padding: 40px;
}

#banner.grande>h1 {
	font-size: 2.4em;
	width: 55%;
	font-weight: 300;
}

#banner.grande>h2 {
	font-size: 1.8em;
	font-weight: 300;
}

#banner.grande p {
	color: #5e8bb1;
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 0;
}

#banner.grande img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 30px;
}

#banner.normal {
	padding: 40px 40px 40px 40px;
	border-bottom: 1px solid;
	border-color: #d1e4f0;
}

#banner.brdno {
	border-bottom: 0px;
	padding-bottom: 0px;
}

#banner.normal>h1 {
	font-size: 2.4em;
	font-weight: 300;
}

#banner.normal>h2 {
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1em;
}

#banner.normal p {
	color: #5e8bb1;
	font-size: 1.4em;
	line-height: 1.3em;
	margin-bottom: 0;
}

/************** Ilustracion */

#ilustracion.workmail {
	background: url("../img/banners/correo-exchange-empresarial.jpg") no-repeat scroll bottom -40px left 0px / auto #fff;
	min-height: 450px;
	background-size: cover;
}

@media (min-width: 1300px) {
	#ilustracion.workmail {
		min-height: 530px;
	}
}

@media (max-width: 992px) {
	#ilustracion.workmail {
		min-height: 340px;
	}
}

@media (max-width: 768px) {
	#ilustracion.workmail {
		background-position: 0px 90%;
	}
}

@media (max-width: 680px) {
	#ilustracion.workmail {
		min-height: 300px;
		background-position: 0px 80%;
	}
}

@media (max-width: 580px) {
	#ilustracion.workmail {
		min-height: 250px;
		background-position: 0px 80%;
	}
}

@media (max-width: 460px) {
	#ilustracion.workmail {
		min-height: 180px;
	}
}

/************** Cuadro formulario */

.bbeige {
	font-style: normal;
	display: block;
	padding: 40px;
	border-bottom: 1px solid;
	border-color: #d1e4f0;
	-webkit-box-shadow: inset 0 0 70px 10px rgba(220, 220, 220, 0.3);
	box-shadow: inset 0 0 70px 10px rgba(220, 220, 220, 0.3);
}

/************** Caracteristicas */

#caracteristicas {
	margin: 40px 0 10px;
	padding: 0;
}

#caracteristicas ul:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#caracteristicas>ul>li {
	width: 33%;
	min-height: 310px;
	float: left;
	padding: 0 15px 15px 30px;
	background: url(../img/separador.png) no-repeat scroll right 0 transparent;
	border-bottom: 1px solid #E0E0E0;
}

#caracteristicas ul li:nth-child(1), #caracteristicas ul li:nth-child(4) {
	padding-left: 0;
}

#caracteristicas ul li:nth-child(3), #caracteristicas ul li:nth-child(6) {
	padding-right: 0;
	background: transparent;
}

#caracteristicas ul li:nth-child(4), #caracteristicas ul li:nth-child(5), #caracteristicas ul li:nth-child(6) {
	padding-top: 30px;
	border-bottom: 0;
}

#full #caracteristicas h3 {
	display: block;
	margin: 20px 0 15px;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 300;
}

#caracteristicas p {
	color: #888;
	margin-bottom: 0;
	font-size: 1em;
}

#caracteristicas a {
	text-decoration: none;
	font-weight: 300;
}

#caracteristicas .circulo, #caracflu .circulo2 {
	width: 130px;
	height: 130px;
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	line-height: 120px;
	text-align: center;
	font-size: 5em;
	color: #2f5f8c;
	margin: auto;
	background: #f7fbff;
	background: -moz-radial-gradient(center, ellipse cover, rgba(247, 251, 255, 1) 30%, rgba(203, 235, 255, 1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(30%, rgba(247, 251, 255, 1)), color-stop(100%, rgba(203, 235, 255, 1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(247, 251, 255, 1) 30%, rgba(203, 235, 255, 1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(247, 251, 255, 1) 30%, rgba(203, 235, 255, 1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(247, 251, 255, 1) 30%, rgba(203, 235, 255, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(247, 251, 255, 1) 30%, rgba(203, 235, 255, 1) 100%);
}

#caracteristicas .circulo, #caracflu .circulo {
	width: 130px;
	height: 130px;
	border-radius: 250px;
	text-align: center;
	margin: auto;
	background: rgba(255, 255, 255, 1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 18%, rgba(161, 214, 252, 1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(18%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(161, 214, 252, 1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 18%, rgba(161, 214, 252, 1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 18%, rgba(161, 214, 252, 1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 18%, rgba(161, 214, 252, 1) 100%);
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 18%, rgba(161, 214, 252, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1d6fc', GradientType=1);
}

/* #caracteristicas .circuloazul {
	width: 170px;
	height: 170px;
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	background-color: #72c3fc;
	text-align: center;
	margin: auto;
}
 */
#caracflu .circulo img {
	width: 150px;
	height: 150px;
}

#caracteristicas ul.ayuda li:nth-child(1), #caracteristicas ul.ayuda li:nth-child(2), #caracteristicas ul.ayuda li:nth-child(3) {
	border-bottom: 0;
}

#caracteristicas>ul.ayuda>li {
	min-height: 345px;
	padding: 0 15px 15px 30px;
}

#caracteristicas ul.ayuda li:nth-child(1) {
	padding-left: 0;
	padding-right: 30px;
}

#caracteristicas ul.ayuda .circulo {
	width: 150px;
	height: 150px;
	line-height: 140px;
}

#full #caracteristicas ul.ayuda h3 {
	font-size: 1.5em;
	font-weight: 300;
	margin-top: 20px;
}

#caracteristicas ul.home li {
	min-height: 380px;
}

#caracteristicas ul.home li:nth-child(1), #caracteristicas ul.home li:nth-child(2), #caracteristicas ul.home li:nth-child(3) {
	border-bottom: 0;
}

#caracteristicas ul.home .circulo {
	width: 150px;
	height: 150px;
	line-height: 140px;
}

#full #caracteristicas ul.home h3 {
	font-size: 1.5em;
	font-weight: 300;
	margin-top: 20px;
}

#caracflu {
	margin: 40px 0 0px;
	padding: 0;
}

#caracflu ul:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#caracflu>ul>li {
	width: 33%;
	float: left;
	padding: 0 15px 15px 30px;
	background: url(../img/separador.png) no-repeat scroll right 0 transparent;
	border-bottom: 1px solid #E0E0E0;
}

#caracflu ul.tres li:nth-child(1), #caracflu ul.tres li:nth-child(2), #caracflu ul.tres li:nth-child(3) {
	border-bottom: 0;
}

#caracflu ul li:nth-child(1), #caracflu ul li:nth-child(4) {
	padding-left: 0;
}

#caracflu ul li:nth-child(3), #caracflu ul li:nth-child(6) {
	padding-right: 0;
	background: transparent;
}

#caracflu ul li:nth-child(4), #caracflu ul li:nth-child(5), #caracflu ul li:nth-child(6) {
	padding-top: 30px;
	border-bottom: 0;
}

#full #caracflu h3 {
	display: block;
	margin: 20px 10px 15px;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: 300;
}

#caracflu ul .circulo {
	width: 150px;
	height: 150px;
	line-height: 140px;
}

/* Iconos feeds */

.feed i {
	float: right;
	font-size: 4em;
	margin: 0px 5px 15px 35px;
	color: #cec8c1;
}

.feed a {
	color: #888 !important;
}

.feed small {
	text-transform: uppercase;
	line-height: 2.8em
}

.alojamiento-web {
	width: 220px;
	margin-left: -2px;
	transform: translate(-10%, -15%) rotateZ(38deg);
	transition-duration: 1s;
}






/* li:hover>a>div.circuloazul {
	transform: translate(-3%, 3%) scale(0.95);
	transition-duration: 0.5s;
}

li:hover>a>div.circuloazul>img {
	transform: translate(-5%, -20%) rotateZ(38deg) scale(1.07);
	transition-duration: 0.5s;
} */

.registrar-dominio {
	width: 95px;
	margin: 25px 0 0 2px;
	transition-duration: 1s;
}

.ayuda-cliente {
	width: 200px;
	margin: 20px 0 0 -10px;
	transition-duration: 1s;
}

.panel-control {
	width: 80px;
	margin: -5px 0 0 1px;
}

.correo-email {
	width: 90px;
	margin: 0;
}

.edicion-dns {
	width: 35px;
}

.redireccion-web {
	width: 80px;
	margin-left: 7px;
}

.bloqueo-seguridad {
	width: 80px;
}

.ayuda-asesoramiento {
	width: 75px;
	margin: 0 0 0 2px;
}

.centro-soporte {
	width: 110px;
	margin: 30px 0 0 0px;
	transition-duration: 1s;
}

.recursos {
	width: 110px;
	margin: 30px 0 0 0px;
	transition-duration: 1s;
}

#carousel .anuncio {
	margin: 0;
	padding: 40px;
	font-size: 1.2em;
	line-height: 1.2em;
	position: relative;
}

#carousel .anuncio:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#carousel .anuncio {
	min-height: 290px;
	max-height: 290px;
	overflow: hidden;
	padding: 40px;
	border-bottom: 1px solid;
	border-color: #d1e4f0;
	-webkit-box-shadow: inset 0 0 70px 10px rgba(246, 245, 241, 0.7);
	box-shadow: inset 0 0 70px 10px rgba(246, 245, 241, 0.7);
}

#carousel .anuncio h4 {
	color: #2f5f8c;
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.9em;
	margin: 0 0 10px;
	font-style: normal;
	font-weight: 400;
	font-weight: 300;
}

#carousel .anuncio h5 {
	color: #999;
	font-family: 'Titillium Web', sans-serif;
	font-size: 1.65em;
	margin: 0 0 15px;
	padding: 0;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	font-weight: 300;
}

#carousel .anuncio p {
	width: 48%;
	color: #5e8bb1;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0;
}

#carousel .anuncio img.uno {
	position: absolute;
	width: 46%;
	bottom: 0;
	right: 20px;
}

#carousel .anuncio img.dos {
	position: relative;
	float: right;
	width: 46%;
	margin-top: -90px;
}

.carousel-indicators {
	margin-bottom: 0;
	left: 45%;
}

.carousel-indicators li {
	border: 1px solid #428BCA;
}

.carousel-control.left, .carousel-control.right {
	background: none;
}

.carousel-control {
	width: 30px;
}

#planes {
	margin-top: 50px;
	font-size: 1em;
}

#planes>ul>li {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	float: left;
	display: block;
	padding: 0 40px 10px;
	width: 33%;
	background-color: #fff;
	background: url(../img/separador.png) no-repeat scroll right 0 transparent;
	border-bottom: 1px solid #E0E0E0;
}

#planes>ul>li:nth-child(1), #planes>ul>li:nth-child(4) {
	padding-left: 0;
}

#planes>ul>li:nth-child(3), #planes>ul>li:nth-child(6) {
	padding-right: 0;
	background: transparent;
}

#planes>ul>li:nth-child(4), #planes>ul>li:nth-child(5), #planes>ul>li:nth-child(6) {
	border-bottom: 0;
	padding-top: 30px;
}

#planes>ul>li:nth-child(1), #planes>ul>li:nth-child(2), #planes>ul>li:nth-child(3) {
	min-height: 340px;
}

#planes>ul>li:nth-child(4), #planes>ul>li:nth-child(5) {
	min-height: 380px;
}

#planes .precio {
	color: #93CC76;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: -2px;
}

#planes h3 {
	color: #0068a4;
	font-size: 1.8em !important;
	font-weight: 300 !important;
	line-height: 1em !important;
	border-radius: 10px 10px 0 0;
	margin: 20px 0 0;
	text-align: center;
}

#planes h3 a {
	text-decoration: none;
	color: #0068a4;
}

#planes a {
	font-weight: 300;
}

#planes ul li ul {
	padding: 20px 0 10px;
	margin: 0;
}

#planes ul li ul li {
	padding: 0;
	background-repeat: no-repeat;
	background-position: left center;
	color: #666;
	line-height: 1.7em;
	list-style-type: none;
	border: 0;
	border-bottom: 1px dotted #ccc;
}

#planes ul li ul li:last-child {
	border: 0;
}

/* #planes>ul>li>span {
	background-image: url(../img/iconos/alojamiento-web.png);
	background-size: 210px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 160px;
	height: 160px;
	line-height: 150px;
	display: block;
	margin: 0 auto 20px;
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
} */

/* #planes>ul>li>div {
	width: 160px;
	height: 160px;
	line-height: 150px;
	display: block;
	margin: 0 auto 20px;
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
} */
#caracteristicas>ul>li div {
	width: 170px;
	height: 170px;
	text-align: center;
	margin: auto;
	transition-duration: 1s;
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
}


/* animación cohete */
#caracteristicas>ul>li:hover>a>div.despega {
	transform: translate(-3%, 3%) scale(0.90);
	transition-duration: 0.4s;
}

#caracteristicas>ul>li:hover>a>div.despega>img {
	transform: translate(-5%, -20%) rotateZ(38deg) scale(1.1);
	transition-duration: 0.4s;
}

/* animacion zoom dominios */
#caracteristicas>ul>li:hover>a>div.zoom {
	transform:  scale(0.85);
	transition-duration: 0.5s;
}

#caracteristicas>ul>li:hover>a>div.zoom>img {
	transform: translate(0, -3%)  scale(1.55);
	transition-duration: 0.5s;
	

}



#planes>ul>li div {
	width: 170px;
	height: 170px;
	text-align: center;
	margin: auto;
	transition-duration: 1s;
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
}

#planes>ul>li div img {
	padding-bottom: -100px;
	margin-bottom: -100px;
}

#planes>ul>li:hover>a>div {
	transform: translate(-3%, 3%) scale(0.95);
	transition-duration: 0.5s;
}

#planes>ul>li:hover>a>div>img {
	transform: translate(-5%, -20%) rotateZ(38deg) scale(1.07);
	transition-duration: 0.5s;
}

#planes>ul>li h3 {
	margin-top: 1.5rem !important;
	position: relative;
	z-index: +1;
}

.correo {
	background-color: #c3e1f1;
}

.basico {
	background-color: rgba(255, 204, 102, 0.9);
}

.avanzado {
	background-color: #72c3fc;
}

.profesional {
	background-color: #f9a385;
}

.corporativo {
	background-color: #93cc76;
}

#detaplanes:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

#detaplanes .colizq {
	float: left;
	width: 45%;
	margin: 0;
	padding: 0;
}

#detaplanes .colder {
	float: right;
	width: 45%;
	margin: 0;
	padding: 0;
}

#detaplanes {
	margin: 50px 0 40px;
	width: 100%;
	background: url(../img/separador.png) 50% 0;
	background-repeat: repeat-y;
}

#detaplanes a {
	text-decoration: none;
	color: #777;
}

#detaplanes a:hover {
	color: #0068a4;
}

#detaplanes h3 a {
	color: #0068a4;
}

#detaplanes h3, #detaplanes h3 a {
	padding: 0;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.4em;
}

#detaplanes h3 i {
	font-size: 2.4em;
	float: right;
	padding: 0;
	margin: -5px 0 0;
	color: #62A5DB;
	width: 1em;
}

#detaplanes .margen {
	margin: 0 30px 0 0 !important;
}

#detaplanes ul li>ul {
	margin: 20px 0 30px !important;
}

#detaplanes ul li>ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0;
	border-bottom: 1px dotted #ccc;
	line-height: 1.7em;
}

#detaplanes ul li>ul li:last-child {
	border: 0;
}

#detaplanes ul li>ul li a {
	font-weight: 300;
}

#detaplanes .aclaracion {
	color: #b3b3b3;
	padding-left: 5px;
}

#detaplanes .icono {
	font-size: 1em !important;
	font-weight: 300;
	color: #62A5DB;
	margin-right: 5px;
}

#detaplanes strong {
	color: #62A5DB;
	font-weight: 400;
}

#seccion1 img, #seccion2 img, #seccion3 img {
	max-width: 100%;
	height: auto;
}

.tab-content {
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	margin-bottom: 40px;
}

#main.destacado .tab-content h4:first-of-type {
	margin-top: 0 !important;
	position: absolute;
	top: 50px;
	left: 45px;
	color: #fff;
	font-weight: 300;
}

#main.destacado .tab-content #seccion3 h4 {
	color: #7f7f7f;
}

#main.destacado h3 i {
	padding: 0 0 0 5px;
	color: #62A5DB;
	font-size: 1.5em;
	width: 1.5em;
}

/* -------------------- Sobre Aemilius */

.equipo {
	margin: 50px 0 0;
}

.equipo ul li {
	float: left;
	width: 33%;
	min-height: 210px;
	margin-top: 10px;
}

.equipo ul li img {
	border-radius: 60%;
	width: 140px;
	height: auto;
	border: 10px solid rgba(203, 235, 255, 0.5);
	margin: 0 auto;
	display: block;
}

.equipo ul li p {
	text-align: center;
	color: #0068A4;
	font-size: 1.3em !important;
	margin-top: 1em !important;
}

.equipo:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/* -------------------- Legal */

ul.contrato {
	padding-left: 0;
}

ul.contrato>li>p:first-of-type {
	color: #0068A4;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: 400;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

ol.contrato>li {}

/* -------------------- Sobre precios */

#main .precios {
	margin-top: 20px;
}

#main .precios>h3 {
	color: #0068a4;
	font-size: 1.27em;
	line-height: 1.4em;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#main .precios>h3 a {
	color: #0068A4;
	text-decoration: none;
}

#main .precios>.desde {
	float: right;
	font-size: 1em;
	margin: -30px 0 0;
	color: #888;
}

#main .precios>.desde a {
	text-decoration: none;
}

#main .precios>.tabla {
	clear: both;
}

.installatron ul:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.installatron ul {
	width: 105%;
	margin: 30px 0 0;
}

.installatron ul li {
	width: 170px;
	float: left;
	padding: 0 0 10px;
}

.installatron ul li::first-letter {
	font-weight: 400;
}

.installatron ul li a {
	font-weight: 300 !important;
}

/* -------------------- Exchange */

.plataformas {
	text-align: center;
	margin-top: 35px;
}

.plataformas i {
	color: #b3b3b3;
	font-size: 5em;
}

#full .exchange h3 {
	font-size: 2.2em;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
}

/* -------------------- Tablas */

.tabla {
	width: 100%;
	border: solid 1px #d1e4f0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.tabla td, .tabla th {
	height: 36px;
}

.tabla td, .tabla th {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 8px 10px;
	text-align: left;
}

.tabla th {
	border-top: 0;
	font-weight: 400;
}

.tabla th {
	background-color: #eef8ff;
	color: #2f5f8c;
}

.tabla td {
	color: #666;
}

.tabla tr:nth-child(even) {
	background-color: #f9f7f3;
}

.tabla tr.blanco {
	background-color: #fff !important;
}

.tabla tr.derecha td {
	text-align: right;
}

.tabla td:first-child, .tabla th:first-child {
	border-left: none;
}

.tabla th:first-child {
	-moz-border-radius: 6px 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

.tabla th:last-child {
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}

.tabla tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}

.tabla tr:last-child td:last-child {
	-moz-border-radius: 0 0 6px;
	-webkit-border-radius: 0 0 6px 0;
	border-radius: 0 0 6px 0;
}

.tabla td.der, .tabla th.der {
	text-align: right;
}

.tabla td.ver {
	color: green;
}

.tabla tr.tachado {
	text-decoration: line-through;
	color: maroon;
}

.tabla tr.tachado a {
	color: maroon;
	text-decoration: none;
}

.tabla td i.eliminar {
	font-size: 1.2em;
	margin-left: 5px;
	float: right;
}

.tabla td .eliminar {
	/*visibility: hidden;*/
}

.tabla td:hover .eliminar {
	visibility: visible;
}

.table-responsive {
	border: 0;
}

.tablasimp {
	border: solid 1px rgb(209, 228, 240);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 100%;
	margin: 20px 0 30px 0;
	font-size: 0.97em;
	color: #777;
}

.tablasimp td {
	height: 36px;
}

.tablasimp td {
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	padding: 8px 10px 8px 10px;
	text-align: left;
}

.tablasimp tr:first-child td {
	border-top: none;
}

.tablasimp tr td:first-child {
	border-left: none;
}

.tablasimp tr:first-child td:first-child {
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

.tablasimp tr:first-child td:last-child {
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}

.tablasimp tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}

.tablasimp tr:last-child td:last-child {
	-moz-border-radius: 0 0 6px 0;
	-webkit-border-radius: 0 0 6px 0;
	border-radius: 0 0 6px 0;
}

.tablasimp .blanco {
	background-color: white !important;
}

.tablasimp .color {
	background: #f9f7f3;
	color: #0068A4
}

.caja {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-style: normal;
	display: block;
	padding: 25px;
	border-radius: 6px;
	margin-bottom: 20px;
	border: 1px solid;
	border-color: #d1e4f0;
	-webkit-box-shadow: inset 0 0 70px 10px rgba(220, 220, 220, 0.3);
	box-shadow: inset 0 0 70px 10px rgba(220, 220, 220, 0.3);
	background: #F6F5F1;
}

.caja:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: #f0f9fe;
	-webkit-box-shadow: inset 0 0 50px 10px rgba(209, 228, 240, .9);
	box-shadow: inset 0 0 50px 10px rgba(209, 228, 240, .9);
}

/* afiliados */

#full.afiliados h3 {
	color: #999;
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: 300;
	font-family: 'Titillium Web', sans-serif;
}

/* formulario */

button.derecha {
	float: right;
}

button.izquierda {
	float: left;
}

label {
	color: #555;
	font-weight: 300;
}

.form-horizontal .control-label {
	text-align: left;
}

.caja i.icono {
	float: right;
	margin: 0 0 0 25px;
	font-size: 4em;
	color: #428BCA;
}

.caja p.info {
	color: #336699;
}

.telefono .col-sm-4 {
	padding-right: 0px;
}

.ccc .col-sm-2 {
	width: 11%;
}

.codpais, .codentidad, .sucursal {
	width: 60px;
}

.digcontrol {
	width: 40px;
}

.numcuenta {
	width: 110px;
}

.codpais, .codentidad, .sucursal, .digcontrol, .numcuenta {
	margin: 0 5px 0 0;
}

.verde {
	padding: 25px;
	line-height: 20px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid rgb(152, 207, 169);
	margin: 0px 0 25px 0;
	color: rgb(70, 136, 71);
	background-color: rgb(237, 247, 232);
	border: 1px solid rgb(207, 228, 213);
	font-size: 1.1em;
}

.whois {
	padding: 25px;
	line-height: 20px;
	color: rgb(60, 125, 187);
	background-color: rgb(238, 248, 255);
	border-radius: 5px 5px 5px 5px;
	border: 1px solid rgb(209, 228, 240);
	margin: 0px 0 25px 0;
	font-size: 1.1em;
}

.rojo {
	padding: 25px;
	line-height: 20px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid rgb(152, 207, 169);
	margin: 0px 0 25px 0;
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid;
	border-color: #ebccd1;
	font-size: 1.1em;
}

.has-error a:link, .has-error a:active, .has-error a:visited, .has-error a:hover {
	color: #A94442;
}

/* -------------------------------------- | Cookies */

.cookiesop {
	cursor: pointer;
}

/* 04-06-18 */

/*

.cookies {
	min-height:50px;
	padding:0;
	position:fixed;
	top: auto;
	right:auto;
	bottom:30px;
	left:30px;
	z-index:40;
	box-shadow:0 -1px 10px rgba(0,0,0,0.1);
	border-top:solid 1px #eee;
	background:#fff;

	text-align:left;
	max-width: 350px;
}

.cookies p {
	font-size:1.1rem;
	color:#428BCA;
	line-height:1.3em;
}

.cookies .icono {
	font-size:2.8em;
	color:gray;
	line-height:1em;
	float:left;
	margin:0 0 0 -100px;
	color:#C9BBAD;
} 

.cookies button {
	float:right;
	margin:5px -120px 0 0;
}
 
*/

@media (max-width: 1200px) {
	/* 	 	.cookies p {
		font-size:1.2em;
	}  */
}

@media (min-width:1300px) {
	.container {
		min-width: 1170px !important;
	}
	html {
		font-size: 15px;
	}
	/* 	#planes>ul>li>span {
		background-size: 100px;
		width: 170px;
		height: 170px;
		line-height: 170px;
	} */
	.equipo ul li img {
		width: 150px;
		border: 10px solid rgba(203, 235, 255, 0.5);
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 970px;
	}
	#carousel .anuncio img.uno {
		width: 42%;
	}
	#carousel .anuncio img.dos {
		width: 42%;
		margin-bottom: -25px;
	}
}

@media (max-width: 992px) {
	.container {
		max-width: 100%;
	}
}

/* @media (min-width:992px) {
	.container {
		max-width:760px !important;
	}
} */

/* @media (max-width:576px) {
	.container {
		max-width:100% !important;
	}
} */

@media (max-width: 992px) {
	#main {
		width: 100%;
		float: none;
		border-right: 0;
	}
	/* Navbar */
	.navbar-dark .navbar-nav>li>a {
		font-size: 1em;
	}
	.nav-link {
		padding-right: .9rem !important;
		padding-left: .9rem !important;
	}
	nav ul.navbar-nav:first-child {
		margin-left: 0px;
	}
	nav ul.navbar-nav:last-child {
		margin-right: 0px;
	}
	/* Navbar */
	#sidebar {
		width: 100%;
		float: none;
		margin-bottom: 40px;
		padding: 0 40px;
	}
	#caracteristicas>ul>li, #planes>ul>li {
		width: 50%;
	}
	#caracteristicas>ul>li:nth-child(2), #caracteristicas>ul>li:nth-child(4) {
		padding-right: 0;
		background: transparent;
	}
	#caracteristicas>ul>li:nth-child(3) {
		padding: 30px 40px 10px 0;
		background: url(../img/separador.png) no-repeat scroll right 0 transparent;
		border-bottom: 1px solid #E0E0E0;
		min-height: 340px;
	}
	#caracteristicas>ul>li:nth-child(4) {
		padding-left: 30px;
		border-bottom: 1px solid #E0E0E0;
		min-height: 340px;
	}
	#caracteristicas>ul>li:nth-child(5) {
		padding-left: 0;
	}
	#planes>ul>li:nth-child(2), #planes>ul>li:nth-child(4) {
		padding-right: 0;
		background: transparent;
	}
	#planes>ul>li:nth-child(3) {
		padding: 30px 40px 10px 0;
		background: url(../img/separador.png) no-repeat scroll right 0 transparent;
		border-bottom: 1px solid #E0E0E0;
		min-height: 440px;
	}
	#planes>ul>li:nth-child(4) {
		padding-left: 40px;
		border-bottom: 1px solid #E0E0E0;
		min-height: 440px;
	}
	#planes>ul>li:nth-child(5) {
		padding-left: 0;
	}
	#caracteristicas ul.home li:nth-child(5), #caracteristicas ul.home li:nth-child(6) {
		border-bottom: 0px;
	}
	#caracteristicas ul.home li {
		min-height: 385px;
	}
	#caracteristicas ul.ayuda li:nth-child(1), #caracteristicas ul.ayuda li:nth-child(2) {
		border-bottom: 1px solid #E0E0E0;
		min-height: 360px;
	}
	#carousel .anuncio {
		font-size: 1em;
	}
	#carousel .anuncio img.uno {
		width: 42%;
		bottom: 60px;
	}
	#carousel .anuncio img.dos {
		width: 50%;
		margin-top: -80px;
	}
	#carousel .anuncio p {
		width: 50%;
	}
	#banner.aemilius h2 {
		font-size: 1.4em;
		width: 80%;
	}
	#banner.aemilius {
		background: none;
	}
	.ccc .col-sm-2 {
		width: 100%;
	}
	.codpais, .codentidad, .sucursal, .digcontrol, .numcuenta {
		width: 100%;
	}
	.form-group .ccc {
		margin: 0;
	}
	.telefono {
		margin: 0px;
	}
	.telefono .col-sm-4 {
		padding-right: 15px;
	}
}

@media (max-width: 768px) {
	.container {
		margin: 0 auto;
		border-radius: 0;
	}
	/* 	.navbar-dark .navbar-nav {
		margin-top:0;
		margin-left:-15px;
	}
 */
	.modal-body {
		font-size: 1em;
	}
	#buscador .form-group {
		width: 100%;
		margin-left: 0 !important;
	}
	header .logo {
		max-width: 200px;
		margin: 20px 0 15px 42px;
	}
	header {
		border-radius: 0;
	}
	#main {
		padding: 0 30px;
		font-size: 1.2rem;
	}
	#sidebar {
		padding-left: 30px;
	}
	footer {
		border-radius: 0;
	}
	#caracteristicas>ul>li, #planes>ul>li {
		width: 50%;
	}
	#planes>ul>li:nth-child(3), #planes>ul>li:nth-child(4) {
		min-height: 450px;
	}
	#detaplanes {
		background: none;
	}
	#detaplanes .colizq, #detaplanes .colder {
		float: left;
		width: 100%;
	}
	.captura {
		width: 100% !important;
		margin: 0;
		padding: 0;
	}
}

@media (max-width: 680px) {
	#caracteristicas ul.home li {
		min-height: 430px;
	}
	#caracteristicas ul.ayuda li:nth-child(1), #caracteristicas ul.ayuda li:nth-child(2) {
		border-bottom: 1px solid #E0E0E0;
		min-height: 410px;
	}
	#caracflu>ul>li {
		width: 100%;
		background: none !important;
		padding: 40px 0 0 !important;
		border: 0 !important;
		min-height: inherit !important;
	}
	#carousel .anuncio img.uno {
		width: 100%;
		margin: 0;
		padding: 0;
		bottom: inherit;
		right: inherit;
		position: relative;
	}
	#carousel .anuncio img.dos {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#carousel .anuncio p {
		width: 100%;
	}
	.equipo ul li {
		width: 50%;
	}
	kbd, code, .correcto {
		white-space: normal !important;
	}
	.imgder {
		margin: 0 0 20px;
		float: none;
		display: block;
	}
	/* 	 	.cookies {
		padding:5px;
		font-size:.5em;
	} */
	/* 	.cookies p {
		margin:0;
		padding:0;
		border:0;
	}

	.cookies .icono {
		font-size:0;
	}

	.cookies button {
		float:none;
		margin:0;
	}

	.cookies .btn {
		font-size:.6em!important;
		margin-left:10px!important;
	}  */
	.tabla td .eliminar {
		visibility: visible;
	}
}

@media (max-width: 575px) {

	.enlaces {
		border-left: 0;
	
	}
	
}

@media (max-width: 565px) {
	#caracteristicas, #planes {
		font-size: 1.2em;
	}
	#caracteristicas>ul>li, #planes>ul>li {
		width: 100%;
		background: none !important;
		padding: 40px 0 0 !important;
		border: 0 !important;
		min-height: inherit !important;
	}
	#planes h3 a {
		font-size: 1.1em;
		line-height: 1.3em;
	}
	#caracteristicas h3 {
		font-size: 1.5em !important;
	}
}




@media (max-width: 460px) {
	.equipo ul li {
		width: 100%;
	}


}