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

#obra1 h1 {
	font-family: 'Alice', serif;
	font-size:32px;
	color:#d8ffee;
	text-align:center;
    text-shadow: -1px .5px .7px black, -3px 3px 5px black;
	box-shadow: 0px 8px 16px 0px rgba(222, 44, 63, 1), 0 6px 20px 0 rgba(0, 44,209, 0.5);
	background-color:rgba(181, 245, 255, .2)/*rgba(210, 210, 210, .0)*/ !important;
	border-top:3px rgba(0, 0, 0, 1) solid;
	border-bottom:1px rgba(0, 0, 0, 1) solid;
	border-right:7px rgba(0, 0, 0, 1) solid;
	border-left:4px rgba(210, 0, 0, 1) double;
    letter-spacing:20px;
	border-radius:20px;
	padding:10px 10px;
	margin:50px auto 10px auto;
	max-width:80%
}
	
#manias p {
	color:#dcf9ff;
	font-size:18px;
	background-color:rgba(0, 0, 0, 1)/*rgba(210, 210, 210, .0)*/ !important;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.7), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius:10px;
	text-align:left;
	padding:30px 30px;
	margin:20px;
	width:100%;
	}
	
	#share img {
	width:100%;
	max-width:100px;
	
}
#share a {
width: 50px;
border: 2px rgba(52, 205, 210, 1) solid; 
border-bottom: 3px rgba(52, 205, 210, 1) solid;
border-right: 5px rgba(52, 205, 210, 1)  solid; 
text-shadow: 0 0 1px darkblue, -2px 2px 5px orangered;
padding: 5px 5px;
letter-spacing: 2px;
font-size: 1.4em;
display:inline-block; /*es para que respeten su línea, los paddings se pegan a la línea*/
border-radius: 10px;
background: rgba(81,249, 255, .2);; /*éste es un color que se desplegará con hover*/
margin:-300px 10px 0px 40px;
transform: scale(1,1) rotate(0deg);
transition: all 300ms ease;
}


#share a:hover,
#share a:active {
	background: rgba(81,249, 255, .6);
	list-style:none;
	text-decoration:none;
	border-radius: 50%;
	border-bottom: 3px rgba(52, 205, 210, 1) dashed;
	border-left: 2px rgba(52, 205, 210, 1)  dashed;
	border-right: 5px rgba(52, 205, 210, 1)  groove;
	border-top: 2px rgba(52, 205, 210, 1)  dotted;
	transform: scale(1.5,1.5) rotate(360deg);
	
}
		
#share p {
font-family: 'VT323', monospace;
	font-size:24px;
	/*-font-weight:700;*/
	color:#ff2850!important;
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered!important;
	text-align:left;
	margin:-200px 100px 50px 100px;
}

#redes a {
	font-family:'FontAwesome';
	color:white;
	font-size:30px;
	height:auto;
	box-sizing:border-box;
	}

#redes p {
font-family: 'VT323', monospace;
	font-size:24px;
	color:#ff2850!important;
	text-shadow: -1px 1px 2px darkblue, -1px 5px 8px orangered!important;
	margin:20px 100px 20px 100px;
}

#redes {
	text-align:center;
	margin:-150px 300px 200px -50px;
	height:auto;
	padding:12px 12px;
	box-sizing: border-box;
	}

#redes ul {
	margin:auto;
	height:auto;
	box-sizing: border-box;	}
	
#redes ul li {
	display:inline-block;
	margin-left:20px;
	border:1px white solid;
	border-radius:50%;
	width:40px;
	height:40px;
	line-height:40px;
	}

#redes ul li a {
	color:#4bcb74;
	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 300ms ease;
}

#redes ul li a:hover,
#redes ul li a:active {
	background: rgba(255,0, 0,1);
	list-style:none;
	text-decoration:none;
	transform: scale(1.5,1.5) rotate(360deg);
}

.banner3 {
	background-image:url(../media/banners/fosil.gif);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display:block;
	height:60vh;
	width:100%;
	z-index:-3;
	margin: -480px auto;
	}