@charset "UTF-8";
/* CSS Document */
/*------------------------art8--------------------*/

/*#art8>div:first-child {
	background-image:url(../images/bannerdebanners.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	height: 60vh;} /*--80% del el dispositivo al que llegue, view port*/
	
	
#art8>div:first-child h3 {
	font-size:32px;
	color:#d73434;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*background: rgba( 37, 171, 198, .5);*/
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	padding:20px 10px;
	margin:40px 10px 0 10px;
	position:relative;
	text-align:center;
	margin:auto;
	}

#art8>div:first-child h3:first-letter {
	font-family: 'dampfplatz_shadowblack';
	color:#f62323;
	font-size:72px;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}

#art8>div:first-child p {
	font-family: 'Cabin Sketch', cursive;
	color:#000;
	font-size:54px;
	background:url(../images/hojas_petra/ieroglif2476.jpg)no-repeat top center;
	mix-blend-mode: multiply;
	text-shadow: -1px 1px 1px azure, -1px 2px 2px darkblue!important;
	box-shadow: 0px 5px 10px 0px rgba(77, 93, 240, 1), 0 6px 20px 0 rgba(1, 38, 54, 0.2);
	border-top:10px rgba(192, 229, 255, 1) solid;
	border-right:8px rgba(148, 255, 176, 1) double;
	border-left:3px rgba(170, 240, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	box-shadow: 0px 8px 16px 0px rgba(39, 217, 211, 1), 0 9px 20px 0 rgba(84, 238, 0, 0.5);
	border-radius:20px;
	text-align:left;
	padding:30px 30px;
	margin:20px;
	width:100%;
	}


.banner3 {
	background-image:url(../images/contacto/hockney.001.png);
	mix-blend-mode:multiply;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display:block;
	height:60vh;
	width:100%;
	z-index:-3;
	margin: -200px auto;
	}

@media (max-width:500px) {
	/*#art8>div:first-child {
	background-image:url(../images/bannerdebanners.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	height:60vh; /*--80% del el dispositivo al que llegue, view port
	margin:auto;}*/
	
#art8>div:first-child h3 {
	font-size:18px;
	color:#d73434;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*background: rgba( 37, 171, 198, .5);*/
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	padding:35px 10px 5px 10px;
	margin:auto;
	text-align:center;
	}

#art8>div:first-child h3:first-letter {
	font-weight:bold;
	font-size:24px;
	color:#f62323;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	}

#art8>div:first-child p {
	font-family: 'Dosis', sans-serif;
	color:#000;
	font-size:18px;
	background:url(../images/hojas_petra/examen.jpg) no-repeat top center;
	mix-blend-mode: multiply;
	text-shadow: -1px 1px 1px azure, -1px 2px 2px darkblue!important;
	box-shadow: 0px 5px 10px 0px rgba(77, 93, 240, 1), 0 6px 20px 0 rgba(1, 38, 54, 0.2);
	border-top:10px rgba(192, 229, 255, 1) solid;
	border-right:8px rgba(148, 255, 176, 1) double;
	border-left:3px rgba(170, 240, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	box-shadow: 0px 8px 16px 0px rgba(39, 217, 211, 1), 0 9px 20px 0 rgba(84, 238, 0, 0.5);
	border-radius:20px;
	text-align:left;
	padding:30px 30px;
	margin:20px;
	width:100%;
	}

#miscosas .columna3 {
	display:inline-block;
	vertical-align:bottom;
	text-align:justify;
	height:100%; 
	} 	
}

@media (min-width:500px) {
	
#miscosas .columna3 {
	display:inline-block;
	vertical-align:bottom;
	text-align:justify;
	height:600px; 
	} 
}

#miscosas div>div:nth-child(2){
	margin:50px auto 50px auto;
	} 

#job1 {
	background-color:#fff;
	background-image:url(../images/contacto/whatss_72.png);
	background-repeat:no-repeat;
	background-size:140px;
	background-position:13px 2px;
	box-shadow: 1px 4px 8px 1px rgba(0, 65, 153, 1), 1px 5px 7px 2px rgba(0, 65, 153, 0.5);
	margin:auto;
	border:#30dfff 3px solid;
	border-radius:50%;
	height:150px;
	width:150px;
}

#job1:hover {
	background-color:#fff;
	background-image:url(../images/contacto/whatss_72.png);
	background-repeat:no-repeat;
	background-size:140%;
	background-position: 0px 20px;
	border:6px dotted #5fff40;
	border-radius:50%;
	height:200px;
	width:200px;
	}

#job2 {
	background-color:#fff;
	background-image:url(../images/contacto/sobres_72.png);
	background-repeat:no-repeat;
	background-size:140px;
	background-position:13px 2px;
	box-shadow: 1px 4px 8px 1px rgba(0, 65, 153, 1), 1px 5px 7px 2px rgba(0, 65, 153, 0.5);
	margin:auto;
	border:#30dfff 3px solid;
	border-radius:50%;
	height:150px;
	width:150px;
}

#job2:hover {
	background-color:#fff;
	background-image:url(../images/contacto/sobres_72.png);
	background-repeat:no-repeat;
	background-size:140%;
	background-position: 0px 20px;
	border:6px dotted #5fff40;
	border-radius:50%;
	height:200px;
	width:200px;
	}

#job3 {
	background-color:#fff;
	background-image:url(../images/contacto/logos_redes.png);
	background-repeat:no-repeat;
	background-size:150px;
	background-position: 0px;
	box-shadow: 1px 4px 8px 1px rgba(0, 65, 153, 1), 1px 5px 7px 2px rgba(0, 65, 153, 0.5);
	margin:auto;
	border:#30dfff 3px solid;
	border-radius:50%;
	height: 150px;
	width: 150px;
}

