@charset "utf-8";
/* CSS Document */
/*trec borde plana*/
html,body{
    width:100%;    
    margin:0;
    padding:0;
    border:0;
}

body{
	background-color: #FFFFFF;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
/* Capçalera*/
.logo {
	text-align: center;
	font-style: normal;
	font-weight: bold;
/*	font-size: 50px;
*//*	height: 103px;
*/	text-transform: uppercase;
	
/*	padding-top: 6px;
	padding-left: 5px;
*/}
.logo:hover{
	color: #003159;
	text-decoration: none;
}
.logo img {
	text-align: center;
	max-width:100%;
    height: auto;
	max-height: 120px;
}
.logo img:hover{
	-webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
}
h1{
	text-align: left;
	font-style: normal;
	font-weight: bold;
	font-size: 35px;
	text-transform: uppercase;
	text-decoration-line: none;
}

h1.logo a:link{
	text-decoration: none;
	color: #0080ff;
}
h1.logo a:hover{
	color: #C5EDC5;
}
h1.logo a:visited{
	color: #0080ff;
}
/*text costat logo*/
.logo-text{
	text-align: left;
/*	height: 103px;
/*	line-height: 101px;
*/	font-weight: bold;
	font-size: 45px;
	text-transform: uppercase;
	margin: 0px;
}
.logo-text a:link{
	outline:none;
	text-decoration:none;
	color: #000000;
	}
.logo-text a:visited{
	color: #000000;
	outline:none;
	text-decoration:none;
}
.logo-text a:hover{
	text-decoration: none;
	color: #8D8D8D;
}
#logo-asys{
	color: #FF6600;
}
#logo-air{
	color: #000000;
}
/*Telefon i email superior*/
.contacte {
	align-items: center;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 35px;
	height: 103px;
	line-height: 102px;	
	color: #000000;
	text-decoration: none;
	}
.contacte:hover{
	color: #FF6600;
	text-decoration: none;
}
.contacte img {
	max-width:100%;
    height: 55px;
	padding-top: 5px;
}
.contacte img:hover{
	-webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
}
.contacte img:active {
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}
/*contacte*/
.contacte a{
	color: #000000;
	text-decoration: none;
}
.constacte a:link{
	color: #000000;
	outline:none;
	text-decoration:none;
	}
.contacte a:visited{
	color: #000000;
	outline:none;
	text-decoration:none;
	}
.contacte a:hover{
	color: #FF6600;
	text-decoration: none;
}
.ajuda img
{
width: 60px;
padding: 10px;
}
.ajuda img:hover
{
	transform: rotate(90deg);
	padding: 10px;
}
.ajuda_left
{
float: left;
}
.ajuda_right
{
float: right;
}
/*Breadcrumb*/
#breadcrumb{
	width:100%;
	text-decoration: none;
	color: #000000;
	font-size: 16px;
}
#breadcrumb a:link{
	color: #0066FF;
	text-decoration: none;
}
#breadcrumb a:visited{
	color: #0066FF;
	text-decoration: none;
}
#breadcrumb a:hover{
	color: #003399;
	text-decoration: none;
}
/*Cos plana*/
.titol-im {
	width: 100%;
	z-index: 0;	
	padding:0px;
}
.titol-im img {
	border-bottom: 2px solid #ddd;
	border-top: 2px solid #ddd;
	border-right:none;
	border-left:none;
    border-radius: 4px;
    padding: 0px;
	margin:0px;
	width:100%;
	max-width:100%;
	height:auto;
	opacity: 0.9;
	z-index:0;
}
/*títol plana*/
.titol {
	width: 100%;
	z-index: 0;	
	padding:0px;
	margin:0px;
}
.titol h2 {
	width: 100%;
	color: #BD0E0E;
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
	letter-spacing:1px;
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	*/
	text-transform: uppercase;
	text-shadow: 3px 2px 1px #515151;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}
/*text plana*/
.info_info{
	border-radius: 25px;
	border: 2px solid #000000;
	padding: 9px;
	color:#000000;
	text-decoration: none;
}
p.info-gen{
	text-align: justify;
	font-size: large;
	margin:5px;
	color:#000000;
	}
p.info-gen a {
	color:#0066FF;
	text-decoration:none
}
p.info-gen a:link{
	color:#0066FF;
	text-decoration:none
}
p.info-gen a:visited{
	color:#0066FF;
	text-decoration:none
}
p.info-gen a:hover{
	color: #003399;
	text-decoration: underline;
}
h3.info{
	text-align:center;
	text-decoration: none;
	color: #000000;
}
h3.info a:link{
	color: #0066FF;
	text-decoration: none;
}
h3.info a:visited{
	color: #0066FF;
	text-decoration: none;
}
h3.info a:hover{
	color: #003399;
	text-decoration: underline;
}
p.info{
	border-radius: 25px;
	border: 2px solid #000000;
	padding: 9px;
	text-align: justify;
	font-size: medium;
	color:#000000;
	text-decoration: none;
}
p.info a:link{
	color:#0066FF;
	text-decoration: none;
	}
p.info a:visited{
	color:#0066FF;
	text-decoration: none;
	}
p.info a:hover{
	color: #003399;
	text-decoration: underline;
}
/*fer salt per lectors de pantalla*/
.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }
/*Peu de plana*/
.peu{
    text-align: center;
    background-color: #FF6600;
    color: #FFFFFF;
    text-decoration: none;
}
p.peu{
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	
}
.peu a{
	text-decoration:none;
	color:#FFFFFF;
}
.terms{
	font-size: small;
}
	/* faig fletxa amunt fixe */
.fletxa-top a{
	/*display: none;  Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 10px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #424242; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 1px; /* Some padding */
	border-radius: 25px; /* Rounded corners */
	font-size: 55px; /* Increase font size */
	font-weight: bold;
	text-decoration: none;
}
/*configuracions pantalla petita*/
@media screen and (max-width: 1085px) {
/*Capçalera*/
/*logo*/
.logo {
height:auto;
line-height: normal;
text-align: center;
}
/*text del costat del logo*/
.logo-text{
text-align:center;
height:auto;
line-height: normal;
font-size: xx-large;
}
/*contacte*/
.contacte {
	height: auto;
	line-height: normal;
	font-size: x-large;
}
/*Cos plana*/
h2.centre-titol {
	width:100%;
	margin:auto;
	text-align:center;
	font-size: x-large;
	left:auto;
	transform:none;
	text-shadow: 2px 1px 1px #515151;
	}
/*Faig la lletra una mica més gran de l'avis legal*/
.terms{
    font-size: medium;
}
.ajuda_left
{
float: left;
}
.ajuda_right
{
float: right;
}

}