@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,700,900');
/*font-family: 'Oswald', sans-serif; #186AAC*/


html,body{
	margin:0px;
	height:100%;
	color:#3E3E3E;
	font-size:100%;
	font-family: 'Raleway', sans-serif;
	background: #EFEFEF;

	}
a{
	color: #186AAC;
	
}

@media screen and (max-width:1600px){
	html,body{
		font-size:90%;
		}
	p{
		font-size: 1.3em;	
	}
}
input, textarea, select{
	font-family: 'Roboto Condensed', sans-serif;
	width:100%;
	color: 	#515151;
	padding:0.8em;
	margin:0.5em 0;
	box-sizing:border-box;
	background:white;
	font-size: 1em;
	height: 3em;
	border: 1px solid #CCC;
	position: relative;
	}
textarea{
	height:12em;
}


a {
	text-decoration:none;
	}

h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0px;
	font-weight: 100;
	}
p{
	font-weight:400;
	font-size: 1em;
	text-align: justify;
}
li{
	margin-bottom: 0.5em;
}

.soluciones hr{
	margin:2em 0;
}
								@media screen and (max-width:400px){
								h1,h2,h3,h4,h5,h6,p,ul,li{

								font-weight: 400;
								}	

								}

.w66{
	position:relative;
	width:66%;
	vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	}
	
.w33{
	position:relative;
	width:33.3%;
	Vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	}
.w50{
	position:relative;
	width:50%;
	Vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	}
.w25{
	position:relative;
	width:25%;
	Vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	}


.w20{
	position:relative;
	width:20%;
	Vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	}


@media screen and (max-width:720px){
.w33{
	width:100%;
	}
.w50{
	width:100%;
	}	
.w66{
	width:100%;
	}
.w25{
	width:50%;
	}
.w20{
	width:50%;
	}	
	
	
}

						@media screen and (max-width:400px){
						.w25{
							width:100%;
							}

						}	

h1{
	font-weight: 400;
	font-size:1.5em;
	text-transform: uppercase;
	
}
h2{
	font-size:2em;
}

h3{
	margin-top: 1em;
	font-weight: 900;
	font-size: 2em;
	line-height: 1em;
	text-transform: uppercase;
	color:#212121;
}

h4{
	font-weight: 900;
	font-size: 5em;
	line-height: 0.9em;
	margin-bottom: 0.3em;
	color:#212121;
}

h5{
	font-size: 1.5em;

}
@media screen and (max-width:320px){
	
	
h1{
	font-size:1.3em;
}
h2{
	font-size:1.8em;
}

h3{
	font-size:12em;
}

h4{
	font-size: 4em;
	}
h5{
	font-size: 1.5em;
}
}

@media screen and (max-width:400px){

	
h1{
	font-size:1.3em;
}
h2{
	font-size:1.8em;
}

h3{
	font-size: 2.4em;
}

h4{
	font-size: 3em;
	}
h5{
	font-size: 1.5em;
}
}
	
	
.white{
	color:white;
	}
.bright{
	border-right:solid 1px black; 
}
header{
	width:100%;
	height:10em;
	background-color:white;
	position:fixed;
	margin: auto;
	z-index:11;
	transition:all ease 0.5s;
	padding-top: 2em;
	box-sizing: border-box;
	}
header section{
	height: 100%;
	position: relative;
}
.header_scroll{
	box-sizing: border-box;
	padding-top: 1em;
	width:100%;
	height:5em;
	background-color:#191916;
	position:fixed;
	margin:0px;
	z-index:11;
	left:0px;
	}

#menu_text{
	visibility:hidden;
	transition: all ease-out 0.3s;
	}
	
#menu_scroll{
	font-size: 2em;
	transition: all ease-out 0.3s;
	position: absolute;
	}
#menu_scroll a{ color:grey;	}																		
										#example-four {
										  position: relative;
										}
										#example-four.on:after {
										  content: "\f00d";
										  font-family: FontAwesome;
										  position: absolute;
										  top: 0;font-size:42px;
										  left: 0;
										  right: -0.2em;
										  bottom: 0;
										  
										  color:#186AAC;
										  box-sizing: border-box;
										  }	
