/*Fonts loader*/
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/*ENDS Fonts loader*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;padding:0}
body{font-family:Arial,sans-serif,Helvetica,Roboto,system-ui,-apple-system;color:#002d44}
hr{height:0;color:inherit}
abbr[title]{text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}
::-moz-focus-inner{border-style:none;padding:0}
:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}
legend{padding:0}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
/*! END modern-normalize v1.1.0*/

a{text-decoration:none}

/*enlaces generícos para las noticias*/
#newContent a{display:inline-block;position:relative;text-decoration:none;font-weight:bold;color:#002D44;background-color:transparent;text-decoration:none;}
#newContent a::after{position:absolute;content:"";background-color:#002d44;bottom:-2px;left:0;width:0%;height:1px;transition:0.3s ease all}
#newContent a:hover::after{width:100%}
/**/

a.animatedLink {display:inline-block;position:relative;margin-top:0;color:#002d44;text-decoration:none;font-family:'Arial';font-weight:bold;font-style:normal;}
a.animatedLink::after{position:absolute;content:"";background-color:#002d44;bottom:-2px;left:0;width:0%;height:1px;transition:0.3s ease all}
a.animatedLink:hover::after{width:100%}

a.animatedBoldLink {display:inline-block;position:relative;margin-top:0;color:#002d44;text-decoration:none;font-family:'Arial';font-weight:bold;font-style:normal;}
a.animatedBoldLink::after{position:absolute;content:"";background-color:#002d44;bottom:10px;left:0;width:0%;height:5px;transition:0.3s ease all}
a.animatedBoldLink:hover::after{width:100%}

ul{text-align:left;padding:5px 20px}
li{margin-bottom:10px}
@media screen and (min-width: 768px) {
	ul{text-align:justify;padding:5px 30px}
}

#dowloadWrapper {height:0}
#waitWrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#002d4480;display:none;z-index:9999}

/*sweet alert*/
.swal-overlay{background-color:#00000080}
.swal-modal{background-color:white;border:2px solid #002D44}
.swal-title{margin:0px;font-size:16px;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.21);margin-bottom:28px}
.swal-text{background-color:#fff;padding:17px;border:1px solid #fff;display:block;margin:22px;text-align:left;color:#002D44}
.swal-footer{background-color:rgb(0 45 68 / 16%);margin-top:32px;border-top:1px solid #002D44;overflow:hidden}
.swal-button{padding:7px 19px;border-radius:2px;background-color:#002D44;font-size: 12px;#002D44;text-shadow:0px -1px 0px rgba(0, 0, 0, 0.3)}
.swal-button:not([disabled]):hover{background-color:#fff;color:#002D44}
/*END sweet alert*/

/*Modal image
.modalImage{cursor:pointer}
.modalImageWrapper{display:block;position:fixed;z-index:200;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#002d43);background-color:#002d43dd}
.modalImageContent{margin:auto;display:block;width:80%;max-width: 700px;}
.closeModalImage{position:absolute;top:15px;right:35px;color: #f1f1f1;font-size:40px;font-weight:bold;transition: 0.3s}
.closeModalImage:hover, .closeModalImage:focus{color:#bbb;text-decoration:none;cursor:pointer;}
.modalImageCaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:white;padding:10px 0;height:150px}
@media only screen and (max-width: 700px){.modalImageContent {width:100%}}
END Modal image*/

/*Modal image*/
.modalImageContentWrapper{position:relative;width:95%;margin:0 auto;text-align:center;transition: all .2s ease-in}
.modalImage{cursor:pointer;background-size: 100% 100%;transition: none}
.modalImage:hover{background-size: 100% 100%;transition: none}
.modalImageNoHover{cursor:pointer;background-size: 100% 100%;transition: none}
.modalImageWrapper{display:block;position:fixed;z-index:200;padding-top:2rem;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#455e69bb;backdrop-filter:blur(4px)}
.modalImageContent{width:auto;max-height:80vh;background-color:#fff;border-radius:8px;margin:0 auto}
/*.buttonCloseModalWrapper{position:fixed;top:1rem;right:0.5rem;z-index:1}*/
.buttonCloseModalWrapper{position:sticky;top:1rem;float:right;z-index:1}
.modalImageCaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:white;padding:.625rem 0;height:9.375rem;font-size:1.5rem;}
@media only screen and (max-width: 700px){
	.modalImageContent {width:100%}
}
@media only screen and (min-width: 700px){
	.modalImage{cursor:pointer;background-size: 100% 100%;transition: all .2s ease-in}
	.modalImage:hover{background-size: 110% 110%;transition: all .2s ease-in}
	.modalImageNoHover{cursor:pointer;background-size: 100% 100%;transition: none}
}

.buttonCloseModal{background-color:transparent;border:none;z-index:100;cursor:pointer}
.buttonCloseModal span{display:block;width:2.25rem;height:.125rem;margin-bottom:.5rem;position:relative;background-color:transparent;background-image:url('../images/icons/greyBackground.png');background-repeat:no-repeat;background-size:cover;border-radius:0;transform-origin:.25rem 0;transition:all .2s linear}
.buttonCloseModal span:nth-child(3){width:1.2em}
.buttonCloseModal.close span{opacity:1;transform:rotate(45deg) translate(.125rem,.125rem);background-color:transparent;background-image:url('../images/icons/greyBackground.png');background-repeat:no-repeat;background-size:cover}
.buttonCloseModal.close span:nth-child(2){transform:rotate(-45deg) translate(-.6rem, .5rem)}
.buttonCloseModal.close span:nth-child(3){display:none}

.buttonCloseModalProject{background-color:transparent;border:none;z-index:100;cursor:pointer;position: fixed;top:20px;right:10px;}
.buttonCloseModalProject span{display:block;width:2.25rem;height:.125rem;margin-bottom:.5rem;position:relative;background-color:transparent;background-image:url('../images/icons/whiteBackground.png');background-repeat:no-repeat;background-size:cover;border-radius:0;transform-origin:.25rem 0;transition:all .2s linear}
.buttonCloseModalProject span:nth-child(3){width:1.2em}
.buttonCloseModalProject.close span{opacity:1;transform:rotate(45deg) translate(.125rem,.125rem);background-color:transparent;background-image:url('../images/icons/whiteBackground.png');background-repeat:no-repeat;background-size:cover}
.buttonCloseModalProject.close span:nth-child(2){transform:rotate(-45deg) translate(-.6rem, .5rem)}
.buttonCloseModalProject.close span:nth-child(3){display:none}
/*END Modal image*/

/*Modal carrousel*/
.modalSplideWrapper{display:none;position:fixed;z-index:200;padding-top:4rem;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#455e69bb;backdrop-filter:blur(4px)}

@media (orientation: landscape) {
	.articleImageModalWrapper{display:block;width:40vw;height:40vw;overflow:hidden;margin:0 auto;background-size:contain;position:relative;background-repeat:no-repeat;background-color:#fff;background-position:center;background-size:100% 100%;border-radius:8px;transition: all .2s ease-in}
/*	.modalSplideWrapper > .splide{width:40vw;height:calc(40vw + 30px);padding:0;margin:0 auto;background:none} */
	.modalSplideWrapper > .splide{width:80vw;height:80vh;padding:0;margin:0 auto;background:none}
/*	.projectImageModalWrapper{display:block;width:40vw;height:calc(40vw + 30px);overflow:hidden;margin:0 auto;background-size:contain;position:relative;background-repeat:no-repeat;background-color:transparent;background-position:center;} */
	.projectImageModalWrapper{display:block;width:80vw;height:80vh;overflow:hidden;margin:0 auto;background-size:contain;position:relative;background-repeat:no-repeat;background-color:transparent;background-position:center;}
}
@media (orientation: portrait) {
	.articleImageModalWrapper{display:block;width:40vh;height:40vh;overflow:hidden;margin:0 auto;background-size:contain;position:relative;background-repeat:no-repeat;background-color:#fff;background-position:center;background-size:100% 100%;border-radius:8px;transition: all .2s ease-in}
/*	.modalSplideWrapper > .splide{width:40vh;height:calc(40vh + 30px);padding:0;margin:0 auto;background:none}
	.projectImageModalWrapper{display:block;width:40vh;height:calc(40vh + 30px);overflow:hidden;margin:0 auto;background-size:contain;position:relative;background-repeat:no-repeat;background-color:transparent;background-position:center;} */
	.modalSplideWrapper > .splide{width:80vw;height:80vh;padding:0;margin:0 auto;background:none}
	.projectImageModalWrapper{display:block;width:80vw;height:80vh);overflow:hidden;margin:0 auto;background-size:contain;position:relative;background-repeat:no-repeat;background-color:transparent;background-position:center;}
}

.articleImageModalWrapper:hover{background-size:110% 110%;transition: all .2s ease-in}
.launchModalSplide{cursor:pointer}
.modalSplideWrapper .buttonCloseModal span{display:block;width:2.25rem;height:.125rem;margin-bottom:.5rem;position:relative;background-color:transparent;background-image:url('../images/icons/whiteBackground.png');background-repeat:no-repeat;background-size:cover;border-radius:0;transform-origin:.25rem 0;transition:all .2s linear}
.modalSplideWrapper .buttonCloseModal span:nth-child(3){width:1.2em}
.modalSplideWrapper .buttonCloseModal.close span{opacity:1;transform:rotate(45deg) translate(.125rem,.125rem);background-color:transparent;background-image:url('../images/icons/whiteBackground.png');background-repeat:no-repeat;background-size:cover}
.modalSplideWrapper .buttonCloseModal.close span:nth-child(2){transform:rotate(-45deg) translate(-.6rem, .5rem)}
.modalSplideWrapper .buttonCloseModal.close span:nth-child(3){display:none}
/*END Modal carrousel*/


/*Navigation menu*/
#menuWrapper{margin:0;padding:0;font-family:'Arial';font-weight:bold;font-style: normal;font-size:18px;width:100%;line-height:36px}
.menuWrapperMove{position:fixed;z-index:200;animation-name:showMenu;animation-duration:1s;width:100%}
@keyframes showMenu{from {top:-40px} to {top:0}}
.mainHeaderMenu{display:flex;justify-content:space-between;align-items:center;/*background-color:transparent;*/background-color:#002D44;padding:0 0.4rem}
.mainLogoMenu{color:black;font-size:32px;text-decoration:none}
.mainLogoMenu img{max-height:80px;margin-top:5px;position:relative; z-index:1}
.mainNavMenu{position:fixed;top:0;left:0;height:100vh;width:100%;margin-left:-100%;transition:all .2s linear;background-color:#00000080;z-index:100}
.mainNavMenu.show{margin-left:0}
.navLinksMenu{background-color:rgb(250,250,250);display:flex;flex-direction:column;width:70%;height:100%;align-items:center;justify-content:flex-start}
.linkItemMenu{margin-top:2rem;color:#002D44;text-decoration:none;font-weight:bold;position:relative}
.linkItemMenuActive{margin-top:2rem;padding:5px;color:#002D44;background-color:white;text-decoration:underline;text-decoration-thickness: 3px;font-weight:bold;position:relative}
.linkItemMenu::after{position:absolute;content:"";background-color:#002D44;bottom:-5px;left:0;width:0%;height:3px;transition:0.3s ease all}
.linkItemMenu:hover::after{width:100%}
.buttonMenu{background-color:transparent;border:none;z-index:100;cursor:pointer}
.buttonMenu span{display:block;width:37px;height:4px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;transform-origin:4px 0px;transition:all .2s linear}
.buttonMenu.close span{opacity:1;transform:rotate(45deg) translate(0px, -2px);background: #fff}
.buttonMenu.close span:nth-child(2){transform:rotate(-45deg) translate(-8px, 5px)}
.buttonMenu.close span:nth-child(3){display:none}
#wrapperLanguage{display:none;position:fixed;left:150px;right:unset;top:370px;border:1px solid black;background-color:#fff;width:auto;z-index:100;padding:5px 10px 20px 20px}
#wrapperLanguage ul{list-style-type:none}
#wrapperLanguage ul li{cursor:pointer; color:#444444;text-decoration:none;font-weight:bold}
.flagMenu{width:30px;height:20px;margin-right:3px}
.onlyNarrow{display:inline}
.closeMenu{float:right;cursor:pointer}
@media screen and (min-width:1200px) {
  .buttonMenu{display:none}
  .mainNavMenu{position:static;margin-left:0;height:100%;background-color:transparent}
  .navLinksMenu{width: 100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;background:transparent}
  .linkItemMenu{display:inline-block;margin-top:0;margin-right:2rem;color:#fff}
  .linkItemMenu::after{position:absolute;content:"";background-color:#fff;bottom:-2px;left:0;width:0%;height:3px;transition:0.3s ease all}
  .linkItemMenuActive{margin-right:2rem;margin-top:0;padding:5px;color:#002D44;background-color:white;text-decoration:none;font-weight:bold;position:relative}
  .onlyNarrow{display:none}
  #wrapperLanguage{right:10px;left:unset;top:2px}
}
/*END Navigation menu*/


@media screen and (max-width: 800px) { /*telefonos*/
	/*NO FUNCIONA EN INTERNET EXPLORER*/
		table.responsiveTable, 
		table.responsiveTable thead, 
		table.responsiveTable tbody, 
		table.responsiveTable th, 
		table.responsiveTable td, 
		table.responsiveTable tr, 
		table.responsiveTable caption, 
		table.responsiveTable tfoot, 
		table.responsiveTable col, 
		table.responsiveTable colgroup { width: auto !important; display: block; border-radius: 0 !important;}
		table.responsiveTable thead tr { position: absolute; top: -9999px; left: -9999px; }
		table.responsiveTable caption, table.responsiveTable tfoot {text-align: center; }
		table.responsiveTable tr { border: 1px solid #002d44; }
		table.responsiveTable td { border: none; border-bottom: 1px solid #eee; position: relative;padding-left: 40% !important ; white-space: normal;text-align:left !important;min-height: 2.5em;}
		table.responsiveTable td::before { position: absolute;top: .4em; left: .4em;width: 45%; padding-right: .625em; white-space: normal; text-align:left; font-weight: bold;}
		table.responsiveTable td::before { content: attr(data-title); display: block; }


		table.responsiveTable td.limit10 { max-width: 100%; text-overflow:ellipsis; white-space:normal; overflow:hidden; }
		table.responsiveTable td.limit10:hover {width: auto; white-space: initial; overflow:visible; }
}


/*Page foot*/
.rowFoot{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;max-width:100%;margin:auto;}
.colFoot1{flex-basis:100%;padding:20px;text-align: center}
.colFoot2{flex-basis:100%;padding:20px;text-align: center}
.colFoot3{flex-basis:100%;padding:20px;text-align: center}
.colFoot4{flex-basis:100%;padding:20px;text-align: center}
.colFoot5{flex-basis:100%;padding:20px;text-align: center}
.footTitle{font-family:'Arial';font-weight:bold;font-style:normal;font-size:25px;line-height:35px}
.footTitleMargin{font-family:'Arial';font-weight:bold;font-style:normal;font-size:25px;line-height:35px;margin-bottom:15px}
.footText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:15px;line-height:20px}
.footIcon{font-size:35px;line-height:35px;margin:15px 0 5px 0}
.footCopyright{width:100%;background-color:white;color:#002d44;font-size:14px;line-height:20px;padding:5px;text-align: center;}
.footLink{display:inline-block;position:relative;margin-top:0;color:white;text-decoration:none;font-family:'Arial';font-weight:normal;font-style:normal;font-size:15px;line-height:25px}
.footLink::after{position:absolute;content:"";background-color:#fff;bottom:-2px;left:0;width:0%;height:1px;transition:0.3s ease all}
.footLink:hover::after{width:100%}
.centerTel{text-align:center}
@media screen and (min-width: 768px) {
	.rowFoot{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:90%;margin:auto;}
	.centerTel{text-align:left}
	.colFoot1{flex-basis:33.3%;padding:20px;text-align: left}
	.colFoot2{flex-basis:33.3%;padding:20px;text-align: left}
	.colFoot3{flex-basis:33.3%;padding:20px;text-align: left}
	.colFoot4{flex-basis:50%;padding:20px;text-align: left}
	.colFoot5{flex-basis:50%;padding:20px;text-align: left}
}
@media screen and (min-width: 1200px) {
	.rowFoot{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:85%;margin:auto;}
	.centerTel{text-align:left}
	.colFoot1{flex-basis:20%;padding:20px;text-align: left}
	.colFoot2{flex-basis:20%;padding:20px;text-align: left}
	.colFoot3{flex-basis:20%;padding:20px;text-align: left}
	.colFoot4{flex-basis:20%;padding:20px;text-align: left}
	.colFoot5{flex-basis:20%;padding:20px;text-align: left}
}
/*END Page foot*/

/*Carrousel*/
.carrouselWrapper{width:100vw;text-aLign:center;display:flex;align-items:center;height:80vw}
.colFlexLeft{flex-basis:0%;overflow:hidden;padding:0;background-color:#33ccff;line-height:0}
.colFlexRight{flex-basis:0%;overflow:hidden;padding:0;background-color:#33ccff;line-height:0}
.colFlexOut{flex-basis:0%;padding:0;background-color:#33ccff;line-height:0}
.colFlexCenter{flex-basis:100vw;padding:0;position:relative;}
.colFlexLeft img{width:150%;height:auto;filter: opacity(.5);animation-name:superGrowImage;animation-duration:.5s}
.colFlexRight img{width:150%;height:auto;position:relative;filter: opacity(.5);left:-50%;animation-name:superGrowImage;animation-duration:.5s}
.colFlexOut img{width:0%;height:0%}
.colFlexCenter img{width:100%;height:auto;cursor:pointer;}
.growFromRight{animation-name:growImageRight;animation-duration:.5s}
.growFromLeft{animation-name:growImageLeft;animation-duration:.5s}
.leftButtomCorrousel{position:absolute;left:5px;top:50%;font-size:40px;color:#444;text-shadow:1px 3px white;cursor:pointer;background-color:#ffffff80;height:50px;width:50px;border-radius:25px;padding-top:2px}
.rightButtomCorrousel{position:absolute;right:5px;top:50%;font-size:40px;color:#444;text-shadow:1px 3px white;cursor:pointer;background-color:#ffffff80;height:50px;width:50px;border-radius:25px;padding-top:2px;z-index: 1001}
.leftButtomCorrousel:hover{color:white;text-shadow:1px 3px #444;background-color:#00000080}
.rightButtomCorrousel:hover{color:white;text-shadow:1px 3px #444;background-color:#00000080}
.stopCarrousel{cursor:pointer;background-color:#ffffff80;position:absolute;left:calc(50% - 25px);bottom:5px;text-shadow:1px 3px white;color:#444;font-size:40px;height:50px;width:50px;border-radius:25px;padding-top:4px}
.playCarrousel{cursor:pointer;background-color:#ffffff80;position:absolute;left:calc(50% - 25px);bottom:5px;text-shadow:1px 3px white;color:#444;font-size:40px;height:50px;width:50px;border-radius:25px;padding-top:4px}
.stopCarrousel:hover{color:white;text-shadow:1px 3px #444;background-color:#00000080}
.playCarrousel:hover{color:white;text-shadow:1px 3px #444;background-color:#00000080}
@keyframes growImageRight{from {width:50%;position:relative;left:75%}	to {width: 100%;position:relative;left:0%}}
@keyframes growImageLeft {from {width:50%;position:relative;left:-75%} to {width: 100%;position:relative;left:0%}}
@keyframes superGrowImage {from {width:100%} to {width:150%}}
@media screen and (min-width:768px) {
	.carrouselWrapper{width:100%;text-aLign:center;display:flex;align-items:center;height:42vw;margin: 0 auto;margin-top:50px;margin-bottom:50px}
	.colFlexLeft{flex-basis:13%;overflow:hidden;padding:0;background-color:#33ccff;line-height:0}
	.colFlexRight{flex-basis:13%;overflow:hidden;padding:0;background-color:#33ccff;line-height:0}5%
	.colFlexOut{flex-basis:0%;padding:0;background-color:#33ccff;line-height:0}
	.colFlexCenter{flex-basis:74%;padding:0;position:relative}
	.leftButtomCorrousel{position:absolute;left:-55px;top:50%;font-size:40px;color:#444;text-shadow:1px 3px white;cursor:pointer;background-color:#ffffff80;height:50px;width:50px;border-radius:25px;padding-top:2px}
	.rightButtomCorrousel{position:absolute;right:-55px;top:50%;font-size:40px;color:#444;text-shadow:1px 3px white;cursor:pointer;background-color:#ffffff80;height:50px;width:50px;border-radius:25px;padding-top:2px;z-index: 1001}
}
/*END Carrousel*/


/*New Carrousel MAIN PAGE*/
#carrouselWrapperMain { display: none; }
#carrouselWrapperPhone { display: block; position:relative; top: -92px}
.bannerContent{display:block;width:100vw; height:100vh;overflow:hidden;margin:0 auto;background-size:cover;position:relative;background-repeat:no-repeat;background-color:#fff;background-position:center}

@media screen and (min-width:768px) {
	#carrouselWrapperMain { display: block; position:relative; top: -92px}
	#carrouselWrapperPhone { display: none;  }
}
/*END New Carrousel MAIN PAGE*/

/*style for pagination*/
#pagination{margin:10px auto}
#pagination p.actualPage{display:inline-block;line-height:1.2em;background:transparent;color:#002d44;margin:.2em;padding:.2em;cursor:default}
#pagination p.pageButton{display:inline-block;line-height:1.2em;background:#002d44;color:white;margin:.2em;padding:.2em;border:1px solid #002d44;border-radius:.3em;cursor:pointer;transition:0.3s ease all}
#pagination p.pageButton:hover{background:white;color:#002d44;transform:scale(1.3)}
/*END style for pagination*/


#pageWrapper{text-align:center;background-color:white;display:flex;align-items:center;padding-bottom:30px}
#mainWrapper{flex-basis:100%;max-width:100%}
#footerWrapper{width:100%;background-color:#002d44;color:white;text-align:left}
#mainWrapperPadd{flex-basis:100%;padding:10px;max-width:1200px;text-align:center;margin: 0 auto}
#innerWrapperPadd{max-width:1200px}

.colFlex1col{flex-basis:100%;padding:20px}
.colFlex2col{flex:1}
.colFlex3col{flex:1}
.colFlex4col{flex:1}
.colFlexMitad{width:100%}

.rowFlex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}

@media screen and (min-width: 768px) {
	.colFlex2col{flex-basis:50%;padding:20px}
	.colFlex3col{flex-basis:33.33%;padding:20px}
	.colFlex4col{flex-basis:25%;padding:20px}
	.colFlexMitad{width:50%;padding:20px}
}

.bigText{font-family:'Lora';font-weight:normal;font-style:normal;font-size:30px;color:#002D44;line-height:45px}
.bigTitle{font-family:'Oswald';font-weight:bold;font-style:normal;font-size:50px;color:#002D44;font-stretch:condensed;line-height:70px}
.bigTitleLeft{font-family:'Oswald';font-weight:bold;font-style:normal;font-size:50px;color:#002D44;font-stretch:condensed;line-height:70px;text-align:left}
.mediumTitleLeft{font-family:'Oswald';font-weight:bold;font-style:normal;font-size:30px;color:#002D44;font-stretch:condensed;line-height:50px;text-align:left;margin-top: 25px}
.mediumText{font-family:'Lora';font-weight:normal;font-style:normal;font-size:20px;line-height:60px;color:#002D44;}
.mediumText2{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;line-height:20px;color:#002D44;}
.mediumText2Left{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;line-height:20px;color:#002D44;text-align:left;}
.mediumText22{font-family:'Arial';font-weight:normal;font-style:normal;font-size:17px;line-height:18px;color:#002D44;}
.mediumText3{font-family:'Lora';font-weight:normal;font-style:normal;font-size:20px;line-height:25px;color:#002D44;}
.blockText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:12px;line-height:15px;color:#002D44;text-align:left;padding:10px 10px 10px 20px;margin-bottom:20px;width:fit-content}
.halfCenter{max-width:90%;margin:10px auto;}
.titleColLeft{font-family:'Arial';font-weight:bold;font-style:normal;font-size:20px;line-height:22px;color:#002D44;text-align:center;color:#002D44;margin-bottom:20px}
.titleColRight{font-family:'Arial';font-weight:bold;font-style:normal;font-size:20px;line-height:22px;color:#002D44;text-align:center;color:#002D44;margin-bottom:20px}
.imgColLeft{width:80%;float:none;margin-bottom:20px}
.imgColRight{width:80%;float:none;margin-bottom:20px}
.textCol{font-family:'Arial';font-weight:normal;font-style:normal;font-size:16px;line-height:24px;color:#002D44;text-align:justify;margin-bottom:24px}
@media screen and (min-width: 768px) {
	.bigText{font-family:'Lora';font-weight:normal;font-style:normal;font-size:40px;color:#002D44;line-height:60px}
	.bigTitle{font-family:'Oswald';font-weight:bold;font-style:normal;font-size:40px;color:#002D44;font-stretch:condensed;line-height:90px}
	.bigTitleLeft{font-family:'Oswald';font-weight:bold;font-style:normal;font-size:60px;color:#002D44;font-stretch:condensed;line-height:90px;text-align:left}
	.mediumTitleLeft{font-family:'Oswald';font-weight:bold;font-style:normal;font-size:30px;color:#002D44;font-stretch:condensed;line-height:50px;text-align:left;margin-top: 25px}
	.mediumText{font-family:'Lora';font-weight:normal;font-style:normal;font-size:30px;color:#002D44;line-height:60px}
	.mediumText2{font-family:'Arial';font-weight:normal;font-style:normal;font-size:20px;line-height:30px;color:#002D44;}
	.mediumText2Left{font-family:'Arial';font-weight:normal;font-style:normal;font-size:20px;line-height:30px;color:#002D44;text-align:left;margin-bottom:25px}
	.mediumText22{font-family:'Arial';font-weight:normal;font-style:normal;font-size:17px;line-height:20px;color:#002D44;}
	.mediumText3{font-family:'Lora';font-weight:normal;font-style:normal;font-size:30px;line-height:45px;color:#002D44;}
	.blockText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:15px;line-height:20px;color:#002D44}
	.halfCenter{max-width:40%;margin:auto;}
	.maxCenter{max-width:90%;margin:auto;}
	.center_3_4{max-width:70%;margin:auto;}
	.titleColLeft{font-family:'Arial';font-weight:bold;font-style:normal;font-size:22px;line-height:30px;color:#002D44;text-align:right;max-width:70%;float:right;color:#002D44;}
	.titleColRight{font-family:'Arial';font-weight:bold;font-style:normal;font-size:22px;line-height:30px;color:#002D44;text-align:left;max-width:70%;float:left;color:#002D44;}
	.imgColLeft{width:90%;float:right}
	.imgColRight{width:90%;float:left}
	.textCol{font-family:'Arial';font-weight:normal;font-style:normal;font-size:16px;line-height:24px;color:#002D44;text-align:left;margin-bottom:24px}
	
}

#breadCrumbWrapper{margin-left:10vw;margin-right:10vw;text-align:left;}
.breadCrumb{font-family:'Oswald' !important;font-weight:bold !important;font-style:normal !important;font-size:30px;color:#002D44;font-stretch:condensed;line-height:60px;white-space: nowrap;display:inline-block}
.breadCrumbSeparator{clear:left;margin-right:5px;font-size:30px;line-height:60px !important;display:inline-block}
/*
@media screen and (min-width: 768px) {
	.breadCrumb{}
	.breadCrumbSeparator{clear:none;margin-left:5px;margin-right:5px;float:left;margin:0 5px}
}
/*

.mediumImage{width: 95%;height:auto}
@media screen and (min-width: 768px) {
	.mediumImage{width: 50%;height:auto;margin:20px 0}
}

/*.sectionImage{height:200px;width:200px;transition:transform 1s}
.sectionImage:hover{transform: scale(.8)}*/
.sectionImageWrapper{display:block;height:200px;width:200px;border-radius:50%;overflow:hidden;margin:0 auto;background-size:contain;position:relative;transition:transform 1s;background-repeat:no-repeat;background-color:#fff;background-position:center}
.sectionImageWrapper:hover{box-shadow: inset 0 0 0 1000px #002d44;transform: scale(1.1);transition: all 1s}
.sectionName{color:transparent;position:relative;top:40%;font-size:20px;text-transform: uppercase}
.sectionImageWrapper:hover .sectionName{color:white;max-width:90%;margin:0 auto;transition: all 1s}
.sectionEnviroment{height:500px;width:auto;transition:transform 1s}
.sectionEnviroment:hover{transform: scale(1.3)}
.sectionEnviromentWrapper{height:500px;width:357px;overflow:hidden;margin:0 auto}
.articleImageWrapper{display:block;height:300px;width:300px;overflow:hidden;margin:0 auto;background-size:contain;position:relative;border:3px solid #002d44;background-repeat:no-repeat;background-color:#fff;background-position:center}
.articleAuxiliarWrapper{display:block;height:300px;width:300px;overflow:hidden;margin:0 auto;background-size:contain;position:relative;background-repeat:no-repeat;background-color:#fff;background-position:center}
.h380{height:380px}
.h580{height:580px}
.h300{height:300px}
.internalLink{display:block;margin-top:0;color:#002D44;text-decoration:none;transition:transform 1s;font-family:'Arial';font-weight:normal;font-style:italic;font-size:18px;line-height:25px;margin-top:10px}
.internalLink:hover{text-decoration:underline;transform:scale(1.1)}

.internalLinkLight{display:block;margin-top:0;color:#002D44;text-decoration:none;transition:transform 1s;font-family:'Arial';font-weight:normal;font-style:italic;font-size:15px;line-height:20px;margin-top:10px}
.internalLinkLight:hover{text-decoration:underline;transform:scale(1.1)}

.applicationImage{width:80vw;height:121.61vw}
.newImage{width:70vw;height:auto}
.applicationTextWrapper{width:80vw;height:121.61vw;color:white;position:relative;top:-10px}
.applicationTextWrapperJust{width:80vw;height:121.61vw;color:white;position:relative;top:0}
.flexOpened{flex-basis:80vw;opacity:1;transition: opacity 1s}
.applicationWrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:30px;}
.applicationWrapperJust{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0;height:auto}
.flexClosed{flex-basis:0;width:0;overflow:hidden;opacity:0;transition: opacity 0.1s}
.applicationImageWrapper{position:relative;}
.applicationTitle{position:relative;bottom:43px;width:100%;background-color:#002d4490;font-size: 30px;line-height:40px;font-style:italic;color:white;border-left:1px solid #002d44;border-right:1px solid #002d44;display:block;text-decoration:none}
.applicationTextContent{padding:15px;position:relative}
.applicationTextContentJust{padding:15px;position:relative;display:table;height:415px}
.applicationText{font-family:'Lora';font-weight:normal;font-style:normal;font-size:18px;color:white;line-height:22px}
.applicationTextJust{font-family:'Lora';font-weight:normal;font-style:normal;font-size:18px;color:white;line-height:22px;display:table-cell;vertical-align:middle}
.applicactionButtom{font-family:'Lora';font-weight:normal;font-style:normal;font-size:18px;color:#002d44;line-height:22px;background-color:white;padding:2px;border-radius:11px;width:80%;margin:20px auto 0 auto;cursor:pointer}

.sombreadoInterior{box-shadow: inset 0 0 0 1000px #002d44aa;}

.wrapperProyect{border:4px solid #002d44; /*border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;*/ margin-bottom:1rem;}
#wrapperProjects {display:flex;flex-wrap: wrap;justify-content:space-around;max-width:1400px;margin:0 auto;}
.containerProject{width:400px;height:330px;margin:0 auto;}
.splideProject{width:400px;height:330px;margin:0 auto;/*padding:0 50px 30px 50px*/}
.projectImageWrapper{display:block;height:300px;width:300px;overflow:hidden;margin:0 auto;background-size:contain;position:relative;border:none;background-repeat:no-repeat;background-color:#fff;background-position:center}
.internalLinkSeries{display:inline-block;color:#002D44;text-decoration:none;transition:transform 1s;font-family:'Arial';font-weight:normal;font-style:italic;font-size:18px;line-height:25px;margin-top:10px;margin-bottom:1rem}
.internalLinkSeries:hover{text-decoration:underline;transform:scale(1.1)}
.titleProject{font-family:'Arial';font-weight:800;font-style:normal;font-size:25px;line-height:30px}
.textProject{font-family:'Arial';font-weight:500;font-style:normal;font-size:20px;line-height:22px;margin:0 auto;}
.linkSerieProject{display:inline-block;vertical-align:middle;line-height:1.6rem;position:relative;/*bottom:0.6rem*/;color:#0d2240;margin:0 auto;}
.linkSerieProject::after{position:absolute;content:"";background-color:#002d44;bottom:4px;left:0;width:0%;height:1px;transition:0.3s ease all}
.linkSerieProject:hover::after{width:100%}
.linkSerieSeparator{margin:0 0.3rem;font-weight:400;}
.locationProjectButton{margin-right:0.5rem;width:1.6rem;height:1.6rem;background-size:contain;background-position:center center;border:none;background-color:transparent;background-repeat:no-repeat;background-image:url('/images/proyectos_zona3.svg')}
.seriesProjectButton{margin-right:0.5rem;width:1.6rem;height:1.6rem;background-size:contain;background-position:center center;border:none;background-color:transparent;background-repeat:no-repeat;background-image:url('/images/proyectos_serie3.svg')}

.linkSerieSeparator{color:black;font-family:'Arial';font-weight:600;font-size:22px;margin:0 5px;}
@media screen and (min-width: 768px) {
	.containerProject{width:600px;height:650px;margin:0 auto;}
	.splideProject{width:400px;height:350px;margin:0 auto;/*padding:0 50px 30px 50px*/}
	.projectImageWrapper{display:block;height:350px;width:400px;overflow:hidden;margin:0 auto;background-size:cover;position:relative;border:none;background-repeat:no-repeat;background-color:#fff;background-position:center}
}


table.headArticle {text-align:left;border:none;color:white;border-collapse:separate;border-spacing:0 8px;margin:10px auto;}
table.headArticle tr:nth-child(odd){background-color:#002d44;}
table.headArticle tr:nth-child(even){background-color:#568299}
table.headArticle td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;padding:8px 65px 8px 15px}
table.headArticle td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding:8px 35px 8px 15px}
@media screen and (min-width: 768px) {
	table.headArticle {margin:0}
}

table.dataArticle {text-align:left;border:none;color:white;border-collapse:separate;border-spacing:0 8px;margin:10px auto;}
table.dataArticle tr:nth-child(odd){background-color:#568299;}
table.dataArticle tr:nth-child(even){background-color:#def4ff;color:#002d44}
table.dataArticle td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;padding:8px 65px 8px 15px}
table.dataArticle td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding:8px 35px 8px 15px}

@media screen and (min-width: 819px) {
	.applicationWrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-top:30px;}
	.applicationWrapperJust{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin:0;height:415px}
	.applicationImage{width:273px;height:415px}
	.newImage{width:100%;height:auto}
	.applicationTextWrapper{width:273px;height:435px;color:white;position:relative;top:-10px}
	.applicationTextWrapperJust{width:273px;height:415px;color:white;position:relative;top:0}
	.flexOpened{flex-basis:273px;opacity:1;transition: opacity 1s}
	.flexClosed{flex-basis:0;width:0;overflow:hidden;opacity:0;transition: opacity 0.1s}
}

.paragraph{text-align:left;margin:10px}
@media screen and (min-width: 819px) {
	.paragraph{max-width:1200px;margin:10px auto;text-align:justify;}
}

.wrapperMedals{margin-top:40px}
.iconMedal{width:40px;height:40px;margin-right:5px;float:left;}
.iconMedal2{width:80px;height:40px;margin-right:5px;float:left;}
.iconMedal3{width:66px;height:40px;margin-right:5px;float:left;}


/* for news*/
.newWrapper{position:relative;width:80vw;height:80vw;display:inline-block;background-size:cover;flex:1;transition: background-image 1s;margin-bottom:15px;border-radius:30px;border:25px solid #002d44;border-bottom:50px solid #002d44;background-position:center}
.newWrapper{flex-basis:50%;padding:0}
.newText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;color:white;line-height:22px;position:absolute;top:0;left:0;padding:20px;display:none;max-height: calc(49.44vw - 75px);overflow: hidden;}
.newButton{position:absolute;bottom:-40px;left:25%;font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;color:#002d44;line-height:22px;background-color:white;padding:2px;border-radius:11px;width:50%;cursor:pointer;display:none}
.newTitle{position:absolute;bottom:-45px;left:0;width:100%;background-color:#002d44;font-size: 30px;line-height:40px;font-style:normal;color:white;border-bottom-left-radius:30px;border-bottom-right-radius:30px;text-decoration:none}
.velumWrapper{background-color:#002d4490;position:relative;top:0;left:0;display:none;width:100%;height:100%}

.buttonNews{margin:40px;background-color:#002d44;color:white;height:34px;border-radius:17px;font-family:'Arial';font-size:18px;padding:8px 15px;cursor:pointer;text-decoration:none;border:none;transition:transform 1s}
.buttonNews:hover{text-decoration:underline;transform: scale(1.1);}
.buttonNews:hover::after{width:0}

.promotionWrapper{position:relative;width:80vw;height:80vw;display:inline-block;background-size:cover;flex:1;transition: background-image 1s;margin-bottom:15px;border-radius:0px;border:0px;border-bottom:50px solid #002d44;background-position:center}
.promotionWrapper{flex-basis:50%;padding:0}
.promotionText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:25px;color:white;line-height:30px;position:absolute;top:0;left:0;padding:20px;display:none;max-height: calc(49.44vw - 75px);overflow: hidden;}


@media screen and (min-width: 1250px) {
	.newWrapper{position:relative;width:30vw;height:18.54vw;display:inline-block;padding:0!important;background-size:cover;flex-basis:40%;margin:1vw;flex-grow:revert;border-radius:30px;border:25px solid #002d44;border-bottom:50px solid #002d44;background-position:center}
	.rowFlexNews{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}

	.promotionWrapper{position:relative;height:30vw;display:inline-block;padding:0!important;background-size:cover;flex-basis:30%;margin:1vw;flex-grow:revert;border-radius:0px;border:0px;border-bottom:50px solid #002d44;background-position:center}
}

	/*page NEWS*/
	.newsPageNews{display:flex;flex-wrap:wrap;justify-content:center;}
	.newsWrapper{position:relative;width:90vw;height:55.62vw;background-size:cover;margin:1vw;border-radius:30px;border:25px solid #002d44;border-bottom:50px solid #002d44}
	.newsText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;color:white;line-height:22px;position:absolute;top:0;left:0;padding:20px;display:none;max-height: calc(52.62vw - 75px);overflow: hidden;}
	@media screen and (min-width: 1000px) {
		.newsWrapper{position:relative;width:40vw;height:24.72vw;background-size:cover;margin:1vw;border-radius:30px;border:25px solid #002d44;border-bottom:50px solid #002d44}
		.newsText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;color:white;line-height:22px;position:absolute;top:0;left:0;padding:20px;display:none;max-height: calc(24.722vw - 75px);overflow: hidden;}
	}
	@media screen and (min-width: 1600px) {
		.newsWrapper{position:relative;width:30vw;height:18.54vw;background-size:cover;margin:1vw;border-radius:30px;border:25px solid #002d44;border-bottom:50px solid #002d44}
		.newsText{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;color:white;line-height:22px;position:absolute;top:0;left:0;padding:20px;display:none;max-height: calc(18.54vw - 75px);overflow: hidden;}
	}
	/*END page NEWS*/

/*END for News*/


/* for DOWNLOADS */
.downloadWrapper{position:relative;float:left;width:90vw;height:127.28vw;display:block;background-size:cover;margin: 5px 10px 10px 15px;border-radius:30px;border: 10px solid #002d44}
.downloadTitle{position:absolute;bottom:-10px;left:0;width:100%;background-color:#002d44;font-size: 30px;line-height:40px;font-style:normal;color:white;border-bottom-left-radius:30px;border-bottom-right-radius:30px;text-decoration:none;padding:5px}
.bigTitleDownload{font-family:'Oswald';font-weight:bold;font-style:normal;font-size:40px;color:#002D44;font-stretch:condensed;line-height:90px;margin-top:50px;}

.downloadBlock{display:flex;flex-wrap:wrap;justify-content:center;}

@media screen and (min-width: 768px) {
	.downloadWrapper{position:relative;float:left;width:18vw;height:25.46vw;display:block;background-size:cover;margin: 5px 10px 10px 15px;border-radius:30px;border: 10px solid #002d44}
	.downloadTitle{position:absolute;bottom:-10px;left:0;width:100%;background-color:#002d44;font-size:20px;line-height:25px;font-style:normal;color:white;border-bottom-left-radius:30px;border-bottom-right-radius:30px;text-decoration:none;padding:5px}
	.bigTitleDownload{ clear:left;font-family:'Oswald';font-weight:bold;font-style:normal;font-size:40px;color:#002D44;font-stretch:condensed;line-height:70px;margin-top:50px;}
}

/* END for DOWNLOADS */

/*FOR CONTACT PAGE*/
.rowContacts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:40px}
.colTelephones{flex-basis:100%}
.colTelephones img {width:80px;height:80px;vertical-align:middle;margin-bottom:20px}
.colDirection{flex-basis:100%;font-size:15px;font-family:'Arial';padding-bottom:40px}
.colDirection img{width:50%;margin-top:15px;border: 1px solid #002d44}
.colDirection h3{font-weight:bold}
.contactLink{color:#002D44;text-decoration:none;transition:all 1s;font-family:'Arial';font-weight:bold;font-style:normal;font-size:20px;line-height:25px;padding-bottom:40px}
.contactLink:hover{text-decoration:underline;font-size:25px}
.buttonContact{margin-bottom: 10px}
#privacytPolicy{display:none;height:100vh;overflow-y:auto;width:100%;position:fixed;top:0;left:0;background-color:white;padding:5px;z-index:2000}
#phone{position:relative;top:-1000px;left:-1000px}
.alignCenter{position:relative;top:-1000px;left:-1000px;height:0;padding:0}


@media screen and (min-width: 768px) {
  .colTelephones{flex-basis:50%;}
  .colDirection{flex-basis:33.3%;}
  #privacytPolicy{display:none;height:80%;overflow-y:auto;margin:0 auto;width:80%;max-width:1200px;position:fixed;top:10%;left:10%;background-color:white;border:1px solid #002d44;padding:10px;}
}

/*END FOR CONTACT PAGE*/



.cookiesTable{width:100%;border:1px solid #002d44;margin:10px auto;border-collapse:collapse}
.cookiesTable th{background-color:#002d44;color:white;font-weight:bold}
.cookiesTable td{border:1px solid #002d44}


.oddContainer{background-image:url("/images/oddContainerBottom.png"); background-position:center bottom;background-repeat:no-repeat;background-size:contain;min-height:200px;padding-bottom:60px;padding-top:20px}
.evenContainer{background-color: #E5EAEC;background-image:url("/images/evenContainerBottom.png"); background-position:center bottom;background-repeat:no-repeat;background-size:contain;min-height:200px;padding-bottom:100px}
.colorContainer{background-color: #E5EAEC;min-height:200px;padding-bottom:100px;margin-left:0;margin-right:0;padding-top:20px;clear:both}
@media screen and (min-width: 768px) {
	.colorContainer{background-color: #E5EAEC;min-height:200px;padding-bottom:100px;margin-left:10vw;margin-right:10vw;padding-top:20px;clear:both}
}
.noneContainer{padding-bottom:100px};
.haflCenter{max-width:90%;margin:auto;}


.inputContact{border:2px solid #002d44;height:50px;border-radius:25px;padding:8px;font-family:'Arial';font-size:25px;width:30vw;color:#3D8AB4;-webkit-appearance: none}
::placeholder{color: #3D8AB4}
.inputContact:focus{background-color:#3D8AB4;color:#002d44}
.buttonContact{background-color:#002d44;color:white;height:50px;border-radius:25px;font-family:'Arial';font-size:25px;padding:8px 15px;cursor:pointer;text-decoration:none;border:none;transition:transform 1s}
.buttonContact:hover{text-decoration:underline;transform: scale(1.2)}

.buttonLight{background-color:#002d44;color:white;height:30px;border-radius:15px;font-family:'Arial';font-size:13px;padding:4px 7px;cursor:pointer;text-decoration:none;border:none;transition:transform 1s;margin: 2px 15px 25px 15px;}
.buttonLight:hover{text-decoration:underline;transform: scale(1.1)}
.buttonLight:disabled{opacity:0.7;background:#b5b5b5;cursor:not-allowed}

.buttonArticle{width:280px;background-color:#002d44;color:white;height:30px;border-radius:15px;font-family:'Arial';font-size:13px;padding:4px 15px;cursor:pointer;text-decoration:none;border:none;transition:transform 1s;margin:2px 15px 25px 15px;text-align:left}
.buttonArticle:hover{text-decoration:underline;transform: scale(1.1)}
.buttonArticle:disabled{opacity:0.7;background:#b5b5b5;cursor:not-allowed}

.working { color: #002244;}
.error { color: red;}
.done { color: #abffab;}


.alignAlwaysRight{text-align:right;padding-right:1vw}

.alignRight{text-align:center;}
.alignLeft{text-align:center;}
.whidthTotal{width:90vw}
.whidthMedium{width:90vw;margin-top:10px}
.height150{height:150px}
.inputError{background-color:red;color:white}
@media screen and (min-width: 768px) {
	.alignRight{text-align:right;padding-right:1vw}
	.alignLeft{text-align:left;padding-left:1vw}
	.inputContact{width:30vw;}
	.whidthTotal{width:62vw}
	.whidthMedium{width:30vw}
}


#filterWrapper{display:none;background-color:#002d44;color:white;margin:30px;padding:10px 5px 5px 5px;border-radius:30px;font-family:'Arial';font-weight:normal;font-style:normal;font-size:20px;line-height:30px;}
.filterContent{flex-basis: 100%;text-align: left; margin-left: 10px; }
.filterContent i{width:30px;text-align:center}
@media screen and (min-width: 768px) {
	#filterWrapper {display:none;background-color:#002d44;color:white;margin:30px;padding:10px 5px 5px 5px;border-radius:15px;font-family:'Arial';font-weight:normal;font-style:normal;font-size:15px;line-height:20px;}
	.filterContent {flex: 1;text-align:center}
	.filterContent i{width:auto;text-align:left}
}

.flexAccessory{text-align:center}
.accessoryImageWrapper{display:block;height:20rem;width:20rem;overflow:hidden;margin:0 auto;background-size:100% 100%;position:relative;background-repeat:no-repeat;background-color:#fff;background-position:center;border-radius:8px;transition:all .5s}
.accessoryImageWrapper:hover{background-size: 110% 110%;transition:all .5s}
.descriptionArticleCenter{font-size:1rem;color:#002d44;font-weight:400;margin-bottom:1rem;text-align:center;line-height:1.3rem;}

.photoHalfPage{margin: 30px auto;width:100%;max-width:680px} 

#newContent{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;line-height:26px;color:#002D44;width:98vw;padding:2rem 1rem;margin:0;text-align:justify}
#newContent img{margin: 0 auto;width:90%;display:block}
@media screen and (min-width: 1200px) {
	#newContent{font-family:'Arial';font-weight:normal;font-style:normal;font-size:18px;line-height:26px;color:#002D44;width:100%;max-width:1200px;margin:0 auto;padding:2rem 0;text-align:justify}
	#newContent img{margin: 0 auto;width:90%;max-width:600px;display:block}
}

.mediumImage { width:80%; max-width:600px;margin:20px 0}

.inputSearch{border:2px solid #002d44;height:50px;border-radius:25px;padding:8px;font-family:'Arial';font-size:25px;width:80vw;color:#3D8AB4;-webkit-appearance: none;margin-top:10px;margin-bottom:10px}
::placeholder{color: #3D8AB4}
.inputSearch:focus{background-color:#3D8AB4;color:#002d44}
@media screen and (min-width: 768px) {
	.inputSearch{width:30vw}
}