@import "../fonts/font.css";

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant-ligatures: common-ligatures;
	font-weight: 300;
}

body {
	background-color: #fff;
	margin: 0;
	color:#333;
	font-size: 1.8rem;
  min-width: 300px;
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-x:hidden;
}

*:focus {
    outline: none;
}

*, :after, :before {
	box-sizing: inherit;
}

input:focus {
 outline:none;
}



ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

.movebuttarea {
	position:fixed;
	bottom:5px;
	right:5px;
	width:40px;
}

.miniupbtm {
	display:none;
	position:relative;
	cursor:pointer;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:40px;
	border-radius:10px;
	text-align:left;
	color: #30373D !important;
	transition: all 1s;
	border-radius:20px;
	background-color:#fff;
}

.miniupbtm1 {
	display:block;
	position:relative;
	cursor:pointer;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:40px;
	text-align:left;
	color: #30373D !important;
	transition: all 1s;
	border-radius:20px;
	background-color:#fff;
}

.trademarklogo {
	position:absolute;
	left:50%;
	top:30%;
	width:30px;
	height:30px;
	line-height:30px;
	color:#888;
	font-size:30px;
	text-align:center;
	cursor:pointer;
	transform:translateX(100px);
}
.trademarklogo:hover {
	color:#FF6B01;
}

#sfondo {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity: 0.3;
  filter: alpha(opacity=30);
	z-index:999999998;
}

.messagedisclaimer {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width:400px;
	height:400px;
	border:1px solid #444;
	background-color:#fff;
	z-index:9999999990;
	overflow:hidden;
}

.closemessage {
	position:absolute;
	top:10px;
	right:10px;
	font-size:25px;
	width:30px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	color:#666;
}
.closemessage:hover {
	color:#FF6B01;
}

.leftarrow {
	position:absolute;
	top:50%;
	left:10px;
	font-size:35px;
	width:40px;
	height:40px;
	line-height:40px;
	cursor:pointer;
	color:#666;
}
.leftarrow:hover {
	color:#800;
}

.rightarrow {
	position:absolute;
	top:50%;
	right:10px;
	font-size:35px;
	width:40px;
	height:40px;
	line-height:40px;
	cursor:pointer;
	color:#666;
}
.rightarrow:hover {
	color:#800;
}

.messahedisclaimertext {
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	max-height:80%
	line-height:22px;
	font-size:20px;	
	color:#333;
	text-align:center;
	transform: translate(-50%, -50%);
}

#headarea {
	position:fixed;
	background-color:#fff;
	top:0px;
	left:0px;
	width:100%;
	height:135px;
	overflow:hidden;
}

#logocentral {
	position:fixed;
	top:135px;
	left:50%;
	width:50px;
	height:50px;
	transform:translate(-50%,-50%);
	overflow:hidden;
	border:none;
	border-radius:25px;
	background-color:#fff;
	z-index:999999998;
}

#logoimage {
	position:absolute;
	top:5px;
	left:5px;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:center center;
  background-size:cover; 
  background-image:url("../img/logoscudo.png");
}

#sitetitle {
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	height:34px;
	width:100%;
	text-align:center;
	line-height:34px;
	color:#222;
	font-family: "titillium web", titillium, helvetica, sans-serif;
	word-wrap: break-word;
	font-size:140%;
	font-weight:700;
}

#linearmenu {
	text-align:center;
	position:relative;
	width:100%;
}

.linearmenu {
	display:inline;
	list-style: none;
	margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height:1;
  font-family: "titillium web", titillium, helvetica, sans-serif;
  text-align: center;
	margin-block-start:1em;
  margin-block-end:1em;
  margin-inline-start:0px;
  margin-inline-end:0px;
  padding-inline-start:40px;
  unicode-bidi:isolate;
}

.linearmenuvoice {
	display:inline-block;
	font-size: 80%;
  padding: 5px 10px;
	color:#222;
  margin: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  border-style: normal;
  border-color: inherit;
  border-width: 0 0 1px;
  line-height: 1;
  font-family: inherit;
  text-align: -webkit-match-parent;
  unicode-bidi: isolate;
  cursor:pointer;
}
.linearmenuvoicea:hover {
	border-style:solid;
  border-width: 0 0 1px;
}

