charset "utf-8";
/* CSS Document */

@font-face{
   font-family: "ZagRegular";
   src: url(../fonts/ZagRegular.otf);
}

@font-face{
   font-family: "AgencyR";
   src: url(../fonts/agencyr.otf);
}

@font-face{
   font-family: "Caviar";
   src: url(../fonts/CaviarDreams.ttf);
}

@font-face{
   font-family: "Bernard";
   src: url(../fonts/BERNHC.TTF);
}

body {
	background-image: url(../images/backWAD.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
	text-align: center;
}

.backQS{
	background-image: url(../images/backQS.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
	text-align: center;
}

.backPO{
	background-image: url(../images/backPO.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
	text-align: center;
}

.backCL{
	background-image: url(../images/backCL.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
	text-align: center;
}

.backPR{
	background-image: url(../images/backPR.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
	text-align: center;
}

.backCO{
	background-image: url(../images/backCO.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
	text-align: center;
}

#centrar {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#centrar2 {
	background-color: rgba(0,0,0,0.25);
	position: absolute;
	height: 50px;
	left: 50%;
	bottom: 5%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#menuItem, #menuItemQS, #menuItemPO, #menuItemCL, #menuItemPR, #menuItemCO {
	display: block;
	color: #FFF;
	height: 50px;
	padding-top: 9px;
	font-family: Caviar, ZagRegular, Helvetica;
	font-size: 22px;
}

#menuItemQS:hover, #menuItemQS:active {
	text-decoration: none;
	background-color: rgba(248,177,51,0.75);
}
#menuItemPO:hover, #menuItemPO:active {
	text-decoration: none;
	background-color: rgba(0,160,153,0.75);
}
#menuItemCL:hover, #menuItemCL:active {
	text-decoration: none;
	background-color: rgba(255,255,255,0.5);
}
#menuItemPR:hover, #menuItemPR:active {
	text-decoration: none;
	background-color: rgba(30,30,30,0.75);
}
#menuItemCO:hover, #menuItemCO:active {
	text-decoration: none;
	background-color: rgba(0,0,0,0.75);
}

#menuQS {
	background-color: rgba(248,177,51,0.95);
	position: fixed;
	height: 100%;
}

#menuQSxs {
	background-color: rgba(248,177,51,0.95);
	height: auto;
}

#menuPO {
	background-color: rgba(0,160,153,0.95);
	position: fixed;
	height: 100%;
}

#menuPOxs {
	background-color: rgba(0,160,153,0.95);
	height: auto;
}

#menuCL {
	background-color: rgba(255,255,255,0.95);
	position: fixed;
	height: 100%;
}

#menuCLxs {
	background-color: rgba(255,255,255,0.95);
	height: auto;
}

#menuPR {
	background-color: rgba(42,41,41,0.95);
	position: fixed;
	height: 100%;
}

#menuPRxs {
	background-color: rgba(42,41,41,0.95);
	height: auto;
}

#menuCO {
	background-color: rgba(0,0,0,0.95);
	position: fixed;
	height: 100%;
}

#menuCOxs {
	background-color: rgba(0,0,0,0.95);
	height: auto;
}

#contQS {
	height: 100%;
	padding: 20px;
}

.menuTxt {
	display: block;
	height: 50px;
	color: #FFF;
	font-family: Caviar;
	font-size: 20px;
	margin-top: 5px;
	padding-top: 10px;
}

.menuTxt1 {
	display: block;
	height: 50px;
	color: #FFF;
	font-family: Caviar;
	font-size: 20px;
	margin-top: 5px;
	padding-top: 10px;
}

