body{
	font-family: 'Montserrat', sans-serif;
}

#topdiv1{
	width: 100%;
	background-color: #2662a2;
	height: 30px;
}
#topdiv2{
	width: 100%;
	background-color: #c8c8c8;
	height: 13px;
}
#topdiv3{
	width: 100%;
    margin-top: 22px;
}
.icons{
	width: 3%;
	margin-top: -6px;
}
.tright{
	text-align: right;
    margin-top: -75px;
}

.tel {
    font-size: 1.4em;
    font-weight: 400;
    color: #52a2c9;
    margin-right: 25px;
}
.bg-light {
    background-color: #ffffff!important;
}
.tel:hover, .tel:focus, .linkicons:hover, .linkicons:focus {
	color: #c06693;
    text-decoration: none;
}
.menu{
	margin-left: auto;
    font-size: 1.37em;
    font-weight: 400;
    color: #5ea8cd;
}
.riicon{
	 margin-right: 3px;
}
.list{
	color: #5ea8cd !important;
}
.list:hover, .list:focus{
	color: #c06693 !important;
	border-bottom: 2px solid #c06693 !important;
    padding-bottom: 0px;
}
.spac{
	margin-left: 26px;
}

#divmenu{
	margin-top: -83px;
    margin-bottom: 36px;
}
.tim{
	height: 250px;
}

#imglogo{
	z-index: 2;
    position: relative;
}

#carrousel{
	margin-top: 35px;
}
.botonescarrusel{
	width: 20px !important;
    height: 20px !important;
    border-radius: 101%;
    border-top: 2.5px solid #fffbfb !important;
    border-bottom: 2.5px solid #ffffff !important;
    border: 2.5px solid #ffffff;
    background: #ffffff00;
    opacity: 1 !important;
}

.activelink {
    color: #c06693 !important;
    border-bottom: 2px solid #c06693 !important;
    padding-bottom: 0px;
}
.activefotter{
    color: #c06693 !important;
    text-decoration: underline;
}


.carousel-indicators li {   
    background-color: #ff000000;
}
.carousel-indicators .active {
        background-color: #fff;
}
.carousel-caption {
    position: absolute;
    text-align: left;
    right: 0;
    bottom: 25%;
    top: 25%;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    padding-left: 23px;
    padding-right: 23px;
}

.ttulobaner{
	font-size: 2.8em;
    font-weight: 600;
    text-shadow: 3px 3px 1px rgb(111, 104, 104);
    margin-bottom: -2px;
}
.subtitulobanner{
	font-size: 1.9em;
    font-weight: 600;
    text-shadow: 3px 3px 1px rgb(111, 104, 104);
    margin-bottom: 82px;
}
.botonbanner{
    background-color: #fffefd;
    color: #c06693;
    font-size: 2.1em;
    font-weight: 600;
    border-radius: 10px;
    outline: 0;
    padding: 4px 35px;
    box-shadow: 1px 3px 6px 0.1rem rgb(135, 136, 136);
}
.botonbanner:hover {
    color: #c06693;
    text-decoration: none;
	box-shadow: 1px 3px 6px 0.1rem rgb(135, 136, 136);
}

#fondoSobreNosotros{
	width: 100%;
    background-image: url("../img/fondosobrenosotros.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 133px;
    padding-bottom: 110px;
    margin-top: -5px;
}


.titulosob{
    text-align: center;
    margin-bottom: 70px;
    font-size: 3.2em;
    font-weight: 600;
    color: #56646f;
    text-shadow: 2px 4px 3px #73787b99;
}    


.imgshadow {
    -webkit-box-shadow: 20px 20px 0px 0px rgba(195, 209, 217, 0.5);
    -moz-box-shadow: 20px 20px 0px 0px rgba(195, 209, 217, 0.5);
    box-shadow: 20px 20px 0px 0px rgba(195, 209, 217, 0.5);
    border-radius: 8px;
    position: relative;
    z-index: 1;
}
.lefimg{
	text-align: right;
}
.texbox1{
    width: 122%;
    background-color: white;
    margin-left: -130px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 15px;
    padding-left: 115px;
    border-radius: 13px;
    z-index: 0;
    color: #55636e;
    font-size: 1.09em;
    font-weight: 400;
    -webkit-box-shadow: -38px 19px 0px 0px #ffffff70;
    -moz-box-shadow: -38px 19px 0px 0px #ffffff70;
    box-shadow: -38px 19px 0px 0px #ffffff70;
 }
 .martopd{
    margin-top: 120px;
 }
 .texbox2{
    width: 122%;
    background-color: white;
    margin-right: -130px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 32px;
    padding-right: 100px;
    border-radius: 13px;
    z-index: 0;
    color: #55636e;
    font-size: 1.09em;
    font-weight: 400;
    -webkit-box-shadow: 20px 19px 0px 0px #ffffff70;
    -moz-box-shadow: 20px 19px 0px 0px #ffffff70;
    box-shadow: 20px 19px 0px 0px #ffffff70;
 }

 .slogan{
 	text-align: center;
    font-weight: 500;
    font-size: 1.7em;
    color: white;
    padding-left: 100px;
    padding-right: 100px;
 }
 .btnCon{
	background-color: #ffffff;
    color: #355d9a;
    border-radius: 10px;
    outline: 0;
    box-shadow: 1px 4px 4px 0rem rgba(0, 0, 0, 0.45);
    font-size: 1.7em;
    font-weight: 700;
    padding: 11px 65px;
    margin: auto;
    display: block;
    border: 0;
    margin-top: 45px;
 }
.divparallax{
	padding-top: 100px;
    padding-bottom: 100px;
}
.fondocard{
	width: 100%;
    background-image: url("../img/fondocards.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;

}
.cardbox{
	background-color: white;
    border-radius: 9px;
    margin-left: 10px;
    margin-right: 10px;
    height: 272px;
    
}
.titlocard{
	font-size: 1.5em;
	color: #424242;	
    margin-bottom: 12px;
        font-weight: 600;
}
.paddtopds{
	padding-top: 25px;
}
.imgfondocard{
	width: 100%;
    background-image: url("../img/barracolores.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.parracard{
	color: #6b6b6b;
	font-size: 1em;
    font-weight: 400;
    line-height: 1.4;
}
.listacard{
	list-style-type: none;
    padding: 0;
    color: #38609d;
    line-height: 1.4;
    font-weight: 600;
}
.footerpre{
	height: 40px;
	background-color: #919191;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
.facefooter{
	width: 2%;
}
.listfooter{
	list-style-type: none;	
    padding: 0;
    margin: 0;
}
.listpoint{
	display: inline-block;
    font-size: 1.2em;
    margin-right: 25px;
    font-weight: 400;
}
.footermenu{
	background-color: #2662a2;
	color: #ffffff;
	height: 74px;
   /* padding-top: 19px;
    padding-bottom: 17px;*/
}
.copyri{
	text-align: right;
	font-weight: 600;
}
.textrem{
    font-weight: 600;
}
.linksmenufoot{
    color: #ffffff; 
}
.linksmenufoot:hover, .linksmenufoot:focus {
    color: #c06693 !important;
    font-weight: 400;
}
.h100p{
    height: 100%;
}
.conurl:hover, .conurl:focus{
	color: #355d9a !important;
	text-decoration: none;
}
.lb-close{
	right: -27px;
    position: absolute;
    color: white !important;
    font-size: 2.4em;
    top: -20px;
        cursor: pointer;
}
@media (min-width: 1440px){
	.container {
	    max-width: 1250px;
	}
}

@media (max-width: 1366px) {
	.ttulobaner {
	    font-size: 2.4em;	   
	}
	.subtitulobanner {
	    font-size: 1.5em;
	    margin-bottom: 65px;
	}
	.botonbanner {	   
	    font-size: 1.9em;	    
	}
	.carousel-caption {	   
	    top: 21%;	    
	}
	.botonescarrusel {
	    width: 17px !important;
	    height: 17px !important;
	}
	.titulosob {	   
	    font-size: 3em;
	}
	.texbox1 {
		width: 124%;
	    padding-left: 140px;	    
    	padding-right: 16px;
	}
	.cardbox {
	    height: 298px;
	}
}
@media (max-width: 1025px) {
	.tel {
    	font-size: 1.3em;   
	}
	.menu {
	    font-size: 1.2em;
	}
	.spac {
    	margin-left: 10px;
	}
	.ttulobaner {
	    font-size: 2.2em;
	}
	.subtitulobanner {
	    font-size: 1.3em;
	    margin-bottom: 54px;
	}
	.botonbanner {
	    font-size: 1.5em;
	}
	.carousel-caption {
	    top: 20%;
	}
	.botonescarrusel {
	    width: 15px !important;
	    height: 15px !important;
	}
	.titulosob {
	    font-size: 2.5em;
	}
	.texbox1 {
	    width: 100%;
	    margin-left: -33px;
	    padding-top: 25px;	    
	    padding-left: 58px;	  
	    font-size: 1em;	    
	}
	.texbox2 {
	    width: 109%;
	    margin-right: 80px;
	    padding-left: 36px;	   
	    font-size: 1em;
	    padding-right: 54px;	   
	}
	.slogan {
	    font-size: 1.4em;
	}
	.btnCon {	 
	    font-size: 1.3em;
	    padding: 10px 61px;	    
	}
	.footermenu {
	    height: 58px;
	}
	.listpoint {
	    font-size: 1.05em;
	    margin-right: 15px;
	}
	.imgcard{
		width: 100%;
	}
	.titlocard {
	    font-size: 1.2em;
	    margin-bottom: 10px;
	}
	.parracard {
	    font-size: 0.95em;
	    line-height: 1.3;
	}
	.listacard {
	    line-height: 1.2;
	}
	.cardbox {
	    height: 300px;
	    margin-left: 0px;
	    margin-right: 0px;
	}
	.footerpre {
	    height: 35px;
	}
}

@media (max-width: 965px) {
	.menumini{
		margin-left: auto;
	}
	.icons {
	    width: auto;
	}
	.tel {
	    margin-right: 17px;
	}
	#navbarNavDropdown{
		position: absolute;
	    top: 91px;
	    z-index: 17;
	    background-color: #2662a2;
	    width: 100%;
	    text-align: center;
	    height: 254px;
	    padding-top: 13px;
	    padding-bottom: 13px;
	}
	.menu{
		width: fit-content;
    	margin: auto;
	}
	.spac {
	    margin-left: 0;
	    height: 45px;
	}
	.texbox1 {
	    width: 100%;
	    margin-left: -20px;
	    padding-top: 25px;
	    padding-left: 30px;
	    font-size: .9em;
	}
	.texbox2 {
	    width: 115%;
	    margin-right: 0;
	    padding-left: 28px;
	    font-size: 0.9em;
	    padding-right: 54px;
	}
	.slogan {
    	font-size: 1.2em;
    	padding-left: 50px;
    	padding-right: 50px;
	}
	.btnCon {
	    font-size: 1.2em;
	    padding: 10px 55px;
	}

	.cardbox {
	    height: 341px;
	}
	.facefooter {
	    width: auto;
	}
	.listpoint {
	    font-size: 1em;
	    margin-right: 10px;
	}
	.copyri {
	    font-size: .77em;
	}
	.list {
	    color: #ffffff !important;
	}


}


@media (max-width: 965px) {
	.carousel-caption {
	    top: 18%;
	}
	.ttulobaner {
	    font-size: 1.6em;
	}
	.subtitulobanner {
	    font-size: 1.1em;
	    margin-bottom: 35px;
	}
	.botonbanner {
	    font-size: 1.3em;
	    padding: 5px 30px;
	}
	.botonescarrusel {
	    width: 12px !important;
	    height: 12px !important;
	}
	#fondoSobreNosotros {
	    padding-top: 85px;
	    padding-bottom: 100px;
	}
	.titulosob {
	    font-size: 2em;
	}
	#imglogo {
	    width: 74%;
	}
	#divmenu {
    	margin-top: -65px;
    	margin-bottom: 0;
	}
	.tright {
	    margin-top: -52px;
	}
	.titulosob {
	    margin-bottom: 60px;	    
	}
}


