.cabecera{
	webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	padding-bottom: 10px;
	justify-content: left;
	min-height: 68px;
}
.cabecera .titulo {
    text-transform: none;
    display: flex;
}
.cabecera .titulo h1{
    font-size: 19px;
    display: inline;
    font-weight: bold;
}
.cabecera .titulo h2{
    font-size: 16px;
    display: inline;
    margin-left: 10px;
}
.cabecera .enlaces{
	float: right;
    position: absolute;
    right: 50px;
    top: 0px;
    padding: 5px 0;
}
.cabecera .enlaces button, button.btn.btn-inicial-camara{
	background: transparent;
    font-size: 36px;
    position: relative;
    border-radius: 100%;
    padding: 3px 11px;
    outline: none;
}
.cabecera .enlaces button:focus, .cabecera .enlaces button:active, button.btn.btn-inicial-camara:focus, button.btn.btn-inicial-camara: active{
	outline: none;	
	box-shadow: none;
}
.cabecera .enlaces button:not(.selected):hover i.fa, .inicial:hover button.btn.btn-inicial-camara i.fa {
    color: #d90f13;
}
.cabecera .enlaces button.selected{
	border: 2px solid #d90f13;
}
.cabecera .enlaces .contador_camara, button.btn.btn-inicial-camara .contador_camara{
    position: absolute;
    left: 17px;
    color: #FFF;
    font-size: 21px;
    top: 14px;
}
.inicial {
    padding: 0;
    background-color: #F8F9FB;
    border: 10px solid white;
    cursor: pointer;
}
button.btn.btn-inicial-camara {
    position: absolute;
    left: 10px;
    top: 0;
}
#contenedor{
	width: 100%;
	text-align: center;
    min-height: calc(100vh - 140px);
}
#contenedor #concentrado{
	width: 100%;
	max-width: 1300px;
	padding: 0px 15px;
	margin: 0 auto;
}
#contenedor #concentrado .datos{
	float: left;
	width: 300px;
	margin-top: 60px;
}
#contenedor div.inicial img.img-responsive{
	max-height: 300px;
	margin: 0 auto;
	padding: 30px;
}
#contenedor .collapse{
	transition: all 3000ms ease-out;
}
#camara1 .btn-primary, #camara2 .btn-primary{
	margin-bottom: 50px;
}
.principal{
	display: table;
}
.iframefoto{
	max-width: 900px;
	height: 100%;
	border: none;
	min-height: 535px;
}
.iframevideo{
	max-width: 900px;
	height: 100%;
	border: none;
	min-height: 390px;
}
.footer{
	clear: both;
    text-align: center;
    border-top: 1px solid #e3e3e3;
    padding-top: 10px;
}
@media (max-width: 1280px){
	#contenedor{
		text-align: center;
	}
	#contenedor #concentrado{
		margin: 0 auto;
	}
	#contenedor #concentrado .datos{
		display: none;
	}
	#contenedor #concentrado .iframes{
		float: none;
		margin: 0 auto;
		width: 100%;
	}
}
@media (max-width: 678px){
	.cabecera{
		display: block;
		box-shadow:  none;
	}
	.logo_empresa{
		margin: 10px auto; 
	    position: static; 
	    float: none; 
	    max-width: none;
	}
	.cabecera .empresas{
		float: none;
	}
	.cabecera .enlaces {
        position: static;
	    float: none;
	    width: 100%;
	    text-align: center;
	    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	    -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
	    box-shadow: 0px 10px 5px 0px rgb(0 0 0 / 75%);
	    padding-bottom: 10px;
	    justify-content: left;
	    min-height: 68px;
    	background-color: #F8F9FB;
    	border-top: 1px solid #E8E9EB;
	}
}