@font-face {
    font-family: 'Terminal Dosis';
    src: url('/fonts/TerminalDosis-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Terminal Dosis Bold';
    src: url('/fonts/TerminalDosis-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Terminal Dosis Light';
    src: url('/fonts/TerminalDosis-Light.ttf');
    font-weight: lighter;
    font-style: normal;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.full { 
    background: url('/images/banner2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

HTML, BODY { height:100%; min-height: 100%; width: 100%; 
       color: #595959; margin: 0px; font-family: 'Terminal Dosis', Arial, sans-serif !important;  }

BODY { background-color: transparent !important; }

#main { height:100%; width: 100%; border: 0px; background-color: transparent; }

/* ----- HEADER CSS STYLES - START ----- */

#header { position: fixed; height: 80px; width: 100%; background-color: #007968; z-index: 100;  }
#headerWrapper { height: 52px; width: 900px; margin: 14px auto; }
@media screen and (max-width: 1200px) {
	#headerWrapper { height: 52px; width: 80vw; margin: 14px auto; }
}
@media screen and (max-width: 768px) {
	#headerWrapper { height: 52px; width: 90vw; margin: 14px auto; }
}

#logo { width: 400px; height: 52px; float: left;  }
@media screen and (max-width: 1200px) {
	#logo { width: 38vw; height: 52px; float: left;  }
	#logo img { width: 38vw; max-width: 300px; padding-top: 0.5vw;	}
}
@media screen and (max-width: 768px) {
	#logo { width: 43vw; height: 52px; float: left;  }
	#logo img { width: 43vw; min-width:190px;	padding-top: 1.25vw;	}
}
#userInfo { width: 400px; height: 52px; float: right; 
            background: url('/images/icnUser.png') no-repeat transparent; background-size: contain; background-position:right 50% ; 
}
@media screen and (max-width: 1200px) {
	#userInfo { width: 40vw; }
}
@media screen and (max-width: 768px) {
	#userInfo { width: 36vw; }
}

[class*="userInfo-"] { float: right; margin-right: 60px; text-align: right; color: #FFFFFF; }
.userInfo-firstName { width: 340px; font-family: 'Terminal Dosis', Arial, sans-serif; font-size: 14px; margin-top: 4px; }
.userInfo-lastName { width: 340px; font-family: 'Terminal Dosis Bold', Arial, sans-serif; font-size: 16px; text-transform: uppercase; }
.userInfo-backOffice {width: 340px; font-size: 14px; text-transform: uppercase; color:white; 
                      

}

userInfo-backOffice:hover{
    background-color:white;

}
@media screen and (max-width: 1200px) {
	.userInfo-firstName { width: 20vw; }
	.userInfo-lastName { width: 20vw; }
}
@media screen and (max-width: 768px) {
	.userInfo-firstName { width: 20vw; }
	.userInfo-lastName { width: 20vw; }
}

/* ----- HEADER CSS STYLES - END ----- */

/* ----- CONTENT CSS STYLES - START ----- */

#tableLikeArchive {padding-top:30px;}

#slider { display: table; height:800px; width: 100%; }
#sliderWrapper { display: table-cell; vertical-align: middle; }
#sliderInner { margin-left: auto; margin-right: auto; width:1024px; height:200px; }
@media screen and (max-width: 1200px) {
	#slider { display: table; height:80vh; width: 98vw; }
	#sliderWrapper { display: table-cell; vertical-align: middle; }
	#sliderInner { margin-left: auto; margin-right: auto; width:98vw; height:340px; }
}
@media screen and (max-width: 768px) {
	#slider { display: table; height:70vh; width: 98vw; margin-top: 20vh; }
	#sliderWrapper { display: table-cell; vertical-align: middle; }
	#sliderInner { margin-left: auto; margin-right: auto; width:98vw; height:450px; }
}


#content { width: 100%; background-color: #F5F5F5; margin-top: 150px; }
#contentWrapper{ width: 100%; min-height: 500px; position: relative; }
#contentWrapperInner{ width: 900px; margin: 0 auto; }

@media screen and (max-width: 950px) {
	#content { width: 100vw; background-color: #F5F5F5; margin-top: 150px; }
	#contentWrapper{ width: 100vw; min-height: 350px; height: 350px; position: relative; }
	#contentWrapperInner{ width: 299px; margin: 0 auto; }
}


.contentHomePageRow{ position: absolute; top: -250px; }
@media screen and (max-width: 950px) {
	.contentHomePageRow{ position: absolute; top: -250px; width:299px; }
}

[class*="contentHomePageColumn-"] { float: left; margin-left: 30px; height: 500px; width: 280px; background-color: white; }
@media screen and (max-width: 950px) {
	[class*="contentHomePageColumn-"] { float: left; margin-left: 0; margin-top:2.5vw; height: auto; width: 298px; background-color: white; }
}
[class*="contentHomePageColumn-"] A,
[class*="contentHomePageColumn-"] A:link,
[class*="contentHomePageColumn-"] A:active,
[class*="contentHomePageColumn-"] A:hover,
[class*="contentHomePageColumn-"] A:visited { text-decoration:none; }

.contentHomePageColumn-left { margin-left: 0px;  }

.contentHomePageColumnTop{ height: 250px; width: 280px; padding: 20px 0px; cursor: pointer; background-color: #007968; color: #FFFFFF;                            
                           -webkit-transition: all 0.3s ease 0s;
                           -moz-transition: all 0.3s ease 0s;
                           -o-transition: all 0.3s ease 0s;
                           transition: all 0.3s ease 0s;
}
@media screen and (max-width: 950px) {
	.contentHomePageColumnTop{ 
		height: 160px; width: 298px; padding: 20px 0px;
	}
}

    .contentHomePageColumnTop:hover { background-color: #FFFFFF; color: #007968; }
        .contentHomePageColumnTop:hover .contentHomePageColumnTop-Image { background: #007968; } 

.contentHomePageColumnTop-Image{ margin-left: 75px; width: 120px; height: 120px; border-radius: 80px; text-align: center; background: transparent; border: 5px solid #FFFFFF; }
@media screen and (max-width: 950px) {
	.contentHomePageColumnTop-Image{ margin-left: 10px; width: 120px; height: 120px; border-radius: 80px; text-align: center; background: transparent; border: 5px solid #FFFFFF; float: left; display: inline-block; }
}

.contentHomePageColumnTop-Title{ font-size: 25px; text-align: center; text-transform: uppercase; margin-top: 15px; }
@media screen and (max-width: 950px) {
	.contentHomePageColumnTop-Title{ font-size: 24px; text-align: left; text-transform: uppercase; margin: 15px 0px 0px 8px; padding: 0; width: 155px; float: left; display: inline-block; }
}

.contentHomePageColumnBottom{ height: 186px; width: 220px; color: #939393; margin:20px 30px 0px 30px; }
.contentHomePageColumnBottom-Title{ font-size: 16px; text-align: center; text-transform: uppercase; }
.contentHomePageColumnBottom-Text{ font-size: 14px; text-align: center; margin-top: 10px; }
.contentHomePageColumnBottom-ReadMore{  float: right; width: 44px; height: 44px; background: url('/images/btn-corner.png') no-repeat #007968; cursor: pointer; }

@media screen and (max-width: 950px) {
	.contentHomePageColumnBottom{ display: none; }
	.contentHomePageColumnBottom-Title{ display: none; }
	.contentHomePageColumnBottom-Text{ display: none; }
	.contentHomePageColumnBottom-ReadMore{  display: none; }
}

/* ----- CONTENT CSS STYLES - END ----- */

/* ----- FOOTER CSS STYLES - START ----- */

#footer { height: 160px; width: 100%; background-color: #F5F5F5; }
#footerWrapper { height: 140px; width: 900px; margin: auto auto; background: url('/images/footer-background.png') repeat-x transparent; 
                 font-size: 12px; display: table; }
@media screen and (max-width: 950px) {
	#footer { height: auto; width: 100vw; background-color: #F5F5F5; padding-bottom: 5vw; }
	#footerWrapper { height: auto; width: 95vw; margin: auto auto; background: url('/images/footer-background.png') repeat-x transparent; 
					 font-size: 12px; display: table; }
}

[class*="footerColumn-"] { position: relative; float: left; 
                          margin-left: 30px; margin-top: 10px; min-height: 1px; min-width: 120px; }
@media screen and (max-width: 600px) {
	[class*="footerColumn-"] { position: relative; float: left; 
                          margin-left: 10vw; margin-top: 10px; min-height: 1px; min-width: 120px; }
}
						  
[class*="footerColumn-"] A,
[class*="footerColumn-"] A:link,
[class*="footerColumn-"] A:active,
[class*="footerColumn-"] A:hover,
[class*="footerColumn-"] A:visited { color:#939393; text-decoration:none; }

.footerColumnHeader { color: #595959; font-family: 'Terminal Dosis Bold', Arial, sans-serif; font-size: 13px; }

.footerColumn-cavedigital { width: 50px; float:right; }
@media screen and (max-width: 600px) {
	.footerColumn-cavedigital { width: 50px; float:left; margin-top: -10px; margin-bottom: 5vw; }
}
.footerColumn-copyright { margin-left: 0px; margin-right: 30px; }
@media screen and (max-width: 600px) {
	.footerColumn-copyright { margin-left: 10vw; margin-right: 10vw; }
}

/* ----- FOOTER CSS STYLES - END ----- */


/* ---- POP UP WINDOW ---- */

.loading { width: 50%; height: 33px; }
.loading-text { margin-left: 15px; margin-top: 5px; font-family: 'Terminal Dosis', Arial, sans-serif; font-size: 16px; color: #007968;  }
.modal-close-button { float: right; position: relative; top:-35px; right: -24px; width: 30px; height: 30px; border-radius: 20px; text-align: center; background: #007968; border: 2px solid #FFFFFF; 
                      color: #FFFFFF; font-weight: bold;
}

.modal-close { float: right; position: absolute !important; width: 30px; height: 30px; background-position: center center; padding: 0px; margin: 0px; cursor: pointer; }

.modal-close-bg { top:-10px !important; right: -10px !important; border-radius: 20px; background-color: #007968;  }
.modal-close-icon { top:-12px !important; right: -9px !important; z-index: 100; font-size: 35px; background-color: transparent; color: #FFFFFF; }

@-moz-keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
  -moz-animation: three-quarters-loader 1250ms infinite linear;
  -webkit-animation: three-quarters-loader 1250ms infinite linear;
  animation: three-quarters-loader 1250ms infinite linear;
  border: 8px solid #007968;
  border-right-color: transparent;
  border-radius: 16px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
}

.carousel-control {
    background: none !important;
}

.carousel-content {
    font-family: 'Segoe UI Light', Arial, sans-serif; font-size: 30px; text-shadow: 2px 2px #000000;
    color: #FFFFFF;
    display:flex;
    align-items:center;
    height:190px;
}

.carousel-content-title { font-family: 'Terminal Dosis', Arial, sans-serif; text-transform: uppercase; font-size: 45px; }
@media screen and (max-width: 1200px) {
.carousel-content-title { font-size: 40px; }
}

@media screen and (max-width:1200px), screen\0 {
    .carousel-content-title { font-size: 40px;}
}

@media screen and (max-width: 768px) {
.carousel-content-title { font-size: 32px; }
}

@media screen and (max-width:768px), screen\0 {
    .carousel-content-title { font-size: 32px;}
}

.carousel-content-message { font-family: 'Terminal Dosis', Arial, sans-serif; font-size: 22px; }

/*//FOR IPADS*/
/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { #contentWrapperInner { width: 600px; }
                                          HTML, BODY { height:auto; min-height: 100%; width: 100%; 
       color: #595959; margin: 0px; font-family: 'Terminal Dosis', Arial, sans-serif !important;  }
}*/



/* Inner Pages Styles Rules */
.contentWrapperInner-leftColumn {
    background-color: #FFFFFF; width: 100%; padding: 15px; margin-bottom: 15px;
    font-family: 'Terminal Dosis', Arial, sans-serif; color: #595959; font-size: 16px;
}

.contentWrapperInner-rightColumn {
    background-color: #FFFFFF; width: 100%; padding: 15px; margin-bottom: 15px;
    font-family: 'Terminal Dosis', Arial, sans-serif; color: #595959; font-size: 16px;
}

.contentWrapperInner-leftColumn-title {
    font-size: 25px; min-height: 32px; margin-bottom: 10px;
}

.contentWrapperInner-leftColumn-content{
    font-size: 14px; text-align: justify; color: #595959 !important;
}
    .contentWrapperInner-leftColumn-content a,
    .contentWrapperInner-leftColumn-content a:link,
    .contentWrapperInner-leftColumn-content a:active,
    .contentWrapperInner-leftColumn-content a:hover,
    .contentWrapperInner-leftColumn-content a:visited {
        color: #595959 !important; margin-left: 5px;
    }

.contentWrapperInner-rightColumn{}

.contentWrapperInner-rightColumn-title {
    font-size: 38px; min-height: 32px; margin-bottom: 10px;
}
.contentWrapperInner-rightColumn-content{
    font-size: 16px; text-align: justify; color: #595959 !important; margin-bottom: 20px;
}
.contentWrapperInner-rightColumn-options{ margin-bottom: 20px;}
.contentWrapperInner-rightColumn-files{ font-family: 'Terminal Dosis', Arial, sans-serif; color: #595959; font-size: 14px;}

    .contentWrapperInner-rightColumn-files a,
    .contentWrapperInner-rightColumn-files a:link,
    .contentWrapperInner-rightColumn-files a:active,
    .contentWrapperInner-rightColumn-files a:hover,
    .contentWrapperInner-rightColumn-files a:visited {
        color: #595959 !important;
    }


/* FORMS */
#formWrapper { width:600px; margin: 0px auto; }

.formWrapper-title { font-size: 38px; font-family: 'Terminal Dosis', Arial, sans-serif; color: #595959; }
.formWrapper-description{ font-size: 16px; font-family: 'Terminal Dosis', Arial, sans-serif; color: #595959; text-align: justify; }

#formFeedbackWrapper { width:600px; margin: 25px auto; }

.formFeedbackWrapper-Inner { 
    width: 100%; min-height: 130px; padding-left: 150px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
}

.feedback-alert { background-image: url('/images/warning-128.png'); }
.feedback-info { background-image: url('/images/info-128.png'); }
.feedback-error { background-image: url('/images/error-128.png'); }
.feedback-success { background-image: url('/images/ok-128.png'); }

.formFeedbackWrapper-title { font-family: 'Terminal Dosis', Arial, sans-serif !important; font-size: 38px; color: #595959; margin-bottom: 15px; }
.formFeedbackWrapper-message { font-family: 'Terminal Dosis', Arial, sans-serif !important; font-size: 16px; color: #595959; margin-bottom: 15px; }


/*OVERWRITES*/

input::-webkit-input-placeholder {
	/*color: #C0C0C0 !important;*/
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;	
}
 
input:-moz-placeholder { /* Firefox 18- */
	/*color: #C0C0C0 !important;*/  
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;
}
 
input::-moz-placeholder {  /* Firefox 19+ */
	/*color: #C0C0C0 !important;*/  
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;
}
 
input:-ms-input-placeholder {  
	/*color: #C0C0C0 !important;*/  
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;
}

/*TEXT AREA*/

textarea::-webkit-input-placeholder {
	/*color: #C0C0C0 !important;*/
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;	
}
 
textarea:-moz-placeholder { /* Firefox 18- */
	/*color: #C0C0C0 !important;*/  
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
	/*color: #C0C0C0 !important;*/  
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;
}
 
textarea:-ms-input-placeholder {  
	/*color: #C0C0C0 !important;*/  
	font-weight: lighter !important;
	font-family: 'Terminal Dosis Light' !important;
}

/* Number Spinner */
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { border-radius: 6px !important; }
.input-group-btn-vertical{ left: -21px; z-index: 100; }
.bootstrap-touchspin .input-group-btn-vertical i { left: 6px !important; top: 6px !important; }
.bootstrap-touchspin .input-group-btn-vertical > .btn { padding-top: 11px !important; padding-bottom: 11px !important; }

/* Tags */
tags-input .tags .input { padding-left: 14px !important; }

/* Buttons */
.btn-main { background-color: #267F00 !important; color: #FFFFFF !important; border-color: #267F00 !important; font-family: 'Terminal Dosis', Arial, sans-serif; }
.btn-secundary { background-color: #A0A0A0 !important; color: #FFFFFF !important; border-color: #A0A0A0 !important; font-family: 'Terminal Dosis', Arial, sans-serif; }

.form-control-feedback-message { display: none; width: 80%; min-height: 20px; margin: 0px 15px; padding: 5px; font-size: 12px; 
                                 -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; 
                                 -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
                                 border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.has-error .form-control-feedback-message { display: block; background-color: #A94442; color: #FFFFFF; }

#files {
    table-layout:fixed !important;
    
}

#files td {
    word-wrap:break-word !important;
    font-size:14px;
}



/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #header{height:105px;}
    .modal-content{width:650px; height:700px;}
    .headerToIpad{height:1px;}
     /*.contentHomePageRow{padding-left:250px;}*/
    /*#contentWrapperInner{width:600px; margin-left:1px; margin-right:1px;}*/
    /*.progress, .progress-striped, .active{max-width:350px;}*/
    /*#successBtnDiv{text-align:left !important;}*/
    /*#hiddenDiv {max-width:350px;}*/
    /*#contentRightColumn{width:550px!important;}*/
    /*.contentWrapperInner-rightColumn{width:600px!important;}*/

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {  #header{height:105px;}}