@media (max-width: 767px) {
	.tright {
	    margin-top: -125px;
	}
	.tel {
    	font-size: 1em;
	}
	#imglogo {
	    width: 30%;
	}
	#topdiv3 {
	    margin-top: 15px;
	}
	.navbar-toggler {
	    padding: .22rem .65rem;
	    font-size: 1.1rem;
	}
	#divmenu {
	    margin-top: -50px;
	    margin-bottom: 0;
	}
	#carrousel {
	    margin-top: 15px;
	}
	.botonescarrusel {
	    width: 10px !important;
	    height: 10px !important;
	}
	.d-none {
	    display: block !important;
	}	
	.fondocard {
	    padding-top: 60px;
	    padding-bottom: 110px;
	}
	.cardbox {
	    height: 270px;
	    margin-bottom: 25px;
	}
	.fondocard {
	    padding-bottom: 25px;
	}
	.paddtopds {
	    text-align: center;
	}
	#fondoSobreNosotros {
	    padding-top: 40px;
	    padding-bottom: 55px;
	}
	.imgshadow {
	    -webkit-box-shadow: 6px 6px 0px 0px rgba(195, 209, 217, 0.5);
	    -moz-box-shadow: 6px 6px 0px 0px rgba(195, 209, 217, 0.5);	
	    box-shadow: 6px 6px 0px 0px rgba(195, 209, 217, 0.5);	    
	}
	.texbox1 {
	    width: 100%;
	    margin-left: 0;
	    padding-top: 32px;
	    padding-left: 15px;
	    font-size: .9em;
	    margin-top: 28px;
	    text-align: center;
	    -webkit-box-shadow: -7px 6px 0px 0px #ffffff70;
	    -moz-box-shadow:-7px 6px 0px 0px #ffffff70;
	    box-shadow: -7px 6px 0px 0px #ffffff70;
	}
	.martopd {
	    margin-top: 40px;
	}
	.texbox2 {
	    width: 100%;
	    margin-right: 0;
	    padding-left: 15px;
	    font-size: 0.9em;
	    padding-right: 15px;
	    text-align: center;
	    padding-top: 22px;
	    margin-bottom: 32px;
	    -webkit-box-shadow: 6px 6px 0px 0px #ffffff70;
	    -moz-box-shadow: 6px 6px 0px 0px #ffffff70;
	    box-shadow: 6px 6px 0px 0px #ffffff70;
	}	

	.activelink{
		    color: #c06693 !important;
		    border-bottom: 2px solid #c06693 !important;
		    padding-bottom: 0px;
		    width: fit-content;
		    text-align: center;
		    margin: auto;
	}
	.lb-close {
    	right: 0;
	}
	.lb-data .lb-details {
    	width: 100% !important;
	}
}
@media (max-width: 500px) {
	.ttulobaner {
	    font-size: 1.1em;
	}
	.subtitulobanner {
	    font-size: .6em;
	    margin-bottom: 10px;
	}
	.botonbanner {
	    font-size: .8em;
	    padding: 2px 11px;
	    border-radius: 6px;
	}
	.carousel-caption {
		top: 11px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	#navbarNavDropdown {
	    position: absolute;
	    top: 66px;
	    height: 225px;
	    left: 0;
	    right: 0;
	}
	.spac {
	    height: 40px;
	}
	.list:hover, .list:focus {	  
	    padding-bottom: 0px;
	    width: fit-content;
	    text-align: center;
	    margin: auto;
	}
	.titulosob {
	    font-size: 1.5em;
    	margin-bottom: 30px;
	}
	
	.divparallax {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.slogan {
	    font-size: .9em;
	    padding-left: 0;
	    padding-right: 0;
	}
	.btnCon {
	    font-size: 1em;
	    padding: 8px 35px;
	    border-radius: 8px;
	    margin-top: 20px;
	}
	
	.listpoint {
	    font-size: .9em;
	    margin-right: 0;
	    display: block;
	    text-align: center;   
	}
	.footermenu {
	    height: auto;
	    padding-top: 12px;
	    padding-bottom: 12px;
	}
	.copyri {
	    font-size: .77em;
	    text-align: center;
	    margin-top: 8px;
	}
	.footerpre {
	    text-align: center;
	}

}

@media (max-width: 376px) {
	.ttulobaner {
	    font-size: 1em;
	}
	.subtitulobanner {
	    font-size: .6em;
	    margin-bottom: 8px;
	}
	.botonbanner {
	    font-size: .8em;
	    padding: 2px 9px;
	    border-radius: 4px;
	}
	.carousel-caption {
	    top: 5px;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.menu {
	    font-size: 1em;
	}

}

@media (max-width: 375px) {
	.carousel-caption {
    	top: 0px;  
	}
}
@media (max-width: 320px) {
	.tright {
	    margin-top: -100px;
	}
	.tel {
	    margin-right: 5px;
	}
	#divmenu {
	    margin-top: -37px;
	    margin-bottom: 0;
	}
	#carrousel {
	    margin-top: 5px;
	}
	.ttulobaner {
	    font-size: .8em;
	}
	.subtitulobanner {
	    font-size: .4em;
	    margin-bottom: 5px;
	}
	.botonbanner {
	    font-size: .7em;
	    padding: 1px 7px;
	    border-radius: 3px;
	}
	.carousel-caption {
	    top: -5px;
	}
	.titulosob {
	    font-size: 1.2em;
	}
	.texbox1 {	  
	    font-size: .8em;	   
	}
	.texbox2 {	  
	    font-size: .8em;	   
	}
	.slogan {
	    font-size: .8em;
	}
	.btnCon {
	    font-size: .9em;
	    padding: 6px 27px;
	    border-radius: 5px;
	}
	.titlocard {
	    font-size: 1.1em
	}
	.parracard {
	    font-size: 0.9em;
	    line-height: 1.2;
	}
	.listacard {
	    line-height: 1.1;
	}
	.cardbox {
	    height: 256px;
	}
	#navbarNavDropdown {
	    top: 56px;
	}
}



