.linearmenuvoicea {
	opacity: 1;
	color:#222;
  text-decoration: none;
}

.selected {
  border-style: solid;
}

#maincontainer {
	position:fixed;
	left:0px;
	top:135px;
	width:100%;
	bottom:0px;
	overflow-x:hidden;
	overflow-x:auto;
}

#maincontainer1 {
	position:fixed;
	left:0px;
	top:135px;
	width:100%;
	bottom:260px;
	background-color:#e8eaec;
	overflow-x:hidden;
	overflow-x:auto;
}

#intro {
	position:relative;
	height:480px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
  background-size:cover; 
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-attachment:fixed;
}

#fbbox {
	background-repeat:no-repeat;
	background-position:center center;
  background-size:cover; 
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-attachment:fixed;
}


.centralfield {
	position:relative;
	width:100%;
}

.titleintro {
	position:absolute;
	top:30%;
	width:100%;
	left:0px;
	text-align:center;
	font-size:48px;
	color:#fff;
	font-family: "titillium web", titillium, helvetica, sans-serif;
  font-weight:600;
}

.sloganintro {
	position:absolute;
	top:60%;
	width:100%;
	left:0px;
	text-align:center;
	font-size:28px;
	color:#fff;
	font-family: "titillium web", titillium, helvetica, sans-serif;
  font-weight:inherit;
}

.scuro {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity: 0.4;
  filter: alpha(opacity=40);
}

.titlecentral {
	position:relative;
	padding-top:60px;
	width:100%;
	text-align:center;
	font-size:36px;
	color:#fff;
	font-family: "titillium web", titillium, helvetica, sans-serif;
  font-weight:600;
  color:#222;
}

.slogancentral {
	position:relative;
	width:94%;
	padding-top:30px;
	margin-left:3%;	
	text-align:center;
	font-size:20px;
	font-family: "titillium web", titillium, helvetica, sans-serif;
}

.buttoncentral {
	position:relative;
	left:50%;
	transform:translateX(-50%);
	width:210px;
	height:31px;
	line-height:31px;
	margin-top:30px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20px;
	font-family: "titillium web", titillium, helvetica, sans-serif;
	color: #fff;
	background-color:#FF6B01;
	cursor:pointer;
	text-align:center;
}
.buttoncentral:hover {
	font-size:22px;
}

.buttoncentral1 {
	position:relative;
	left:50%;
	transform:translateX(-50%);
	width:320px;
	height:31px;
	line-height:31px;
	margin-top:30px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20px;
	font-family: "titillium web", titillium, helvetica, sans-serif;
	color: #FF6B01;
	background-color:#FFF;
	border:1px solid #FF6B01;
	cursor:pointer;
	text-align:center;
}
.buttoncentral1:hover {
	font-size:22px;
}

.logocentral {
	position:relative;
	padding-top:30px;
	width:100%;
	height:222.67px;
}

.logocentralimg {
	width:auto;
	height:100%;
}

.logocentraldiv {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.logocentraldim {
	height:100%;
	aspect-ratio: auto 475 / 334;
   // Fallback
    @supports not (aspect-ratio: 475 / 334) {
    &::before {
      float: left;
      padding-top: 70.32%;
      content: "";
    }

    &::after {
      display: block;
      content: "";
      clear: both;
    }
  }

}

.spacer {
	position:relative;
	width:100%;
	height:35px;	
}

#footer {
	position:relative;
	width:100%;
	height:260px;
	background-color:#333;
	color: #fff;
}

#footer1 {
	position:relative;
	width:100%;
	height:260px;
	left:0px;
	background-color:#333;
	color: #fff;
}

#footerbox {
	position:absolute;
	width:1200px;
	height:256px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#footerdiv1 {
	position:relative;
	width:100%;
	height:190px;
	border-bottom:1px solid hsla(0, 0%, 100%, .15);
}

#footerdiv11 {
	position:relative;
	width:100%;
	height:190px;
	border-bottom:1px solid hsla(0, 0%, 100%, .15);
}