.black{
	background:black;
}
										
#musicinfo {
	position:fixed;
    display: none;
    background:rgba(21,92,150,0.95);
    color:white;
    width:100%;
    height:100%;
    left:0px;
    z-index:10;
}
#musicinfo  section ul{
	margin: 0;
	padding: 0;
padding-top:12em;
width:100%;
	
}
#musicinfo  section ul li{
	padding: 1em 0;
text-align:center;	
font-size: 1.4em;
color:white;
list-style-type:none;
text-transform:uppercase;
font-weight:900;
transition:all ease 0.3s;
}

@media screen and (max-width:980px){	
#musicinfo  section ul li{
	padding:0.3em 0;
}
	}	
	




#musicinfo  section ul li:hover{
	color: goldenrod;
	}

#musicinfo hr{
height:1px;
border:none;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(52%, rgba(126,126,126,1)), color-stop(53%, rgba(128,128,128,0.98)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(126,126,126,1) 52%, rgba(128,128,128,0.98) 53%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	
	}


	
#logo{
	transition:all ease 0.5s;
 	background-image:url(../img/logo_corande.png);
	position: relative;
	width:70%;
	height: 80%;
	background-repeat: no-repeat;
	background-size: contain;
	box-sizing:border-box;
	vertical-align: top;
	display: inline-block;
	}

nav{	
	width:30%;
	vertical-align: top;
	display: inline-block;
	position:absolute;
	box-sizing:border-box;
	transition:all ease 0.3;
	text-align: right;
	padding-top: 1em;
	right: 0px;
	}
.bignav #menu_scroll{
	bottom: 1em;
}

.smallnav #menu_scroll{
	bottom: 0.5em;
}

nav ul a li{
	vertical-align: top;
	display: inline-block;
	font-size: 1.2em;
	margin: 0 0.8em; 
	color: white;
	font-weight: 100;
	
}
section{
	width: 86%;
	margin: auto;

}
	
	
	
	
.slider{
	width: 85%;
	margin: auto;
	max-width: 1800px;
	height: 70%;
	background:url(../img/0001.jpg);
	background-position: top;
	background-size: cover;
	position: relative;
}

