@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*CONTENIDO WEB*/
.truco {
	display:none;
}
.titulo_seote{
	position:relative;
	float:left;
	width:100%;
	height:615px;
	margin-top:30px;
	padding:0;
}
.titulo_seote h1{
	font-size:1.7em;
	letter-spacing: 2px;
	font-weight: bold;
	color: rgba(95,170,175,1);
	text-shadow: #000 1px 1px 0;
	text-align:center;
	margin-top:130px;
}
.titulo_seote h1 span{
	font-size:1.8em;
	letter-spacing: 3px;
}
.miniyo{
	width:100%;
	display: flex;
    align-items: center;
	position:absolute;
	margin-top:-60px;
	z-index:98;
}
.miniyo img{
	width:500px;
	height:auto;
	margin-left:calc((100% - 500px) / 2);
}
section {
	position:relative;
	margin:50px 0 0 0;
	padding:10px;
	clear:both;
	width:calc(100% - 20px);
	height:400px;
	display: flex;
    align-items: center;
}
section div {
	position:relative;
	width:560px;
	margin:auto auto;
}
.video_seote
{
	margin-top:120px;
}
@keyframes definir {
	from {
		-webkit-box-shadow: 3px 3px 5px 5px rgba(56,44,23,0.74);
		-moz-box-shadow: 3px 3px 5px 5px rgba(56,44,23,0.74);
		box-shadow: 3px 3px 5px 5px rgba(56,44,23,0.74);
	}
	to {
		-webkit-box-shadow: 12px 12px 5px 5px rgba(56,44,23,0.74);
		-moz-box-shadow: 12px 12px 5px 5px rgba(56,44,23,0.74);
		box-shadow: 12px 12px 5px 5px rgba(56,44,23,0.74);
	  }
}
.video iframe, .video800 iframe, .video500 iframe, .video300 iframe {
	border:rgba(28,43,71,1) solid 1px;
	-webkit-box-shadow: 3px 3px 5px 5px rgba(56,44,23,0.74);
	-moz-box-shadow: 3px 3px 5px 5px rgba(56,44,23,0.74);
	box-shadow: 3px 3px 5px 5px rgba(56,44,23,0.74);
	
}
.video iframe:hover, .video800 iframe:hover, .video500 iframe:hover, .video300 iframe:hover {
	animation: definir 0.5s forwards;
}
.video800 , .video500 {
	display:none;
}