.footerdiv1box {
	position:relative;
	width:200px;
	float:left;
	height:190px;
	margin:20px;
	font-family: "titillium web", titillium, helvetica, sans-serif;
}

.footerdiv1icon {
	position:relative;
	width:100%;
	line-height:30px;
	color:#fff;
	text-align:left;
	font-size:48px;
}

.footerdiv1title {
	position:relative;
	width:100%;
	line-height:18px;
	white-space: pre-wrap;
	word-wrap: break-word;
	color: #fff;
	font-family: inherit;
	text-align: left;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.footerdiv1txt {
	position:relative;
	width:100%;
	line-height:18px;
	white-space: pre-wrap;
	word-wrap: break-word;
	color: #fff;
	font-family: inherit;
	text-align: left;
	font-size:14px;
}

#footerdiv2 {
	position:relative;
	width:100%;
	height:66px;
}

#footerdiv2txt {
	position:absolute;
	left:10px;
	right:10px;
	top:0px;
	height:66px;
	line-height:66px;
	white-space:pre-wrap;
	word-wrap: break-word;
	color: #fff;
	font-family: "titillium web", titillium, helvetica, sans-serif;
	text-align:left;
	font-size:14px;
}

.menubtn {
	position:absolute;
	top:15px;
	left:30px;
	font-size:25px;
	width:30px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	z-index:999999999;
	color:#666;
	display:none;
}
.menubtn:hover {
	color:#FF6B01;
}

.popupmenu {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:350px;
  background-color:#fff;
	z-index:9999999999;
  max-height:100%;
  transition: all .4s ease-in-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.bodypopupmenu {
	position:absolute;
	top:50px;
	bottom:0px;
	left:25px;
	right:25px;
}

.popupmenuvoice {
	position:relative;
	width:96%;
	height:47px;
	line-height:47px;
	border-bottom:1px solid #ddf;
	padding-left: 3%;
	font-family: "titillium web", titillium, helvetica, sans-serif;
	text-align;left;
	font-size:16px;
}

.selected1 {
	color:#FF6B01;
	font-weight:bold;
}

.unselected1 {
	color:#333;
	cursor:pointer;
}
.unselected1:hover {
	color:#FF6B01;
}

@media (max-width: 1200px) {
	#footerbox {
		width:100%;
	}
}

@media (max-width: 900px) {
	#intro {
		height:240px;
	}
	.titlecentral {
		padding-top:20px;
	}
	.slogancentral {
		padding-top:10px;
	}
	.logocentral {
		padding-top:15px;
		height:150px;
	}
}

@media (max-width: 740px) {
	#linearmenu {
		display:none;
	}
	#headarea {
		height:60px;
	}
	#logocentral {
		top:60px;
	}
	#sitetitle {
		margin-top:10px;
		margin-bottom:10px;
	}
	#maincontainer {
		top:60px;
	}
	#maincontainer1 {
		top:60px;
	}
	#footerdiv1box1 {
		display:none;
	}
	.menubtn {
		display:block;
	}
}

@media (max-width: 640px) {
	.titleintro {
		font-size:36px;
	}
	.sloganintro {
		font-size:20px;
	}
}

@media (max-width: 540px) {
	#intro {
		height:150px;
	}
	.titleintro {
		top:20%;
	}
	.sloganintro {
		top:50%;;
	}
}

@media (max-width: 480px) {
	#footerdiv1 {
		height:320px;
	}
	#footerdiv11 {
		height:140px;
	}
	#footer1 {
		height:200px;
	}
	#footerbox {
		height:99%;
	}
	#footer {
		height:390px;
	}
	.footerdiv1box {
		height:160px;
	}
	#maincontainer1 {
		bottom:200px;
	}
}


@media (max-width: 440px) {
	#intro {
		height:125px;
	}
	.titleintro {
		font-size:28px;
	}
	.sloganintro {
		font-size:15px;
	}
	.slogancentral {
		font-size:15px;
	}
	.titlecentral {
		font-size:28px;
	}
}

@media (max-width: 375px) {
	#intro {
		height:100px;
	}
	.titleintro {
		top:15%;
	}
}