/*::::::::::::::::::::::::::::::::::::
STYLES
::::::::::::::::::::::::::::::::::::*/
@charset "utf-8";

/* Imported files and fonts
----------------------------------------------------------------------------- */
@import url("icons/icons.css");
@import url("layout.css");
@import url("navigation.css");
@import url("library.css");
@import url("custom.flexslider.css");

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Reset styles
----------------------------------------------------------------------------- */
html{overflow-y:scroll; overflow-x:hidden;}
html, body{margin:0; padding:0; font-size:16px; line-height:1.6em;}
*, *::before, *::after{box-sizing:border-box;}
a{outline:none; text-decoration:none;}

/* HTML 5 Overrides
----------------------------------------------------------------------------- */
address, article, aside, figcaption, figure, footer, header, main, nav, section{
    display:block;
    margin:0;
    padding:0;
}

/* Transition
----------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .3s ease-in-out;}
#mainav form *{transition:none !important;}

/* Fonts
----------------------------------------------------------------------------- */
body, input, textarea, select{font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6, .heading{font-family: 'Poppins', sans-serif; font-weight:600 ;}

/* General styles
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .heading{
    margin:0 0 0px 0;
    font-size:20px;
    line-height:normal;
    text-transform:uppercase;
	margin-bottom: -10px;
}

address{font-style:normal; font-weight:normal;}
hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;}

.font-xs{font-size:.8rem;}
.font-x1{font-size:16px;}
.font-x2{font-size:1.3rem;}
.font-x3{font-size:2rem; line-height:40px;}

.borderedbox{border:1px solid;}

/* Spacing, margin and padding
----------------------------------------------------------------------------- */
/* Margin bottom */
.btmspace-7{margin-bottom:7px;}
.btmspace-10{margin-bottom:10px;}
.btmspace-15{margin-bottom:15px;}
.btmspace-18{margin-bottom:18px;}
.btmspace-20{margin-bottom:20px;}
.btmspace-30{margin-bottom:30px;}
.btmspace-35{margin-bottom:35px;}
.btmspace-50{margin-bottom:50px;}
.btmspace-80{margin-bottom:80px;}
.btmspace-300{margin-bottom:300px;}

/* Margin right */
.margright li{margin-right:20px;}
.margright li:last-child{margin-right:0;}

/* Perimeter padding */
.inspace-5{padding:5px;}
.inspace-10{padding:10px;}
.inspace-15{padding:15px;}
.inspace-30{padding:30px;}
.inspace-50{padding:50px;}
.inspace-80{padding:80px;}

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

.padd{padding: 10px}

/*Elementos de bloque */
.block{display:block;}

/*Elementos de línea */
.inline *{display:inline-block;}
.inline *:last-child{margin-right:0;}

/* Text styles
----------------------------------------------------------------------------- */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}
.bold{font-weight:bolder;}
.uppercase{text-transform:uppercase;}
.capitalise{text-transform:capitalize;}
.highlight{ color:inherit; font-weight:700;}
.highlight-two{ color:#030B40; font-weight:700;}

.hidden{display:none;}
.circle{border-radius:50%; background-clip:padding-box;}

.bullets {color:#0069ac; font-size:22px;}

.border-top { display:block;
	height: 10px;
    background: red;
    background: -webkit-linear-gradient(left, red , yellow);
    background: -o-linear-gradient(right, red, yellow);
    background: -moz-linear-gradient(right, red, yellow);
    background: linear-gradient(to right, #0F2A96, #409C54, #F7D900, #D53541);
}

/* Image styles
----------------------------------------------------------------------------- */
.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{
    width:auto;
    max-width:100%;
    height:auto;
    margin:0;
    padding:0;
    border:none;
    line-height:normal;
    vertical-align:middle;
}

.imgl{margin:0 15px 10px 0; clear:left;}
.imgr{margin:0 0 10px 15px; clear:right;}

img, object, embed, video {max-width: 100%;}
/* IE 6 no admite max-width (anchura máxima),por lo que usa de manera
predeterminada una anchura del 100% */
.ie6 img {width:100%;}
		  
.img-width {width: 90px;}

/* Container filter with background image */
.overlay{position:relative; z-index:1;}
.overlay::after{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    z-index:-1;
}

/* Background image styles */
.bkgnd{
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
}

.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;}

/* Efecto rotacion */
#giro-y{
	transition: 2.5s ease;
 	-moz-transition: 2.5s ease; /* Firefox */
 	-webkit-transition: 2.5s ease; /* Chrome - Safari */
 	-o-transition: 2.5s ease; /* Opera */
}
 
#giro-y:hover{
	transform : rotateY(360deg);
	-moz-transform : rotateY(360deg); /* Firefox */
	-webkit-transform : rotateY(360deg); /* Chrome - Safari */
	-o-transform : rotateY(360deg); /* Opera */
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Colours
----------------------------------------------------------------------------- */
body{color:#000; background-color:#fff;}

a{color:#21639C;}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */

hr, .borderedbox{border-color:#D7D7D7;}

.colorone{ color:#fff;}
.colortwo{color:#FF6600;}
.colorthree{color:#21639C}
.colorfour{color:#18907C}
.colorfive{color:#000}

.bkg-one {
	background-color:dodgerblue;
	color:white;
}

.bkg-two {
	background-color:#21639C;
	color:white;
}

.bkg-three {
	background-color:#030B40;
	color:white;
}

.bkg-four {
	background-color:#030B40;
	color:#fff;
	width:100%;
	display:block;
	padding: 15px 10px;
}

.bkg-five {
	background-color:#FFF2CD;
	color:#000;
	padding-left:20px;
}

.bkg-six {background-color:#F7F7F7;}

.bkg-seven {
	background-color:#21639C;
	color:#fff;
	width:100%;
	display:block;
	padding: 15px 2px;
}

.degraded{
    background: #19265C; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#19265C, #009BDB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#19265C, #009BDB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#19265C,#009BDB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#19265C,#009BDB); /* Standard syntax */
}

/* Image filter */
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}
.overlay.light::after{background-color:rgba(255,255,255,.55);}

.menu-fixed{position:fixed; z-index: 3; border-bottom:1px solid #EDEEF0;}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* =============================================================================
   Tablet design: Max width 900px
   ========================================================================== */
@media screen and (max-width:900px){ }

/* =============================================================================
   Cell design: Minimum width 750px
   ========================================================================== */
@media screen and (max-width:750px){
    .inline li{display:block; margin-bottom:10px;}
	.margright li{margin-right:0;}
    .font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}

    .fl_left, .fl_right{display:block; float:none;}
}

.soluciones article {
    display: block;
    padding: 30px 20px;
    border: 4px solid #d1d3d4;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
}