@font-face {
    font-family: myFirstFont;
    src: url(ISOCTEUR.ttf);
}
  

html {
	background: #25363b;
	margin:0 0 0 -1px;
	padding:0;	
	color: #a4cbcd;
	font-family: myFirstFont;
}

#inicio {
	width: 100%;
    height: 100%;
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#page {
	position: absolute;
    top: 0;
    left: 0;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
	background-image: linear-gradient(rgb(0 0 0 / 65%), rgb(0 0 0 / 80%)), url(images/IMG_3370.jpg);
}

#page-legal {
	position: absolute;
    top: 0;
    left: 0;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
	background-image: linear-gradient(rgb(0 0 0 / 65%), rgb(0 0 0 / 80%)), url(images/IMG_3370.jpg);
}

p {
	letter-spacing: normal ;
	line-height: 20px ;
/* 	text-indent: 20px */ /*espacio delante de la primera frase de un parrafo*/
}

h1 {
	color:#3aeded;
	font-size:3em ;
	margin:25px 0 10px 0;
	clear:both;
}

h2 {
	color:#3aeded;
	font-size:16px ;
	margin:20px 0 10px 0;
	clear:both;
}

h3 {
	color:#FFFFFF;
	font-size:12px;
	margin:10px 0 15px 0;
	clear:both;
    min-height: 20px;
    border-bottom: 3px solid #72b2b5;
}

a:link, a:visited {
	color:#3aeded ;
	text-decoration:none;
}

a:hover {
	color:#1fa1a1;
	text-decoration:underline;
}

#wrapper {
	background: transparent url( images/page-vbg.jpg ) repeat-y scroll 50% 0px ;
	margin:0 auto ;
	width:100%;
}

#bg {
	margin:0 auto;
	padding:0;
	background:transparent ;
 	background-repeat:no-repeat;	
	background-position: center top ;
}

#header {
	margin: 30px;
	min-height:20px;
    z-index: 20;
    position: relative;
}

#container {
	margin:0 auto;
}

#banner {
	margin: 0 auto;
	height:230px;
	width:100%;
}

#nav1 {
	height:40px;
	margin:0 auto ;
	width:868px;	
	text-align:center;
}

#nav1 ul {
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:40px;
	text-transform:uppercase;
	font-size:11px;
	font-family:Arial,sans-serif;
}

#nav1 ul li {
	display:block;
	float:left;
	margin:0 20px;
	padding:0;
}

#nav1 ul li a {
	display:block;
	float:left;
	color: #5c9191;
	text-decoration:none;
	padding:0px 40px ;
	line-height:40px;
	font-weight:bold;
}

#nav1 ul li a:hover, #nav1 li#current a {
	color:#ffffff;
	background-color: #5c9191;
    border-radius: 5px;
}

#nav2 {  
	height:25px;
	margin:0 auto ;
	width:588px;	
	text-align:center
	
}
#nav2 ul {
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:20px;
	font-size:12px;
	font-family:Arial,sans-serif;
}
#nav2 ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-color:#FEBC20;
	/* background:transparent url("images/hmenu.jpg") repeat-x top left; */
}
#nav2 ul li a {
	display:block;
	float:left;
	color:#535353;
	text-decoration:none;
	padding:0px 15px ;
	line-height:30px;
	font-weight:bold;
}
#nav2 ul li a:hover, #nav2 li#current a {
	color:#ffffff;
	background-color:#F08505;
	/* background:transparent url("images/hmenu-sel.jpg") repeat-x top left; */
}

#nav3 {  
	height:25px;
	margin:0 auto ;
	width:588px;	
	text-align:center;
	
}
#nav3 ul {
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:20px;
	font-size:12px;
	font-family:Arial,sans-serif;
}
#nav3 ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-color:#FEBC20;
	/* background:transparent url("images/hmenu.jpg") repeat-x top left; */
}
#nav3 ul li a {
	display:block;
	float:left;
	color:#535353;
	text-decoration:none;
	padding:0px 18px ;
	line-height:20px;
	font-weight:bold;
}
#nav3 ul li a:hover, #nav3 li#current a {
	color:#ffffff;
	background-color:#F08505;
	/* background:transparent url("images/hmenu-sel.jpg") repeat-x top left; */
}

#nav4 {  
	height:25px;
	margin:0 auto ;
	width:588px;	
	text-align:center;
	
}
#nav4 ul {
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:20px;
	font-size:12px;
	font-family:Arial,sans-serif;
}
#nav4 ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-color:#FEBC20;
	/* background:transparent url("images/hmenu.jpg") repeat-x top left; */
}
#nav4 ul li a {
	display:block;
	float:left;
	color:#535353;
	text-decoration:none;
	padding:0px 13px ;
	line-height:20px;
	font-weight:bold;
}
#nav4 ul li a:hover, #nav4 li#current a {
	color:#ffffff;
	background-color:#F08505;
	/* background:transparent url("images/hmenu-sel.jpg") repeat-x top left; */
}


#content {
	margin:0 auto ;
	text-align:left;
	min-height:500px;
}

#welcome {
	width: 55%;
	padding: 20px 45px;
}

.services {
	background-color: #142429 ;
}

.img {
	width: 45%;
}

#content p {
	text-align:justify;
	color: #a4cbcd;
}

#piemenu  {
	margin:0 auto;
	padding:0;
	height:25px;
}
	
#piemenu ul{
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:0px;
	/*text-transform:uppercase;*/
	font-size:12px;
	font-family:Arial,sans-serif;
}

#piemenu ul li{ 
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#footerWrapper {
	margin:0 auto;
	height:130px;
	padding:0;
}

#footer {
	margin:0 auto;
	padding:0;
	width:880px;
	height:90px;
    color:#FFFFFF;
	text-align:center;
}

#footer a:link, #footer a:visited {
	color:#FFFFFF;
}

#footer a:hover{
	color:#4D4D4D;
	text-decoration:none;
}

#footer ul{
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	/* position:relative; */
	/* height:0px; */
	/*text-transform:uppercase;*/
	font-size:12px;
	font-family:Arial,sans-serif;
}

#footer ul li{ 
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#right {
	width:200px;
	padding:10px 20px 20px 20px;
	float:left;
}

#center {
	display: flex;
    align-items: center;
}

#legal {
	padding: 200px 100px 20px 100px;
    display: flow;
    justify-items: center;
}

.flex {
	display: flex;
	justify-content: space-between;
}

.flex-services {
	display: flex;
    justify-content: space-evenly;
	text-align: center;
	align-items: self-end;
	flex-flow: wrap;
}

#sidebar ul.info {
	list-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px; 
	padding: 0;
	text-decoration: none;	
}

#sidebar ul.info li {
	list-style: none;
	padding: 0px 0 1px 0px;
	margin: 0 2px;	
}

#sidebar ul.info li a {
	text-decoration: none;
	color:#1860a8;
}

#sidebar ul.info li a:hover {
	color:#FF6600;
}

#sidebar ul.info ul { 
	margin: 0 0 0 5px; 
	padding: 0; 
}

#sidebar ul.info ul li {
	border: none;
}
	
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* CSS para la animaci�n y localizaci�n de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies *//* CSS para la animaci�n y localizaci�n de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */