.selector-for-some-widget {
  box-sizing: content-box;
}

body{
	background-color:#00100E;
	color:#FFF;
	margin-bottom:50px;
}

h2{
	font-size:2.25em;
}

.h2-obras{
	font-size:1.25em;
	font-weight:normal;
}

h3{
	color:#FFF;
	font-size:1.2em;
	line-height: 100%;
	text-shadow: 2px 2px 2px #111;
	-webkit-text-shadow: 2px 2px 2px #111;
	-moz-text-shadow: 2px 2px 2px #111;
}

h4{
	font-size:2em;
	font-weight:800;	
}

h5{
	font-size:1em;
}

dt{
	font-weight: normal;
}

dd {
	margin-bottom:1em;
}

dd p{
	margin:0;
}

aside{
	/*background-color:#333;*/
	float:right;
}

figcaption{
	text-align:center;
	font-style:italic;
}

.figcaption-destacado{
	font-size: 1.2em;
	margin-top: .5em;
}
.dropdown-menu{
	background-color:rgba(255,255,255,0.75);
}

.nav-item{
	padding: 0 1em;
}

.subtitle-margin{
	margin-top:50px;
}

section{
	margin-top:40px;
}

.corporative-color{
	color:#F00;
}

.corporative-color-light{
	color:#F00;
}

.corporative-color-white{
	color:#FFF;
}

.corporative-font{
	font-family: 'Quicksand', serif;
}

.corporative-font-bold{
	font-family: 'Quicksand', serif;
	font-weight:800;
}

.padding-xs{
	padding: 0.5em;
}

.collection{
	font-size:1.5em;
}

.txt-intro{
	text-align:right;
	font-style:italic;
}

.txt-intro p{
	position: absolute;
	bottom: 0;
}

.txt-font{
	font-family: 'Open Sans', sans-serif;
	font-size:medium;
	line-height: 190%;
	text-align:justify;
}

.txt-font-br{
	margin-bottom: 3em;
}
.txt-italic{
	font-style:italic;
}

.txt-bold{
	font-weight:bold;
}

.txt-cita{
	font-size:1.75em;
	font-style:italic;
	text-align:left;
}

.txt-links dd{
	margin:0;
}

.txt-links dd a{
	color:#FFF;
	text-decoration:underline;
}

.txt-links dd a:hover{
	text-decoration:none;
}

.btn-txt{
	font-size:0.75em;
}


.gallery-img{
	width:760px;
	float:right;
	text-align:center;
	height:650px;
	display:table;
	background-color:#000;
	
}

.gallery-img-content{
	display: table-cell;
	vertical-align: middle;
}

.gallery-info{
	float:left;
	width:330px;
	padding-left:30px;
	display:table;
	height:650px;
}

.gallery-info li{
	font-size:0.75em;
	text-align:left;
	line-height: 175%;
}

.gallery-info-content{
	display: table-cell;
	vertical-align: bottom;
	top: 50%;
  	left: 50%;
}

.carousel-control-next{
	margin-top:200px;
	margin-right:70%;
	width:auto;
	height: 5%;
}

.carousel-control-prev{
	margin-top:200px;
	width:auto;
	height: 5%;
}

.list-font{
	font-family: 'Open Sans', sans-serif;
	font-size:medium;
	line-height: 190%;
}

.list-font strong {
	font-weight: 600;
}

.list-br{
	margin-bottom:1em;
}


.list-aside ul li a{
	color:#FFF;
	display:block;
	margin-bottom:.5em;
	padding:.5em 1em;
	background-color:#333;
	border-radius: .25em;
}

.list-aside ul li a:hover{
	text-decoration:none;
	background-color:#666;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
}

.firma{
	margin:10px 0;
}

/*CORRECCIÓN DEL divider-vertical DE BOOTSTRAP 3*/
.navbar .divider-vertical {
/*height: 50px;
margin: 0;*/

border-left: 2px solid #F00;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,1);
}

.selector-for-some-widget {
  box-sizing: content-box;
}


