*{
	box-sizing: border-box;
}
body{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

header{
	background: radial-gradient(300px at 15% 50%, #ddfbf5,#326786 );

}

.cabecera{
	position: relative;
}

.contenedor{
	width: 1150px;
	margin: 0px auto;
	overflow: hidden;
}
.logo{
	width: 15%;
	float: left;
	margin-top: 3px;
}
header nav{
	float: right;
}
header div nav ul{
	margin: 0px;
	padding: 0px;
}
header div nav ul li {
	display:inline;
	margin-right: -4px;
	position: relative;
	float: left;
}
header nav ul li a {
	font-size: 18px; /* valor 22*/
	display: inline-block;
	border-right: 1px solid white;
	padding: 18px 15px;
	margin: 5px auto;
	/*color: rgb(14,137,190);
	text-shadow: 1px 1px 0px rgb(71,118,123);*/
	color: rgb(255, 255, 255);
	text-shadow: 2px 2px 0px black;
	text-decoration: none;

}
header nav ul li a:hover{
	background: radial-gradient(100px at 50% 50%, #ddfbf5,#326786 );
}

header nav ul li ul, header nav ul li:hover ul li ul {
	display: none;
}

header nav ul li:hover ul {
	display:block;
	position:absolute; 
	top:36px;
	left:0;
	height:auto;
	z-index: 5;
}

header nav ul li:hover ul li a {
	display:block;
	text-align:left; 
	border-bottom:1px solid #FFF;
	z-index: 5;
}

header nav ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:124px;
	top:0;
}
/*--------------------------------------------
CONTENIDO
-----------------------------------------------*/
.contenido{
	background: #EEF1FD;;

}
.contenido .contenedor{
	display: table;
	/*width: 1100px;*/
	margin: 0px auto;
	overflow: visible;

}
.contenido .contenedor .panel-izquierda{
	display: table-cell;
	width: 20%;
	padding: 0%;
}
.contenido .contenedor .panel-izquierda .servicios{
	background: #326786;
	background: radial-gradient(300px at 15% 50%, #ddfbf5,#326786 );

	border-radius: 15px;
	border: 2px solid #111213;
	box-shadow: 2px 2px 2px grey;
	margin-bottom: 25px;
	position: fixed;
	left: 90px;
	top: 160px;
	width: 250px;
}

.contenido .contenedor .panel-izquierda h1{
	font-size: 25px;
	color: #060648;
	text-shadow: 1px 1px 1px grey;
	text-align: center;
}
.contenido .contenedor .panel-izquierda .articulos h1{
	display: block;
	padding: 5px;

}
.contenido .contenedor .panel-izquierda .articulos article{
	margin: 50px 0px;
}
.contenido .contenedor .panel-izquierda .articulos a{
	display: block;
	padding: 10px;
	border: 2px solid #111213;
	border-radius: 15px;
	color: white;
	text-decoration: none;
	background: linear-gradient(to top,#79abe8,#0d3f4a);
	text-align: center;
	margin: 20px;
}
.contenido .contenedor .panel-izquierda .articulos a:hover{
	color: white;
	background: linear-gradient(to top,#0d3f4a,#79abe8);
	font-size: 17px;
	font-style: italic;
}
.contenido .contenedor main{
	display: table-cell;
	width: 50%;
	padding: 15px;
}
.contenido .contenedor main article {
	padding: 15px;
	/*border: 1px solid black;*/
	line-height: 20px;
	color: #060648;
	background: #f3f3f3;

}
.contenido .contenedor main article h1{
	font-size: 25px;
	color: #060648;
	text-shadow: 1px 1px 1px grey;
	text-align: center;
	padding: 15px;

}
.contenido .contenedor main article p{
	font-size: 18px;
	text-align: left;
}
.contenido .contenedor aside{
	display: table-cell;
	width: 25%;
}


.contenido .contenedor aside h1{
	font-size: 25px;
	color: #060648;
	text-shadow: 1px 1px 1px grey;
	text-align: center;
}
.contenido .contenedor aside .articulos h1{
	display: block;
	padding: 5px;
}
.contenido .contenedor aside .articulos article{
	margin: 50px 0px;
}
.contenido .contenedor aside .articulos a{
	display: block;
	padding: 10px;
	border: 2px solid #111213;
	border-radius: 15px;
	color: white;
	text-decoration: none;
	background: linear-gradient(to top,#79abe8,#0d3f4a);
	text-align: center;
	margin: 20px;
}
.contenido .contenedor aside .articulos a:hover{
	color: white;
	background: linear-gradient(to top,#0d3f4a,#79abe8);
	font-size: 17px;
	font-style: italic;
}

footer{
	color: white;
	background: radial-gradient(300px at 15% 50%, #ddfbf5,#326786 );
	text-align: center;
	padding: 10px;
}

/*--------------------------------------------
CONTACTANOS
-----------------------------------------------*/
.contactanos a{
	background: linear-gradient(to left,#79abe8,#0d3f4a);
	color: white;
	display: inline-block;
	font-size: 28px;
	padding: 10px 70px;
	position: fixed;
	right: -130px;
	top: 310px;
	transform: rotate(90deg);
	text-decoration: none;
	border-radius: 10px;
}
.contactanos a:hover{
	background: linear-gradient(to left,#0d3f4a,#79abe8);
	font-style: italic;
}

/*==================================================
 * Effect 8
 * ===============================================*/
 .effect8
 {
 	position:relative;
 	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 }
 .effect8:before, .effect8:after
 {
 	content:"";
 	position:absolute; 
 	z-index:-1;
 	box-shadow:0 0 20px rgba(0,0,0,0.8);
 	top:10px;
 	bottom:10px;
 	left:0;
 	right:0;
 	border-radius:100px / 10px;
 } 
 .effect8:after
 {
 	right:10px; 
 	left:auto; 
 	transform:skew(8deg) rotate(3deg);
 }