body {
    padding-top: 60px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
  	opacity: 1;
  	transition: 1s opacity;
  	font-size:13px;
}

body.fade-out {
  opacity: 0;
  transition: none;
}

p {
	text-align: justify;
	color:#777;
}

.box-gris {
	margin: 0 5px 20px 5px;
	overflow:hidden;
	padding: 20px;
	background-color:#fafafa;
	border:1px solid #003366;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.box-morado {
	margin: 0 5px 20px 5px;
	overflow:hidden;
	padding: 20px;
  	background-color: rgba(95, 75, 139, 0.1);
	border:1px solid #003366;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

figure {
	padding: 10px;
}

figcaption {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-style: italic;
  	font-weight: bold;
  	font-size: 0.9em;
	color:#777;
  	border-bottom: 2px solid #eee;
}

.txtMin {
  padding:10px;
  font-size:12px;
}

.lupa {
  cursor: url(../img/lupa.png), auto;
}

.txtFoto {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  border: 0;
  border-top: 2px solid #eee;
}

.piefoto {
  margin:10px 0;
  text-align: center;
  font-size: 13px;
  color:#777;
}

.capital
{
   float:left;
   color:#1D3E53;
   background:white;
   font-size:60px;
   line-height:40px;
   padding:2px;
   font-family:Georgia;
   margin-right: 5px;
}

a {color: #6699cc; text-decoration: none;}
a:hover, a:active  {color: #d07530; text-decoration: none;}

.imgfondo { height:100px; background-size: 100%; background-position: 50%;}
.fotored { border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}

#imgconten img{height: auto; max-width: 90%; margin: 15px; padding: 5px; border:solid 0px #DDDDDD; border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;-webkit-border-bottom-right--radius:5px;-webkit-border-bottom-left--radius:5px; -moz-box-shadow: 1px 1px 6px #666666; -webkit-box-shadow:1px 1px 6px #777777; box-shadow:1px 1px 6px #777777;}
#imgconten ul{padding-left:25px; text-align: justify; color:#777}
#imgconten div{text-align: justify; color:#777}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #eee;
}

.page-header {
  font-size:20px;
  font-weight: bold;
  padding-bottom: 9px;
  margin: 20px 0 20px;
  border-bottom: 2px solid #eee;
  color: #476D7C;
}

.page-header2 {
  font-size:24px;
  font-weight: bold;
  padding-bottom: 9px;
  margin: 30px 0 20px 0;
  color: #476D7C;
}

.subrayado {
  margin: 10px 0 20px;
  border-bottom: 2px solid #eee;
}

.museo {
  font-size:18px;
  font-weight: bold;
  padding-bottom: 9px;
  margin: 20px 0 6px;
  border-bottom: 2px solid #eee;
  color: #476D7C;
}

.subtitulo {
  font-size:17px;
  font-weight: bold;
  padding-bottom: 9px;
  margin: 15px 0 10px;
  border-bottom: 2px solid #eee;
  color: #476D7C;
}

.masinfo {
  font-size:13px;
  font-weight: bold;
  padding-bottom: 6px;
  margin: 5px 0 5px;
  border-bottom: 2px solid #eee;
  color: #476D7C;
}

.titularNOT {
  font-size:14px;
  font-weight: bold;
  color: #476D7C;
}

.titularMORADO {
  font-size:13px;
  font-weight: bold;
  color: #5f4b8b;
}

.portfolio-item {
    margin-bottom: 15px;
}

.panel-body {
  padding: 10px;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #1D3E53;
  border-color: #1D3E53;
}

.well {
  background-color: #f5f5f5;
}

.btn-primary {
  color: #fff;
  background-color: #1D3E53;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #d07530;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #d07530;
  border-color: #204d74;
}

/***************************************/

.carousel-3d-container figure {
  margin:0;
}

.carousel-3d-container figcaption {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 0;
  padding: 15px;
  font-size: 12px;
  min-width: 100%;
}

/***************************************/

.zoom a {      
  overflow:hidden;     
  max-width:300px;   
}
.zoom a img {
  transition:all 0.5s; 
  -moz-transition:all 0.5s; 
  -webkit-transition:all 0.5s; 
}
  
.zoom a img:hover{
  transform:scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform:scale(1.1);
}

/*********** Redes sociales ***********/
/**************************************/

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }

/*************** Breadcrumb ***************/
/******************************************/

.breadcrumb {
    padding: 0px;
	background: #D4D4D4;
	list-style: none; 
	overflow: hidden;
    margin-top: 10px;
}
.breadcrumb>li+li:before {
	padding: 0;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li.active a {
	background: brown;                   /* fallback color */
	background: #476D7C ; 
}
.breadcrumb li.completed a {
	background: brown;                   /* fallback color */
	background: hsla(153, 57%, 51%, 1); 
}
.breadcrumb li.active a:after {
	border-left: 30px solid #476D7C ;
}
.breadcrumb li.completed a:after {
	border-left: 30px solid hsla(153, 57%, 51%, 1);
} 

.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 6px 0 6px 45px;					/*Altura de la barra del breadcrumb*/
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(0, 0%, 83%, 1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
	padding-left: 10px;
}
.breadcrumb li a:hover { background: #476D7C  ; }
.breadcrumb li a:hover:after { border-left-color: #476D7C   !important; }	/*color hover de los botones del breadcrumb*/

/******************************************/

/*************** Footer ***************/
/**************************************/

footersimple
{
    width: 100%;
    bottom: 0;
    position: absolute;
    height: 65px;
}
.footer1 { background: #476D7C; padding: 30px 0 0 0; font-size: 12px; color: #999; }
	.footer1 a { color: #ccc; }
		.footer1 a:hover {color: #fff; }
	.footer1 .widget { margin-bottom:30px; }		
	.footer1 .widget-title { font-size: 16px; color: #ccc; margin: 0 0 20px; padding-bottom: 5px; border-bottom: 1px solid #eee;}
	.footer1 .widget-body { font-size: 12px; color: #ccc; margin: 0 0 20px; padding-left: 10px;}
	.footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
		.footer1 .entry-meta a { color: #333333; }
		.footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
	.follow-me-icons { font-size:30px; }		
		.follow-me-icons i { float:left; margin:0 10px 0 0; }	

.footer2 { background: #1D3E53; padding: 15px 0; color: #777; font-size: 12px; width: 100%; bottom: 0;}
	.footer2 a { color: #aaa; }
		.footer2 a:hover { color: #fff; }
		.footer2 p { margin: 0; }

	.widget-simplenav { margin-left:-5px; }		
	.widget-simplenav a{ margin:0 5px; }