.tratamiento {
	width:960px;
	margin-top:120px;
	margin-left:calc((100vw - 1000px) / 2);
	margin-right:calc((100vw - 1000px) / 2);
	padding:5px;
	position:relative; 
	float:left;
	clear:both;
	display: flex;
    align-items: center;
	justify-content: center;
}
.tratamiento_pieris{
		background-color: rgba(53,67,58,0.7);
}
.tratamiento_seote {
	margin-top:190px;
}
.tratamiento_seote, .pie_seote, .fondo_seote {
		background-color: rgba(95,170,175,1);
}
.fondo_seote_gradiente {
background: linear-gradient(180deg, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 32%, rgba(95,170,175,1) 99%, rgba(255,255,255,1) 100%);
}
.pie_pieris, .fondo_pieris {
		background-color: rgba(53,67,58,0.8);
}
.pie_lamentos, .fondo_lamentos {
		background-color: rgba(0,0,0,1);
}
.pie_nao, .fondo_nao {
		background-color: rgba(0,27,59,1);
}
.texto_seote{
	color: rgba(95,170,175,1);
}
.texto_pieris{
	color: rgba(53,67,58,1);
}
.texto_lamentos{
	color: rgba(0,0,0,1);
}
.texto_nao{
	color: rgba(0,27,59,1);
}
.texto_blanco{
	color: #fff;
}
.texto_negro{
	color:000;
}
.tratamiento img{
	width:340px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	margin:20px;
}
.fondo_lamentos img{
	-webkit-box-shadow: 0px 0px 7px 0px rgba(255,255,255,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(255,255,255,0.75);
	box-shadow: 0px 0px 7px 0px rgba(255,255,255,0.75);
}
.tratamiento p{
	width:530px;
	padding:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:150%;
	text-align:justify;
}
.tratamiento p span{
	width:183px;
	height:auto;
	position:relative;
	float:right;
	border:#ffffff solid 1px;
	border-radius:3px;
	padding:5px 10px 5px 10px;
	margin:20px 154px 0 154px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	text-align:center;
}
.tratamiento p span a{
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:20px;
	letter-spacing:1px;
}
.tratamiento p span:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.95);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.95);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.95);
	border:#ffffff solid 1px;
}
.ficha
{
	width:470px;
	position:relative;
	float:left;
	color:#000000;
	margin-top:5%;
	margin-bottom:2%;
	margin-left:calc((100% - 490px) /2);
	margin-right:calc((100% - 490px) /2);
	padding:10px;
	font-family:"Times New Roman", Times, serif;
	text-align:justify;
	clear:both;
	box-shadow: 1px 3px 5px #000000;
	-moz-box-shadow:1px 3px 5px #000000;
	-webkit-box-shadow:1px 3px 5px #000000;
	 -moz-osx-font-smoothing: grayscale;
  	text-rendering: optimizelegibility;
	font-size:1.2em;
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
	line-height:150%;
}
.ficha_pieris, .boton_pieris {
		background-color: rgba(53,67,58,0.4);
}
.ficha_seote, .boton_seote {
		background-color: rgba(95,170,175,0.4);
}
.ficha_nao, .boton_nao {
		background-color: rgba(0,27,59,0.4);
}
article {
	width:100%;
	margin-top:100px;
	margin-bottom:50px;
	padding:20px 0;
	position:relative; 
	float:left;
	clear:both;
	-webkit-box-shadow: inset 0px 0px 5px 3px rgba(70, 87, 74,0.63);
	-moz-box-shadow: inset 0px 0px 5px 3px rgba(70, 87, 74,0.63);
	box-shadow: inset 0px 0px 5px 3px rgba(70, 87, 74,0.63);
	text-rendering: optimizelegibility;
	background-attachment: fixed;
	background-position: 50% 100%;	
	background-size:425%;
}
.comentarios_seote{
	/*background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../img/seote/mapa.png');
	background-repeat: no-repeat;*/
	visibility:none;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(70, 87, 74,0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(70, 87, 74,0);
	box-shadow: inset 0px 0px 0px 0px rgba(70, 87, 74,0);
	
}
.comentarios_pieris{
	background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('../img/pieris/fondo-apaisado.jpg');
	background-repeat: no-repeat;
}
.comentarios_lamentos{
	background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('../img/lamentos/fondo_espada.jpg');
	background-repeat: no-repeat;
}
.comentarios_nao{
	background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('../img/nao/mar.jpg');
	background-repeat: no-repeat;
}
article h1{
	width:320px;
	margin:auto auto 10px auto;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:rgba(0,0,0,0.7);
	font-size:46px;
	text-shadow: #fff 1px 1px 0;
}
article div{
	width:740px;
	margin:auto;
	padding: 10px 10px 15px 10px;
	text-align:justify;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:rgba(0,0,0,0.7);
	font-size:18px;
	letter-spacing:1px;
	line-height:150%;
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}
article div a{
	text-decoration: none;
	color:rgba(0,0,0,0.7);
}
article div a:hover{
	text-decoration:underline;
}
article div img{
	width:40px;
	position:relative;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	margin-left: calc((100% - 40px) / 2);
	margin-right: calc((100% - 40px) / 2);
	clear:both;
}
/*codigo para mostrar el menu maximizado u minimizado segun tamano de pantalla*/
@media screen and (max-width:1000px ) {
	.miniyo{
		margin-top:-60px;
	}
	.titulo_seote{
		height:650px;
		margin-top:30px;
	}
	.titulo_seote h1{
		margin-top:170px;
	}
	.tratamiento {
		width:750px;
		margin-left:calc((100vw - 750px) / 2);
		margin-right:calc((100vw - 750px) / 2);	
	}
	.tratamiento img{
		margin-left:10px;
		width:300px;
	}
	.tratamiento p {
		width:420px;
		padding:5;
		margin-top:0;
	}
	.tratamiento p span{
		margin:3px 100px 0 0;
	}
}
@media screen and (max-width:800px ) {
	.video, .video_seote{
		display:none;
	}
	.video800{
		width:405px;
		margin:auto;
		display:block;
	}
	.video800_seote{
		margin-top:100px;
	}
	.tratamiento {
		width:100%;
		margin:10px 0 30px 0;
		padding:10px 0;
		display:block;
	}
	.tratamiento_seote {
		margin-top:100px;
	}
	.tratamiento img{
		width:80%;
		margin-left:calc((100vw - 80% - 10px) / 2);
		margin-right:calc((100vw - 80% - 10px) / 2);
		position:relative;
		float:left;
		clear:both;
	}
	.tratamiento p {
		width:80%;
		margin-left:calc((100vw - 80% - 10px) / 2);
		margin-right:calc((100vw - 80% - 10px) / 2);
		position:relative;
		float:left;
	}
	.tratamiento p span{
		margin-right:calc((100% - 206px) / 2);
		margin-top:10px;
	}
	article {
		width:calc(100% - 20px - 20px);
		margin:60px 10px 30px 10px;
		padding:10px;
	}
	article div{
		width:auto;
		margin:auto;
		padding: 10px 10px 15px 10px;
		font-size:18px;
		letter-spacing:0;
		line-height:150%;
	}
}
@media screen and (max-width:714px ) {
	.miniyo{
		margin-top:-60px;
	}
	.titulo_seote{
		height:710px;
		margin-top:30px;
	}
	.titulo_seote h1{
		margin-top:170px;
	}
	section {
		margin:0 0 0 0;
		height:350px;
	}
}
@media screen and (max-width:500px ) {
	.miniyo{
		margin-top:-30px;
	}
	.miniyo img{
		width:290px;
		margin-left:calc((100% - 290px) / 2);
	}
	.titulo_seote{
		height:550px;
		margin-top:30px;
	}
	section {
		margin:0 0 0 0;
		height:280px;
	}
	.video800,.video800_seote{
		display:none;
	}
	.video500{
		width:300px;
		margin:auto;
		display:block;
		margin-top:30px;
		margin-left:calc((100% - 300px) / 2);
	}
	.video500_seote{
		margin-top:100px;
	}
	.ficha
	{
	width:calc(100% - 20px);
	margin-left:0;
	margin-right:0;
	padding:10px;
}
}
@media screen and (max-width:320px ) {
	.titulo_seote h1{
		font-size:1.4em;
		margin-top:130px;
	}
	.titulo_seote{
		height:484px;
		margin-top:80px;
	}	
	
	
	.miniyo{
		margin-top:-30px;
	}
	.miniyo img{
		width:290px;
		margin-left:calc((100% - 290px) / 2);
	}

	section {
		margin:0 0 0 0;
		height:280px;
	}
	.video800,.video800_seote{
		display:none;
	}
	.video500{
		width:300px;
		margin:auto;
		display:block;
		margin-top:30px;
		margin-left:calc((100% - 300px) / 2);
	}
	.video500_seote{
		margin-top:100px;
	}
	.ficha
	{
	width:calc(100% - 20px);
	margin-left:0;
	margin-right:0;
	padding:10px;
}
}