/** FONTS **/
@import url(https://fonts.googleapis.com/css?family=Orbitron);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Play);
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab);
@import url(https://fonts.googleapis.com/css?family=Oxygen);
@import url(https://fonts.googleapis.com/css?family=Rajdhani);
@import url(https://fonts.googleapis.com/css?family=Cinzel);




/** GENERALES **/
body {
	overflow-x: hidden;
	margin: 0;
	background-color: #efefef;
}

* {
	margin: 0;
	padding: 0;
	max-width: 100%;
}






/** MENU ****************************************************/
/************************************************************/

	header {
		position: fixed;
		z-index: 1000;
		width: 100%;
		background: transparent;
		overflow: hidden;
		box-shadow: 0 0 3px #000;
	}
	.container{
	    width:100%;
	    height:100px;
	    position:relative;
	    overflow:hidden;
	    background-color:#063151;
	}
	.logo-main {
	    min-width: 300px;
	    height: 130px;
	    float: left;
	    position: absolute;
	}
	.logo-main img {
	    width:100px;
	    padding:12px 5px 10px 20px; 
	    float:left;
	}
	.letra-logo {
		color: #30a6ff;
	}
	.logo-texto {
		color: #f2f2f2;
		font-size: 37px;
		font-family: 'Poiret One';
		padding: 20px 30px 10px 0px;
		float: left;
		text-shadow: 4px 4px 4px #000d29;
		letter-spacing: 5px; /*espaciado entre caracteres*/
		font-weight: normal;
	}
	.logo-texto p {
		font-family: 'Poiret One';
		font-size: 12px;
		font-weight: bold;
		margin-left: 5px;
		color: #30a6ff;
		text-shadow: 1px 1px 1px #000d29;
		text-align: right;
	}

		/**OPCIONES MENU**/
	.container ul {
	    float: right;
	    margin-right: 0px;
	    right: 20px;
	}
	ul#menu{
	    list-style:none;
	    position:absolute;
	    bottom:0px;
	    font-size:16px;
	    font-family: 'Poiret One', 'Dosis', Helvetica, Arial, sans-serif;
	    font-weight: normal;
	    color:#fff;
	    letter-spacing:0px;
	    float: left;
	}
	ul#menu li{
	    float:right;
	    min-width:140px;
	    padding:10px 5px 0px 0px;
	    text-align: center;
	    border-top: 2px solid #063151;
	}
	ul#menu a{
	    cursor:pointer;
	    position:relative;
	    width: 100%;

	}
	ul#menu li:hover {
		cursor: pointer;
		background: #012038;
		border-top: 2px solid #0886e5;

		transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
	}
	ul#menu span.title{
	    display:inline-block;
	    height:26px;
	    color:#fff;
	}



	@media screen and (max-width: 820px) {
		.logo-main img {
		    width:80px;
		    padding:10px 5px 10px 20px; 
		    float:left;
		}
		.logo-texto {
			font-size: 28px;
		}
		.logo-texto p {
			font-size: 9px;
		}

		.container ul {
			right: 0px;
		}
		.logo-maim, ul#menu {
			display: block;
			width: 100%;
			height: 30px;
		}
		ul#menu li{
		    min-width: 32.5%;
		    padding:5px 5px 0px 0px;
		}
	}

/** FIN MENU ****************************************************/
/****************************************************************/














/** SLIDER ****************************************************/
/****************************************************************/
	.container-slider {
		width: 100%;
		padding-top: 100px;
		margin-bottom: 100px;
		overflow: hidden;
	}


/** FIN SLIDER **************************************************/
/****************************************************************/


















/** CONTENIDO ******************************************************/
/*******************************************************************/
.margen {
	padding-top: 100px;
	width: 100%;
	height: 1px;
}

.contenido {
	width: 100%
}

.contenido .contenido_titulo {
	font-family: 'Poiret One', 'Dosis', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #063151;

	text-align: center;
	width: 100%;
	padding: 20px 0px;	
}