@media (max-width: 767px) {
.navbar-collapse .nav > .divider-vertical {
    display: none;
  }

.txt-intro p{
	position: relative;
	bottom: 0;
} 
}
/*FIN DE LA CORRECCION*/

@-ms-viewport{ /*Correccion para IE10 para la anchura del viewport*/
	width: device-width;
}

@-webkit-viewport   { width: device-width; }/*Correccion para Windows Phones para la anchura del viewport, depende de un javascript*/
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/*CLASES ESPECÍFICAS PARA LOS ARTÍCULOS*/
.article-works{
	text-align:center;
}
.index-firm{
	margin-bottom:100px;
}

.index-works{
	padding: 2px;
	border: 2px #00100E solid;
	margin-bottom:50px;
}

.index-works:hover{
	border: 2px #F00 solid;	
}

.index-name{
	width:100%;
	height:100%;
	padding: 5px 35px;
	position: absolute;
	text-align:left;
	z-index:1;
	
	transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px);
	-moz-transform: translate(0px, 10px);
	-webkit-transform: translate(0px, 10px);
	-o-transform: translate(0px, 10px);
}

.glyphicon-lg {
    font-size: 50px;
}

/*BARRA DE NAVEGACIÓN PERSONALIZADA*/
.navbar-custom {
  background-color: #111;
  margin-top:5px;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #990000;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #990000;
  background-color: #111111;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #101010;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #990000;
  border-bottom-color: #990000;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #111111;
  color: #990000;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #990000;
  border-bottom-color: #990000;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #990000;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #990000;
    background-color: #111111;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #990000;
}

/*Botón para subir arriba*/
.go-top{
	text-align:center;
	position: fixed;
	bottom: 1em;
	right: .5em;
	text-decoration: none;
	color: #111;
	background-color: #FFF;
	display: none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	height:50px;
	width:50px;
	padding:.5em;
}

.go-top:hover {
	color: #fff;
	background-color: #333;
	text-decoration:none;
}

.go-top a{
	color: #111;
}

.go-top a:hover{
	color: #fff;
}
/*- - - - - - - - */
.col{
	float:left;
}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF EIGHT  */
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.45%;
}

.span_6_of_8 {
  	width: 74.9%;
}

.span_5_of_8 {
  	width: 62.35%;
}

.span_4_of_8 {
  	width: 49.8%;
}

.span_3_of_8 {
  	width: 37.25%;
}

.span_2_of_8 {
  	width: 24.7%;
}

.span_1_of_8 {
  	width: 12.15%;
}

.carousel-item {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}

/*CONDICIONALES SEGÚN LA ANCHURA DEL DISPOSITIVO*/
@media (max-width: 1200px) {
		.gallery-img{
		width:100%;
		float:none;
	}

	.gallery-info{
		height:0;
		margin-top: 15px;
		padding-left:0;
	}
	
	.carousel-item{
		margin-top: 65px;
	}

	.carousel-control-next{
		margin-top:0;
		margin-right:0;
	}

	.carousel-control-prev{
		margin-top:0;
	}

	
}

@media (min-width: 992px) {
		
}

@media (max-width: 768px) {
	.article-img {
		display: block;
		filter: grayscale(0);
		float:right;
	}
	
	.article-img:hover{
		transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		filter: grayscale(0);
	}
	
	.article-img-container{
		margin-bottom: 10px;
		width: 25%;
	}
	
	.work-name {
		width:100%;
		overflow: hidden;
	}
	
	.index-works{
		text-align: center;
		background-color: black;
	}

	.go-top{
		height:0px;
		width:0px;
		font-size:0em;	
	}
}

@media (max-width: 480px) {
	.article-img-container{
		text-align:center;
	}
	
	.article-img {
		float:none;
	}
		
	.article-img-container{
		margin-bottom: 10px;
		width: 50%;
	}
	.nav-item{
		padding:0;
	}
	
	.gallery-img{
		height:450px;
	}
	
	.carousel-control-next{
		margin-top:10px;
	}

	.carousel-control-prev{
		margin-top:10px;
	}
	
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}