.slider2{
	width: 85%;
	margin: auto;
	max-width: 1800px;
	height: 45%;
	background-image:url(../img/0002.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 9.5em;
	position: relative;
	background-color: #dbf4f8;
}

.slider3{
	width: 85%;
	margin: auto;
	max-width: 1800px;
	height: 45%;
	background-image:url(../img/beneficios2.png);
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 9.5em;
	position: relative;
	background-color: #dbf4f8;
}
.contend_slider{
	position: absolute;
	bottom: 10em;
	padding-right: 1em;
	z-index: 3;
	
}
@media screen and (max-width:500px){	
.contend_slider{
	bottom: 4em;
	
}
}
.holatodos{
	margin-top: 3em;
}
aside{
	background: #186AAC;
	width: 80%;
	padding: 2em;
	color: white;
	position: absolute;
	right: 2em;
	bottom: -3em;
	font-size: 2em;
	font-weight: 100;
	box-sizing: border-box;
	z-index: 3;
}
@media screen and (max-width:1024px){	
aside{
	padding: 1em;

	}
}
@media screen and (max-width:720px){
	
aside{
	display: none;

	}	

}
aside span{

	font-size: 0.5em;
	text-transform: uppercase;
	font-weight: 900;

}


.knowlittle{
	padding:5em 0 3em 8em;
}

@media screen and (max-width:1024px){	
.knowlittle{
	padding:5em 0 3em 5em;
}
}

@media screen and (max-width:720px){	
.knowlittle{
	padding:5em 0 3em 0em;
}
}




.link{
	background: #C63B3C;
	color: white;
	padding: 1em;
	margin-top: 1em;
	display: inline-block;
}


.cat{
	margin: 5em 0 8em 0;
	text-align: center;
	border-left: solid 1px lightgray;

}



.noleft{
	
}





.cat img{
	width:80%;
	max-width:100px;
	opacity: 0.8;
	margin-top: 2em;
}

.cat h3{
	transition: all 0.5s;
	margin-top:1em;
}

.cat:hover h3{
	margin-top:0em;
}

.cat h2{
	color: rgba(120,120,120,1.00);
	margin-top: 2em;
}


.centerline{
	border-left:solid 1px #B5B5B5;
	border-right:solid 1px #B5B5B5;
}
	
@media screen and (max-width:720px){	
.cat{
	margin:0;
	text-align: center;
	padding: 3em;
	
}
		
		
.centerline{
	border-left:none;
	border-right:none;
	border-top:solid 1px #B5B5B5;
	border-bottom:solid 1px #B5B5B5;
}
		
		
	}

.vaos{
	background:#E4E4E4;
	padding: 5em 0 3em 0;
}

.vaos img{
	width:100%;
	max-width: 589px;
}
.pymes{
	background-image:url(../img/life.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.services{
	margin-top:9em;
	margin-bottom: 3em;
	position: relative;
}


.allservices{
	display:inline-block;
	height: 28em;
	border: solid 2px #EFEFEF;
	position: relative;
	overflow: hidden;
	background-size: 100%;
	background-repeat: no-repeat;	
	background-position: center;
	transition: all 0.5s;
	transition:all ease-out 0.5s;

}
@media screen and (max-width:1024px){
.allservices{
	height: 20em;
}
}

.allservices:hover{
	background-size: 120%;	
}
@media screen and (max-width:720px){
.introinter{
	display: none;
}
}

.courierinter{
	background-image: url(../img/0004.jpg);
	
}

.aduanainter{
	background-image: url(../img/0006.jpg);
	
}

.cargainter{
	background-image: url(../img/0005.jpg);
	
}




.togo{
	position:absolute;
	bottom: -50px;
	width: 100%;
	text-align: center;
	font-size: 3em;
	color: black;
	transition:all ease-out 0.5s;
}

.allservices:hover .togo{
	bottom: 10px;
	
}



.alphablack {
	position: absolute;
	background: rgba(239,239,239,0.90);
	width: 100%;
	height: 100%;
}
.alphawhite{
	position: absolute;
	background: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
}
.alphablue {
	position: absolute;
	background: #EFEFEF;
	width: 100%;
	height: 100%;
	
}


.overalpha{
	width: 80%;
	height: 100%;
	position: relative;
	margin: auto;
	z-index: 1;
	}





.overalpha h2{
	font-weight: 900;
	font-size: 2.5em;
	text-transform: uppercase;
	color: black;
	}
.overalpha img{
	width: 50%;
	max-width: 80px;
	}
@media screen and (max-width:480px){
.overalpha h2{
	font-size: 1.5em;
	}
}
@media screen and (max-width:1600px){
.overalpha img{
	width: 50%;
	max-width: 50px;
	}
}
.stickserv{
	margin-top:1em;
	width:100%;
}
.stickserv .w25{
	border-left: solid 1px black;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
	height: 4em;
	text-align: center;
}
.paddser{	
	margin-top:5em;
	box-sizing: border-box;
}

				@media screen and (max-width:1200px){
				.paddser{	
					padding-left:0%;
				}

				.paddser .w33{	
					width: 50%;
				}	
				}				

			@media screen and (max-width:720px){
			.paddser .w33{	
				width: 100%;
			}	
				
				.imagenesenservicios{
					display: none;
					
				}
			}





.padright{
	
	padding-right:5em;
}

.padleft{
	
	padding-left:5em;
}


@media screen and (max-width:1024px){
			.padleft{
	
	padding-left:3em;
}

}


@media screen and (max-width:720px){
			.padleft{
	padding-left:1em;
}

}

.logodarko img{
	width:50%;
	height:auto;
	max-width:100px;
	margin-top:180px;
	}	
	
	
	
	
	
	
footer{
	margin: 0px;
	padding: 0px;
	}

	
.footer{

	}	
	
footer p{
	color:#171717;
	font-size:1em;
	margin:0px;
	}	
	
footer h3{
	
	margin:0px;
	color:#171717;
	margin-bottom:25px;
	font-weight:400;
	text-shadow:1px 1px 0px #E1E1E1;
	margin-top:50px;
	font-size:1em;
	}	
				
footer h5{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	text-transform:none;
	font-size:0.6em;
	color:#949494;
	margin:0px;
	margin-top:10px;
	}
.funumer li span{
	
	font-family:Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	font-size: 0.8em;
	color: #3E3E3E;
}
	
.alaright{
	text-align:right;
}
	
	
	
	
	
	
	
	
	
	
footer h5 span{
	font-family: 'Roboto Condensed', sans-serif;
	/*font-size: 18px;*/
	font-weight:700;
	color:#FF6700;
	}	
	
footer .w66	{
	padding-top:30px;
	text-align:right;
	}
.theredes a{
	/*font-size: 18px;*/
	color:#262626;
	}
	
	
.theredes .fa{
	font-size:1.6em;
	}	
	
	
@media screen and (max-width:1024px){
	footer h5{

	margin-bottom:25px;
	}

	
	.logodarko img{
	width:50%;
	height:auto;
	max-width:200px;
	}	
	
	
	
		
	
}





.contact{
	margin-top:70px;
	padding:35PX;
	background:url(../img/man.png);
	background-position:right;
	background-repeat:no-repeat;
	background-size:contain;
	}	
	
	@media screen and (max-width:1024px){
.contact{

	background:none;
	}			
.mycon f5{
	/*font-size: 18px;*/
	}	
		
		}
.contact h5{
	margin-bottom:0px;
	}	
.contact p{
	margin-bottom:40px;

	}		
.tcon h2{
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 2EM;
	margin-top: 2em;
	margin-bottom: 0;
	}	
.tcon span{
	font-weight: 900;

	}

.tcon h3{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	font-size: 3em;
	margin-bottom: 0;
	margin-top: 0px;
	}


.mycon{
	background:rgba(241,241,241,0.50);
	padding-top:20px;
	}	
		

	
#send{
	background: #007CFF;
	border:none;
	color:white;
	transition:all ease-out 0.5s;
	cursor:pointer;
	padding:20px;
	margin-top:2em;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	font-size: 1.3em;
	font-family: 'Raleway', sans-serif;
	}
	
#send:hover{
	background: #052237;

	
	}	

#wexmap {
	width: 100%;
	height: 50%;
	margin-top:5em;
	}