/*SERVICIOS*/
.contenido .servicios {
	display: block;
	width: 100%;
	margin-bottom: 30px;

	text-align: center;
}
.contenido .servicios ul li {
	display: inline-block;
	cursor: pointer;

	color: #063151;
	font-family: 'Dosis', Helvetica, Arial, sans-serif;

	margin: 0;
	width: 20%;
	min-width: 200px;
}
.contenido .servicios ul li .t {
	font-weight: bold;
	display: block;
	cursor: pointer;
}
.contenido .servicios ul li .d {
	display: block;
	margin: 5px 8%;
	cursor: pointer;

	text-align: justify;
}

.contenido .servicios ul li:hover {
	box-shadow: 0px 0px 4px #013eac;

	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}



/*CARACTERISTICAS*/
.contenido .caracteristicas {
	display: block;
	width: 100%;
	margin-bottom: 30px;

	text-align: center;
}
.contenido .caracteristicas ul li {
	display: inline-block;

	color: #013eac;
	font-family: 'Rajdhani', Helvetica, Arial, sans-serif;

	margin: 0;
	width: 20%;
	min-width: 200px;
}
.contenido .caracteristicas ul li i img {
	text-shadow: 2px 2px #ccc;
}
.contenido .caracteristicas ul li .t {
	font-weight: bold;
	display: block;
}
.contenido .caracteristicas ul li .d {
	display: block;
	margin: 5px 5%;
}




/*QUIENES SOMOS*/
.contenido .empresa {
	font-family: 'Oxygen', Helvetica, Arial, sans-serif;

	width: 50%;
	margin: 10px auto;
	padding: 0px 15%;

	/*border: 1px solid #000f31;*/
	box-shadow: 0px 0px 10px #042f8f;
	background-color: #fff;
}
.contenido .empresa label {
	display: block;
}
.contenido .titulo {
	font-size: 2em;
	color: #1b2b45;

	padding: 10px 0px;
	border-bottom: 3px solid #23c2ff;
}
.contenido .texto {
	text-align: justify;
	font-size: .9em;

	padding: 10px 0px 20px 0px;
}
.contenido .padder {
	padding: 0px 20% 0px 10%;
	text-align: left;

	background-image: url("../imagen/bordeder.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 20% 100%;
}
.contenido .padizq {
	padding: 0px 10% 0px 20%;
	text-align: right;

	background-image: url("../imagen/bordeizq.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20% 100%;
}


	/*CONTACTO*/
.contenido .contacto {
	width: 100%;
	margin: 30px 0px;
	text-align: center;
}

.contenido .form-contacto,
.contenido .info-contacto {
	width: 60%;
	min-width: 320px;
	padding: 20px 0px;
	margin: 10px auto;

	/*display: inline-block;*/

	box-shadow: 0px 0px 3px #042f8f;
	background-color: #fff;
}

.contenido .contacto .form-contacto input,
.contenido .contacto .form-contacto textarea,
.contenido .contacto .form-contacto button {
	display: block;
	text-align: left;
	padding: 5px 20px;
	margin: 10px auto;
	min-width: 60%;

	font-family: 'Oxygen', Helvetica, Arial, sans-serif;
	font-size: .9em;
}
.contenido .contacto .form-contacto label {
	font-family: 'Oxygen', Helvetica, Arial, sans-serif;
	font-size: .7em;
	color: #666;
}

.contenido .contacto .form-contacto button { 
	background: #063151;
	box-shadow: 0px 0px 3px #129ff8;
	border: 0;
	cursor: pointer;

	color: #fff;
	font-family: 'Rajdhani', Helvetica, Arial, sans-serif;
	text-align: center;

	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
.contenido .contacto .form-contacto button:hover { 
	background: #034baf;
	box-shadow: 0px 0px 10px #063151;

	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.contenido .info-contacto {
	font-family: 'Oxygen', Helvetica, Arial, sans-serif;
	font-size: .9em;

}
.contenido .info-contacto label {
	display: block;
	text-align: center;
}
.contenido .info-contacto img {
	vertical-align: middle;
	width: 18px;
}
/** FIN CONTENIDO **************************************************/
/*******************************************************************/





































/** FOOTER ******************************************************/
/****************************************************************/

.footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	background: #063151;
	text-align: center;
	font-family: 'Open Sans Condensed';
	font-size: 15px;
	float: left;
	box-shadow: 0 0 10px #000;
	padding: 10px 0px;
}

.footer p {
	color: #fff;
}
/** FIN FOOTER **************************************************/
/***************************************************************