body{font-family: 'Raleway', sans-serif;}
.htmlMenu{
    color: #3b2e3c !important;
    font-weight: 600;
    font-size: 13px;
    line-height: 2em;
    letter-spacing: 1px;
    font-family: 'Comfortaa', cursive;
    padding: 10px;
}
.customMision{
    font-family: "Comfortaa", cursive;
    font-size: 20px;
    line-height: 1.3em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    text-align: left;
}
h2 {
    color: #333;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.3em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
h6{
    color:#fff;
}
hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #17a2b8;
    width: 100px;
}
.divServicios{
    background-color: #fff;
    padding: 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color:#fff;
    padding: 15px;    
    padding-bottom: 2.5em;
}
.customMunicipalidad{
    background-color: #1B3978;
    color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 25px;
    font-size: 20px;
    margin-bottom: 0px !important;   
    text-transform: uppercase; 
}
.customH2Servicios{
    color:#333;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 0px !important; 
    margin-top: 0px !important;
}
.customBtnMore{
    background-color: #17a2b8;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}
.customSellado{
    background-color: #CD7F32;
    color: #fff;
    padding: 25px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    font-size: 20px;
    margin-bottom: 0px !important;
    text-transform: uppercase; 
}
.customSenasa{
    background-color: #61c4de;
    color: #fff;
    padding: 25px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    font-size: 20px;
    margin-bottom: 0px !important;
    text-transform: uppercase; 
}
.customProvincia{
    background-color:#00A9E0;
    color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 25px;
    font-size: 20px;
    margin-bottom: 0px !important;
    text-transform: uppercase; 
}
.customPagoFacil{
    background-color: #FFD700;
    color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 25px;
    font-size: 20px;
    margin-bottom: 0px !important;    
    text-transform: uppercase; 
}
.customArba{
    background-color: #21be61;
    color: #fff;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 25px;
    font-size: 20px;
    margin-bottom: 0px !important;   
    text-transform: uppercase; 
}
.customTopPanel{
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    line-height: 3em;
    color:#8a7d7d;
}
.topPanelLI{
    width: 200px;
    float: right;
    list-style-type: none;
    padding-right: 15px;
    background-color: #2f9c9f;
    color:#fff;
    margin-left: 10px;
}
.navbar-custom > div > div > ul > li > a{
    color: #3b2e3c !important;
    font-weight: 600;
    font-size: 13px;
    line-height: 2em;
    letter-spacing: 1px;
    font-family: 'Comfortaa', cursive;
}
.haceteSocio{
    background-color: #2f9c9f;
    border-radius: 50px;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
}
.imgLogo{
    height: 100px;
}
.customSliderTitle{
	position:absolute;
	margin-top:15px;
	margin-left:-1000px;
    font-family: 'News Cycle', sans-serif;
	font-style: normal;
    font-weight: normal;
    padding: 10px;
    font-size:20px;
    background-color: #2f9c9f;
	letter-spacing: 1px;
	color:#fff;
}

.customSliderTexto{
	position:absolute;
	margin-top:210px;
	margin-left:-1000px;
    font-family: 'News Cycle', sans-serif;
	font-style: normal;
    font-weight: normal;
	font-size:17px;
	letter-spacing: 1px;
	color:#fff;	
	width:550px;
	background-color:#fff;
    color:#000;
    display: none;
	padding:5px;
}
.customSliderTitle2{
	position:absolute;
	margin-top:70px;
	margin-left:-1000px;
    font-family: 'News Cycle', sans-serif;
	font-style: normal;
    font-weight: normal;
	font-size:40px;
	letter-spacing: 1px;
	color:#377380;
	background-color:#fff;
	border-radius:0px;
	padding:8px;
}
.customSliderTitle21{
    position:absolute;
	margin-top:140px;
	margin-left:-1000px;
    font-family: 'News Cycle', sans-serif;
	font-style: normal;
    font-weight: normal;
	font-size:40px;
	letter-spacing: 1px;
	color:#377380;
	background-color:#fff;
	border-radius:0px;
	padding:8px;
}
.customSliderTitle22{
    position:absolute;
	margin-top:210px;
	margin-left:-1000px;
    font-family: 'News Cycle', sans-serif;
	font-style: normal;
    font-weight: normal;
	font-size:40px;
	letter-spacing: 1px;
	color:#377380;
	background-color:#fff;
	border-radius:0px;
	padding:8px;
}
.CustomSliderFondo{
	position:absolute;
	background-color: rgba(0,0,0,0.0);
	width:600px;
	height:300px;
	margin-top:-340px;
	margin-left:-500px;	
	border-bottom: 5px solid rgba(55, 115, 128, 0.5);
}
.customMapa{
	height:400px;
	width:100%;
	background-color:gainsboro;
	margin-top:0px;
}
.backtotop{
    position: fixed;
    bottom: 17px; 
    background:#2f9c9f; 
    font-size: 18px;
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 31px;
    bottom: 20px;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 34px -5px rgba(0, 0, 0, 0.70);
    -moz-box-shadow: 0px 0px 34px -5px rgba(0, 0, 0, 0.70);
    box-shadow: 0px 0px 34px -5px rgba(0, 0, 0, 0.70);    
    z-index: 10;
    cursor:pointer;
    right: 20px;
}

.backtotop:hover{
    background-color: #006fb2;
}
.backtotop > i
{
    font-size: 20px;
    color: #fff;
    margin-top: 6px;
}
.customFooterP{
    color:#fff;
    font-size: 15px;
}
.customHRFooter{
    width: 100%;
    border-top: 1px solid #fff;
}
.customBanner_banda_socios {
    /* background-color: rgba(0,61,65,0.6); */
    background-color: #2f9c9f;
    width: 100%;
    margin-top: 10px;
    font-family: "Comfortaa", cursive;
    text-align: center;
    font-size: 30px;
    letter-spacing: 5;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.customSliderImagen{
    opacity: 0;
}

.classFondoSlider{
    background-color: #e7e7e9;
}

@media (max-width: 767px) {
    .SliderImagenFondo{
         width:100%;
         height:360px;
    }
 } 
 
 @media (min-width: 768px) and (max-width: 992px) {
     .SliderImagenFondo{
     width:100%;
     height:400px;
    }
 }
 @media (max-width: 660px) {
    .classFondoSlider{
        background-image: url('../../assets/img/slider_mobile.jpg');
    }
     .CustomSliderFondo{
         position:absolute;
         background-color: rgba(0,0,0,0.1);
         width:80%;
         height:280px;
         margin-top:-360px;
         margin-left:-500px;	
         left:20px;
     }   
     .customSliderTitle2{
         position:absolute;
         margin-top:80px;
         margin-left:-1000px;
         font-style: normal;
         font-weight: normal;
         font-size:20px;
         letter-spacing: 1px;
         border-radius:0px;
         padding:8px;
         width:80%;
     }	
     .customSliderTitle21{
        font-size:20px;
     }

     .customSliderTitle22{
        font-size:20px;
        margin-top:200px;
     }     
     .customSliderImagen{
        display:none;
    }
     .customSliderTexto{display:none;}
     .customBtnSlider{margin-top:190px;}
     .customBtnSlider:hover{margin-top:190px;}
 
 }
 .comisiondirectiva{
    height:200px;
    background-color:#5ab2fd;
    line-height: 200px;
    color:#fff;
    text-align: center;
    font-family: 'Comfortaa', cursive;
    font-size: 40px;
    font-weight: bold;
 }
 @media (max-width: 450px){
    .comisiondirectiva{
        font-size:25px;
    }
 }
 @media (max-width: 340px) {
     .customSliderTitle{
         font-size:15px;
 }
 .customSliderImagen{
    display:none;
}
}
 @media (max-width: 314px) {
     .customSliderTitle2{
         font-size:15px;
 }
 .customSliderImagen{
    display:none;
}
}
 @media (max-width: 290px) {
     .customSliderTitle{
         font-size:10px;
 }
 .customSliderImagen{
     display:none;
 }
 
 }

 @media screen and (min-width: 800px) { /* Con esto lo ocultamos en la pc y se deja visible solo en mobile */
        .display_only_mobile{
            display: none;
            background-image: url("assets/img/slider_mobile.jpg")
    }
 }
.textoMenumobile{
    font-family: "Comfortaa", cursive;
    text-transform: uppercase;
    color: #333 !important; 
    width: 100%;
    text-align: right;
}