@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

body {
	background: #000 url(../img/logofondo.jpg) repeat-x;
	font-family: 'PT Sans', sans-serif !important;
}
.marca{
 padding: 10px;
  margin: 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  /* font-size: 15px; */
  /*letter-spacing: -1px;*/
}
.carousel-item {
  height: 100vh;
  min-height: 300px;
  /*background: no-repeat center center scroll;*/
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption h2 {
    font-size: 2.7rem !important;
}
.social{
	height: 50px;
    width: auto;
}
.container h1{
	color: #53575a;
    text-transform: capitalize;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1) !important;
}
#menuhome{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=0 ); /* IE6-9 */
}
.bg-dark {
    background-color: transparent !important;
}
.contenido h3{
	color: #868686;
    font-weight: bold;
}
.portfolio-pic{
	min-height: 30rem;
	width: 100%;
	background-size: cover;
}
.portfolio-mod{
	min-height: 30rem;
	width: 100%;
	background-size: cover;
}
.portfolio-pic:hover, .portfolio-mod:hover{
	-webkit-filter: grayscale(1);
  	filter: grayscale(1);
}
#linkimg a{
	color: #fff;
    text-transform: uppercase;
}
#linkimg a:hover{
	font-weight: bold;
	text-decoration: none;
}

#informacion{
	background-color: #2c2c2c;
	color:#fff;
	border-radius: 0px 0px 20px 20px;
}
#informacion h1{
	font-weight: bold;
}
#informacion hr{
	background-color: #dc2027;
}
.ekko-lightbox-nav-overlay a {
    color: #000 !important;
}
.modal-backdrop.show {
    opacity: .75 !important;
}
.modal-header {
	display: inherit !important;
    border: none;
    height: 10px;
}
#footer{
	font-size: .8rem;
	margin-top: 1rem;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	color: #000;
	text-decoration: none;
}
#volver{
	padding-top: .7rem;
    display: block;
    color:#fff;	
    font-size: .85rem;
}
#volver a, #volver a:hover{
	color: #ccc;
	text-decoration: none;
}
.carousel-caption h2{
	font-weight: bold;
    text-transform: uppercase;
    font-size: 3rem;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.contenido p{
	color:#ccc;
}
.contenido ul li{
	color:#ccc;
}

.pie{
	background: #c7242b;
    bottom: 0;
    /*position: fixed;*/
    padding: 1px 0 15px 0;
}
.navbar-collapse {
    background-color: #c7242b !important;
    padding-right: 5px;
    border-radius: 0px 6px 6px 0px;
}
.navbar-nav {
    padding-left: 10px !important;
}
.navbar-brand {
    margin-right: 0rem;
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1.5);
    border-color: rgba(255,255,255,.5);
    background-color: #c7242b;
}
.txt{
	padding: 15px;
}
.imagen-sec{
	height: 400px;
    background-size: cover;
    margin-bottom: 15px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@media (min-width: 992px){
	.portfolio-pic{
		min-height: 20rem;
	}
	.portfolio-mod{
	min-height: 25rem;
}
	#informacion{
	border-radius: 0px 20px 20px 0;
	}
	.social{
	height: 20px;
    width: auto;
	}	
}