.menuTxt:hover, .menuTxt:active, .menuTxtActive:hover {
	text-decoration: none;
	background-image: url(../images/indMenu.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFF;
}

.menuTxt1:hover, .menuTxt1:active, .menuTxt1Active:hover {
	text-decoration: none;
	background-image: url(../images/indMenu1.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFF;
}

.menuTxtActive {
	display: block;
	height: 50px;
	color: #FFF;
	font-family: Caviar;
	font-size: 20px;
	margin-top: 5px;
	padding-top: 10px;
	text-decoration: none;
	background-image: url(../images/indMenu.png);
	background-repeat: no-repeat;
	background-position: right;
}

.menuTxt1Active {
	display: block;
	height: 50px;
	color: #FFF;
	font-family: Caviar;
	font-size: 20px;
	margin-top: 5px;
	padding-top: 10px;
	text-decoration: none;
	background-image: url(../images/indMenu1.png);
	background-repeat: no-repeat;
	background-position: right;
}

#redes {
	position: absolute;
	bottom: 5%;
}

#redesXS {
	margin-top: 20px;
	margin-bottom: 20px;
}

#contBox {
	background-color: rgba(0,0,0,0.15);
	padding: 20px;
	color: #000;
}

#contBox2 {
	background-color: rgba(0,0,0,0.75);
	padding: 20px;
	color: #FFF;
}
#contBox3 {
	background-color: rgba(0,0,0,0.75);
	padding: 20px;
	margin-top: 40px;
	color: #FFF;
	border: 0.1em dashed rgba(255,255,255,0.25);
}

#contBox4 {
	background-color: rgba(0,0,0,0.25);
	padding: 20px;
	color: #000;
	border-top: 0.1em solid #999;
}

#contBoxW {
	background-color: rgba(255,255,255,0.45);
	padding: 20px;
	color: #000;
}


.titulo {
	text-align: center;
	font-family: Bernard;
	color: #000;
	font-size: 36px;
	background-image: url(../images/flechaIzqTit.png), url(../images/flechaDerTit.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	height: 50px;
	width: 270px;
}

.tituloXS {
	text-align: center;
	font-family: Bernard;
	color: #000;
	font-size: 28px;
	background-image: url(../images/flechaIzqTitXS.png), url(../images/flechaDerTitXS.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	height: 40px;
	width: 100%;
	margin: 10px 0 10px 0;
}

.titulo1 {
	text-align: center;
	font-family: Bernard;
	color: #000;
	font-size: 36px;
	background-image: url(../images/flechaIzqTit1.png), url(../images/flechaDerTit1.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	height: 50px;
	width: 320px;
}

.tituloXS1 {
	text-align: center;
	font-family: Bernard;
	color: #000;
	font-size: 28px;
	background-image: url(../images/flechaIzqTitXS1.png), url(../images/flechaDerTitXS1.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	height: 40px;
	width: 100%;
	margin: 10px 0 10px 0;
}

.titulo2 {
	text-align: center;
	font-family: Bernard;
	color: #000;
	font-size: 36px;
	background-image: url(../images/flechaIzqTit.png), url(../images/flechaDerTit.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left, right;
	height: 50px;
	width: 300px;
}

#contBoxInt {
	padding: 10px;
	color: #000;
	font-family: Caviar;
	font-weight: lighter;
	font-size: 20px;
	text-align: justify;
}

.txtQS {
	font-family: Caviar;
	font-size: 19px;
	text-align: justify;
}

#linkCO, #linkCO:hover, #linkCO:active {
	font-family: Caviar;
	font-size: 17px;
	text-align: justify;
	color: rgba(249,178,51,1);
	text-decoration: none;
}

#txtPR {
	font-family: Caviar;
	font-size: 17px;
	text-align: justify;
	color: #FFF;
}

.form-control {
	color: rgba(0,0,0,1) !important;
	background-color: rgba(255,255,255,0.95) !important;
	font-family: Caviar;
	font-size: 20px !important;
	min-height: 60px !important;
}

.form-control:-moz-placeholder {
  color: rgba(0,0,0,1) !important;
}

.form-control::-moz-placeholder {
  color: rgba(0,0,0,1) !important;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: rgba(0,0,0,1) !important;
}

.form-control::-webkit-input-placeholder {
  color: rgba(0,0,0,1) !important;
}

.btn-form {
	background-color: #FFF !important;
	font-family: Caviar;
	font-size: 18px !important;
	padding: 10px 34px 10px 34px !important;
	color: #000;
}