/*VISTA ESTILOS*/
.navbar{background:#3b596b;}
.nav-item::after{content:'';display:block;width:0px;height:2px;background:#C02A2A;transition: 0.2s;}
.nav-item:hover::after{width:100%;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#C02A2A;}
.nav-link{padding:15px 5px;transition:0.2s;}
.dropdown-item.active, .dropdown-item:active{color:#212529;}
.dropdown-item:focus, .dropdown-item:hover{background:#E8E8E8;}
.navbar-dark .navbar-nav .nav-link {
color: #FFF;
}	

body {

background: #fff;
}
/*LETRAS*/

h1{
font-family: 'Domine', serif;
font-size:3rem;
color:#513629;
}
	


.main{
 width: 100%;
 /*border: 10px solid #fff;*/
}

.carousel-indicators li {
background: #a3a3a3;
border-radius: 50%;
width: 8px;
height: 8px;
}

hr{
display: block;
position: center;
top: 0;
width: 55px;
height: 4px;
content: '';
background: #962d22;
border-radius: 5px;
}


.text-centr{
text-align: center!important;
}	


.bg-dark{
background-color: #fff;
z-index: 10001;
font-size: 15px;
font-family: 'Domine', serif;
}
	
/*footer*/
.footer { width:100%; background-color:#3b596b !important; min-height:250px; padding:10px 0px 25px 0px ;border-top: 4px solid #962d22;}
.footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}

/**/
.card {
    border-radius:0;
    margin:10px auto;
}
.card-title {
	text-transform: uppercase;
	color: #E44424;
}

.card-text {
	margin-top:10px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
	color:#000000;
}
a.btn, a.btn:visited {
    color:#fff;
}

.btn-rojito{
background: #990000;
border:  #990000;
color: #fff;
} 
	
.btn-rojito:hover{
background: #b30000;
} 
	
.middle{
padding-top: 25%;

}

.piedelimon{
padding-top: 15%;
}
	
/*estilo cuadros */	
.textmain{
padding-bottom: 100px;
}
  








figure.snip0057 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
/*  min-width: 590px;
  max-width: 590px;*/
  width: 100%;
  background: #ffffff;
  color: #000000;
  
}


figure.snip0057 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}


@media only screen and (max-width: 800px) {
.snip0057 .image {
width: 30%;
height: 30%;
}
}
	
@media only screen and (max-width: 1000px) {
figure.snip0057 .image {
    width: 50%;
    height: 50%;
    overflow: hidden;
    z-index: 1;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
}
}

@media only screen and (max-width: 1000px) {
.snip0057 .image img {
   height: 95%;
width: 180%;
}
}
	
figure.snip0057 .image {
  width: 50%;
  /*height: 50%;*/
  overflow: hidden;
  z-index: 1;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
	
figure.snip0057 .image img {
position: relative;
/*display: block;
*/left: -15%;
z-index: 1;
-webkit-transform: skew(15deg);
transform: skew(15deg);

}
	
figure.snip0057 p {
font-family: 'Hind Guntur', sans-serif;
font-size:14px;
color:#513629;
}

	
figure.snip0057:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 45%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transform: skewX(-17deg);
  transform: skewX(-17deg);
  -webkit-box-shadow: 15px 0px 25px rgba(0, 0, 0, 0.7);
  box-shadow: 15px 0px 25px rgba(0, 0, 0, 0.7);
}
figure.snip0057 figcaption {
  padding: 20px 30px 20px 20px;
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 50%;
  height: 70%  
}
figure.snip0057 figcaption h2,
figure.snip0057 figcaption p {
  margin: 0;
  text-align: right;
  padding: 10px 0;
  width: 100%;
}
figure.snip0057 figcaption h2 {
  font-size: 1.3em;
  font-weight: 300;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
figure.snip0057 figcaption h2 span {
  font-weight: 800;
}
figure.snip0057 figcaption p {
  font-size: 1.5vh;
  opacity: 0.8;
}
figure.snip0057 figcaption .icons {
  width: 100%;
  text-align: right;
}
figure.snip0057 figcaption a {
  color:#962d22;
}
figure.snip0057 figcaption a:hover {
  opacity: 1;
}
figure.snip0057 .position {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: right;
  padding: 15px 30px;
  font-size: 0.9em;
  opacity: 1;
  font-style: italic;
  color: #ffffff;
  background: #000000;
}



figure.snip0057.blue .position {
  background: #20638f;
}
figure.snip0057.red .position {
  background: #962d22;
}
figure.snip0057.yellow .position {
  background: #bf6516;
}
figure.snip0057:hover figcaption,
figure.snip0057.hover figcaption {
  bottom: 40px;
}

figure.snip0057:hover:before,
figure.snip0057.hover:before {
  -webkit-animation: shadow 0.6s ease-in-out;
  animation: shadow 0.6s ease-in-out;
}