@charset "UTF-8";
/* CSS Document */

#container{
	margin-top: 50px;
}
@media (max-width: 576px) {
	#container{
	margin-top: 400px;
}
}
.valor{
	font-size: 1.8em; font-weight: bold; 
}
.thumbnail{
	color:#2c3258; text-align: left;
}
.caption{
	padding: 5px 20px;
}
.icons ul{
	color: #dbd7d4;

}
.icons li:hover{
	
}

.iconoSocial {
	width: 100%;
	transition-duration: 1s; border-radius: 7px;
	
}
.iconoSocial:hover{
	padding-top: -50px;
	transition-duration: 1s;
	width: 110%; height: auto;

	
}

.Sociales{
	width: 90%; margin: auto; display: flex; 
	
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

@media (max-width: 576px) {
	.Sociales{
		width: 70%; 
	}
}
.Socialesi{
	width: 100%; margin: auto; display: flex; height: auto; border-radius: 7px;
	
}

@media (max-width: 576px) {
	.Socialesi{
		width: 70%; height: 50em;
	}
}
#imgSicon1{
	background-image: url(../images/FBN.svg); background-repeat: no-repeat; background-attachment: inherit;
	width: 25px; height: auto;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon1:hover{
	background-image: url(../images/FB.svg); 
	transition-duration: 1s;
	width: 29px; height: auto;

}
#imgSicon2{
	background-image: url( ../images/Instagram.svg); background-repeat: no-repeat; background-attachment: inherit;
	width: 25px; height: auto;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon2:hover{
	background-image: url(../images/InstagramN.svg); 
	transition-duration: 1s;
	width: 29px; height: auto;

}

#imgSicon3{
	background-image: url( ../images/linkedIn.svg); background-repeat: no-repeat; background-attachment: inherit;
	width: 25px; height: auto;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon3:hover{
	background-image: url( ../images/linkedInN.svg); 
	transition-duration: 1s;
	width: 29px; height: auto;

}

#imgSicon4{
	background-image: url( ../images/eMail.svg); background-repeat: no-repeat; background-attachment: inherit;
	width: 25px; height: auto;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon4:hover{
	background-image: url( ../images/eMailN.svg); 
	transition-duration: 1s;
	width: 29px; height: auto;

}




#imgSicon1-1{
	background-image: url(../images/FB-2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 95px; height: 95px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon1-1:hover{
	/*background-image: url(../images/FB-2.png); */
	transition-duration: 1s;
	width: 100px; height: 100;

}
@media (max-width: 576px) {

#imgSicon1-1{
	background-image: url(../images/FB-2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 40px; height: 40px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon1-1:hover{
	/*background-image: url(../images/FB-2.png); */
	transition-duration: 1s;
	width: 45px; height: 45px;

}
}


#imgSicon2-2{
	background-image: url( ../images/InstagramN2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 95px; height: 95px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon2-2:hover{
	/*background-image: url(../images/InstagramN2.png); */
	transition-duration: 1s;
	width: 100px; height: 100px;

}

@media (max-width: 576px) {
	#imgSicon2-2{
	background-image: url( ../images/InstagramN2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 40px; height: 40px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon2-2:hover{
	/*background-image: url(../images/InstagramN2.png); */
	transition-duration: 1s;
	width: 45px; height: 45px;

}
	
}

#imgSicon3-3{
	background-image: url( ../images/linkedIn2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 95px; height: 95px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon3-3:hover{
	/*background-image: url( ../images/linkedIn2.png); */
	transition-duration: 1s;
	width: 100px; height: 100px;

}

@media (max-width: 576px) {
	#imgSicon3-3{
	background-image: url( ../images/linkedInN2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 40px; height: 40px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon3-3:hover{
	/*background-image: url( ../images/linkedInN2.png); */
	transition-duration: 1s;
	width: 45px; height: 45px;

}
}

#imgSicon4-4{
	background-image: url( ../images/eMailN-2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 95px; height: 95px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon4-4:hover{
	/*background-image: url( ../images/eMailN-2.png); */
	transition-duration: 1s;
	width: 100px; height: 100px;

}

@media (max-width: 576px) {
	#imgSicon4-4{
	background-image: url( ../images/eMailN-2.png); background-repeat: no-repeat; background-attachment: inherit;  background-size: contain;
	width: 40px; height: 40px;
	background-color: transparent;
	transition-duration: 1s;
}
#imgSicon4-4:hover{
	/*background-image: url( ../images/eMailN-2.png); */
	transition-duration: 1s;
	width: 45px; height: 45px;

}
}









.center {
  padding: 185px 0 ;
  text-left: center;
}
@media (max-width: 576px) {
.center {
  padding: 100px 0 70px 0 ;
  text-left: center;
}
  }
.center2 {
  padding-top: 10px;
  text-left: center;
}
@media (max-width: 576px) {
	.center2 {
  padding: 500px 0 100px ;
  text-left: center;
}
}
.super{
	font-size: 5em;
	line-height: 0.8em;
	color: #2c3258;  
	padding-bottom: .3em;
	
}

@media (max-width: 576px){
	.super{
    marging-top: 100px;
	font-size: 3em;
	line-height: 0.8em;
	color: #2c3258;
	padding-bottom: .1em;
	
}
}

.mini{
	font-size: 3em;
	line-height: 0.8em;
	color: #2c3258;
	font-weight: lighter;
	
	
}
@media (max-width: 576px){
	.mini{
	font-size: 1.8em;
	line-height: 1em;
	color: #2c3258;
	font-weight: lighter;
	
}
}
.mini0{
	font-size: 1.6em;
	line-height: 1.1em;
	color: #2c3258;
	font-weight: lighter;
	
	
}

#Moss{
	padding-left: 13%; padding-right: 13%
}

@media (max-width: 576px){
	#Moss{
	padding-left: 0%; padding-right: 0%
}
}

@media (max-width: 576px){
	.mini0{
	font-size: 1.2em;
	line-height: 1em;
	color: #2c3258;
	font-weight: lighter;
	
}
}
.mini2{
	font-size: 1.5em;
	line-height: 0.8em;
	color: #2c3258;
	font-weight: lighter;
	
	
}
.mini3{
	font-size: 1.2em;
	line-height: 1.7em;
	color: #2c3258;
	font-weight: lighter;
	
	
}
.mini4{
	font-size: 0.9em;
	line-height: 0.8em;
	color: #2c3258;
	font-weight: lighter;
	
	
}
.lista{
	margin-top: 1em;
		font-size: 1.3em;
	line-height: 1.5em;
	color: #2c3258;
	font-weight: lighter; 
	transition-duration: 1s;
}
.lista li:hover {
	font-weight: bolder;
	font-size: 1.5em;  
	transition-duration: 1s;
	list-style-image: url(../images/bullet.png);
	
}
.img-myC{
	position: absolute; z-index: 1210; right: -100px; top:70px;
}
@media (max-width: 576px) {
	.img-myC{
	position: absolute; z-index: 1020; right: 0px; top: -70px;
}
}

.mySlides {
	display:none; width: 90%;  margin-left: 70px;
		}
@media (max-width: 576px) {
	
.mySlides {
	margin-left: 20px;
		}
}		

.img-my{
	position: absolute; z-index: 1200; right: -100px; top:70px;
}
@media (max-width: 576px) {
	.img-my{
	position: absolute; z-index: 1020; right: 0px; top: -70px;
}
}

.img-my2{
	position: absolute; z-index: 1000; left: -100px; top:-40px;
}
@media (max-width: 576px) {
	.img-my2{
	position: absolute; z-index: 1000; left: 0px; top: -40px;
}
}
.callContacto 	{
	position:fixed; 
	right: 0px; 
	bottom: 50px;
	
	z-index: 1250;

}
@media (max-width: 576px) {
.callContacto 	{
	position:fixed; 
	right: 0px; 
	bottom: 75px;
	
	z-index: 1250;

}	
	
}



.footer{
	background-color:#9b9183;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	height: 75px; color: #dbd7d4;
	padding: 30px 0  ;
	font-weight: lighter;

  text-align: center;
}

@media (max-width: 576px) {
.footer{
	background-color:#9b9183;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	height: 75px; color: #dbd7d4;
	padding: 30px 0  70px 0;
	font-weight: lighter;

  text-align: center;
}

}


.navbar {
    padding: 0.5rem 1rem 0rem 1rem;
	border-bottom: solid 10px #212435;
	
}

.navbar-nav {
			  margin-bottom: -8px;
		  }
.navbar-nav #navborder1 {

    border-bottom: solid 10px #dbd7d4;
}
.navbar-nav #navborder2 {

    border-bottom: solid 10px #9b9183;
}
.navbar-nav #navborder3 {

    border-bottom: solid 10px #fee970;
}

.navbar-nav #navborder4 {

    border-bottom: solid 10px #84654e;
}



.navbar-nav #navborder1:hover ,#navborder2:hover ,#navborder3:hover ,#navborder4:hover {

    background-color: hsla(0,0%,0%,0.60);
}
.navbar-nav #casa {
			  background-color: #e4b61a;
				 padding-top: 1px;
	line-height: 0.8em;
		  }
		  
.navbar-nav li {
				  padding: 10px 10px 0px 10px;
}