div#sticker {
	
	height: 5em;
	width:100%; 
	vertical-align:top; 
	display:inline-block;
	background: #EFEFEF;
	border-bottom: solid 1px black;
	box-sizing: border-box;
}
.stick {
	position:fixed;
	top:4.2em;
	vertical-align:top;
	display:inline-block;
	z-index: 5;
	
}
.scrollmenu{
	height: 100%;
}
.scrollmenu ul li{
	vertical-align: top;
	display: inline-block;
	width: 25%;
	height: 5em;
	text-align: center;
	padding-top: 2em;
	box-sizing: border-box;	
}
.active {
    color: #186AAC;
	font-weight: 700;
}



.soluciones{
	background:#0D1A43;
	padding: 6em 0;
	margin-top: 4em;
}

.knowex{
	color: white; padding: 2em; text-transform: uppercase; border: 2px solid white; display: inline-block; transition:all 0.5s;
	
}

.knowex:hover{
	color:darkgoldenrod;  border: 2px solid darkgoldenrod;
}

.loginregister .w50{
	padding:2em;
}

.loginregister hr{
	margin:2em 0;
}

.crearcuenta p{
	padding-top:2em;
	position: relative;
	float: none;
	text-align: center;
}

.mylogin{
				display: block;
			}
@media screen and (max-width:1024px){	
			.mylogin{
				display: none;
				opacity: 0;
			}
	
		}