#job3:hover {
	background-color:#fff;
	background-image:url(../images/contacto/logos_redes.png);
	background-repeat:no-repeat;
	background-size:140%;
	background-position: 0px 50px 50px 20px;
	border:6px dotted #5fff40;
	border-radius:50%;
	height:200px;
	width:200px;
	padding:-40px;
	}


#miscosas h4 {
	font-size:32px;
	color:#d73434;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*background: rgba( 37, 171, 198, .5);*/
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	position:relative;
	text-align:center;
	margin:auto;
	

	}

#miscosas h4:first-letter {
	font-family:'Alice', serif;
	color:#f62323;
	font-size:56px;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}
	
#miscosas p {
	color:#b9dfff;
	font-size:24px;
	font-family:'Dosis', sans-serif;
	/*background:url(../images/contacto/hoja_400.png) no-repeat top center;*/
	background-color:#fff;
	mix-blend-mode: multiply;
	text-shadow: -1px 1px 1px navy, -1px 2px 2px darkblue!important;
	border-top:1px rgba(255, 255, 255, 1) solid;
	border-right:2px rgba(255, 255, 255, 1) double;
	border-left:3px rgba(255, 255, 255, 1) solid;
	border-bottom:10px rgba(255, 255, 255, 1) solid;
	box-shadow: 1px 4px 8px 1px rgba(0, 65, 153, 1), 1px 5px 7px 2px rgba(0, 65, 153, 0.5);
	border-radius:10px;
	text-align:center;
	padding:8px 0px;
	margin:auto;
	width:80%;
	}

#miscosas>div div:last-child ul {
	padding:0px;
	margin:auto;
	}


#miscosas ul li {
	display:inline-block;
	font-family: 'FontAwesome';
	border-top:2px rgba(0, 0, 0, 1) solid;
	border-right:5px rgba(0, 0, 0, 1) groove;
	border-left:3px rgba(0, 0, 0, 1) groove;
	border-bottom:5px rgba(0, 0, 0, 1) ridge;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	line-width: 40px;
	text-align:center;
	margin:5px auto;
	}

#miscosas ul li a {
	color:#4bcb74;
	font-size:25px;
	
}

#miscosas ul li a {
	color:#000;
	background: white;
	width:38px;
	height:38px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	transform: scale(1,1) rotate(0deg);
	transition: all 100ms ease;
}

#miscosas ul li a:hover,
#miscosas ul li a:active {
	background: white;
	list-style:none;
	text-decoration:none;
	transform: scale(1.2,1.2) rotate(360deg);
}


.fa {
	padding-top: 8px;
	font-size: 16px;
}

#vieneyva {
	margin-top:10px;
	right:100px;
	position: relative;	
	height:450px;
	width:100%;
	max-width:450px;
}


#porta {
	position:absolute;
	top:0px;
	left:0px;
	border-top-right-radius: 30px;
	border-bottom-left-radius:30px;
	
}

#puertos h2 {
	position:absolute;
	text-align:center;
	top:75px;
	left:420px;
	width:200px;
	height:60px;
	line-height:50px;
	background-color:rgba(93,117,109,.40);	
	font-size:18px;
	color:white;
	border-top-right-radius: 10px;
	border-bottom-left-radius:10px;
	box-shadow: rgba(0,0,0,.80) 5px 5px 10px;
	
}

@media (max-width:767px) {
#vieneyva {
		display:none;
		}
}

/*------------------------Art9------------------------

#art9>div:first-child {
	background-image:url(../images/banner.rana.jpg);
	background-size:cover;
	background-position:center;
	height:400px;
	
}*/

#art9>div:last-child h4 {
	font-size:32px;
	color:#d73434;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*background: rgba( 37, 171, 198, .5);*/
	/*text-shadow: 0 0 4px black, -1px 1px 0 black; outline y sombra*/
	padding:20px 10px;
	margin:10px 10px 0 10px;
	position:relative;
	text-align:center;
	margin:0px auto 0px;
}

#art9 h4:first-letter {
	font-family: 'dampfplatz_shadowblack';
	color:#f62323;
	font-size:56px;
	text-shadow: -1px .5px .7px black, -3px 3px 5px orangered;
	/*text-shadow: 0 0 4px black, -1px 1px 0 black;*/
	 /*outline y sombra*/
	}



#art9>div:last-child p {
	color:#000;
	font-size:18px;
	background:url(../images/hojas_petra/examen.jpg) no-repeat top center;
	mix-blend-mode: multiply;
	text-shadow: -1px 1px 1px azure, -1px 2px 2px darkblue!important;
	box-shadow: 0px 5px 10px 0px rgba(77, 93, 240, 1), 0 6px 20px 0 rgba(1, 38, 54, 0.2);
	border-top:10px rgba(192, 229, 255, 1) solid;
	border-right:8px rgba(148, 255, 176, 1) double;
	border-left:3px rgba(170, 240, 255, 1) groove;
	border-bottom:10px rgba(99, 255, 180, 1) ridge;
	box-shadow: 0px 8px 16px 0px rgba(39, 217, 211, 1), 0 9px 20px 0 rgba(84, 238, 0, 0.5);
	border-radius:20px;
	text-align:left;
	padding:20px 20px;
	margin:0px auto 10px 10px;
	
	
}

#art9>div:last-child div {
	display:inline-block;
	margin-top:0px;
	padding-bottom:30px;
	vertical-align:top;
	text-align: justify;
}