@font-face {
	font-family: comic;
	src: url('fonts/SF_Wonder_Comic.ttf');
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Lato', sans-serif;
}
a {
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	color: #FFF;
	display:block;
}
a span, div span {
	display:none;
}
em {
	font-style:italic;
}
strong {
	font-weight:700;
}
p {
	font-family: 'Lato', sans-serif;
}

.piso3 {
    float: right;
    background:url(../images/misc/luz_sombra.png) no-repeat -275px center;
    width: 135px;
    height: 135px;
    margin: 0px 15% 20px 0px;
}
.piso2 {
    float: left;
    background:url(../images/misc/luz_sombra.png) no-repeat 0px center;
    width: 135px;
    height: 135px;
    margin:  0px 0px 20px 15%;
}

/*2. HeaHeader*/
.menudark li a{
    color: black;
}

.menudark div nav > ul li {
	padding: 7px 0 7px 15px;
    border-bottom:1px dashed black;
}

.menu {
    
	position:relative;
	float: left;
	width:200px;
	height:100%;
    z-index:104;
    font-size: 0.8rem;
}
.menu > div {
	height:330px;
	width:100%;
	position:relative;
	top:0px;
}
.logo {
	display:block;
	height:140px;
	width:140px;
	background:url(../images/misc/logo.png) no-repeat center;
	margin:auto;
}

.replaced_txt {
	
    color: transparent;
}

.menu div nav {
    list-style-type: none;
	width:150px;
    margin:20px auto;
}
.menu div nav > ul li {
	padding: 7px 0 7px 15px;
	border-bottom:1px dashed #FFFDF3;
}
.menu div nav ul li:hover > ul {
	display: block;
	z-index: 1000;
}
.menu div nav > ul li a {
    
	letter-spacing: 0.1em;
	font-family:comic;
}

.menu div nav > ul li a:hover {
    font-weight: bold;
    font-size: 1.3rem;
    
}

.menu div nav ul ul {
	position:fixed;
	padding:0;
	background-color:#1A1A1A;
	display:none;
	width:100%;
    margin: -15px 0 0 130px;
    width: auto;
}
.menu div nav ul ul li {
    margin-left: 0px;
	position:relative;
	border-bottom:#F8874D solid 1px;
	padding:8px;
}
.menu div nav ul ul li a {
	color:#fff;
	padding:3px 10px;
	text-align:left;
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem;    
}
.del_border {
	border:none !important;
}
.activo {
	background-color:rgba(255,206,158,0.45);
}

/*Salas 2*/

.sala2 div form {
	width: 536px;
	min-height: 540px;
	padding: 420px 40px 0px;
	background: url("../images/internas/sala2/fondo.png") no-repeat center -30px;
	margin: 0 auto;
}
.sala2 ul {
    display:inline-block;
    font-size: 0.9rem;
}

.sala2 ul img {
	width: 100%;
}

.sala2 ul li hgroup {
    padding:10px 10px 10px 20px;
    position: relative;
    height: 4.1rem;
    overflow-y: auto;
	/* background:url(../images/misc/obras.png) no-repeat 0px 5px; */
}
.sala2 ul li {
	float: left;
	margin: 7px;
	border-bottom: dotted 1px #333;
	width: 30%;
}
.sala2 ul li hgroup h3 {
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size:1.2em;
	font-weight:600;
}
.sala2 ul li hgroup em {
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size:1.3em;
}
.sala2 ul li hgroup p {
	color:#333;
	font-family: 'Lato', sans-serif;
	font-size:1.3em;
}

/*Sala 3*/
.container_slider {
	clear:both;
	margin:0 auto;
	overflow: hidden;
	padding-top: 43px;
}
.container_slider .side_slider, .interna .sala3 .container_slider .slidersala3 {
	color:#39261F;
	float:left;
    margin-left: 18px;
    margin-right: 1rem;
}
.container_slider .side_slider h2 {
	font-size:1em;
	font-weight:bold;
	margin-bottom: 30px;
}
.container_slider .side_slider p {

    color: #39261F;
    margin-bottom: 30px;
}
.interna .sala3 .galeria {
	color:#333333;
	font-size:1.2em;
	font-family: 'Lato', sans-serif;
	overflow:hidden;
}
.interna .sala3 .galeria ul li {
	border-bottom:1px dotted #333333;
	overflow:hidden;
	float:left;
	margin: 0px 15px 10px 0;
	padding: 14px 0 20px 0;
}

.container_slider hr{
    border-top: 1px solid black;
    margin: 20px;
}

.imgDuchamp{
    width: calc(100% - 16rem);
}

/* Noticias*/
.SoundPlayer{
    position: relative;
    width: 100%;
    background-color: #fff; 
    padding-top: 10px;
}

.noticias div form {
	width: 536px;
	min-height: 540px;
	padding: 420px 40px 0px;
	background: url("../images/internas/sala2/fondo.png") no-repeat center -30px;
	margin: 0 auto;
}
.noticias ul {
    display:inline-block;
    font-size: 0.9rem;
}

.noticias a {
    color: black;
    
}

.noticias h2{
    color:#333;
	font-family: 'Lato', sans-serif;
	font-size:1.1rem;
    font-weight:bold;
    margin-top:10px;
	margin-bottom:10px;
}

.noticias p{    
    font-size:0.9rem;
    font-weight:600;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: lighter;
    
}

.noticias .texto{
    overflow-y: auto;
    height: 150px;
}

.noticias .grande{
    height: 200px;
}

.noticias strong{
    font-weight:bold;
}

.noticias ul img {
    width: 100%;
    max-height: 144px;
}

.noticias ul li hgroup {
    padding:10px 10px 10px 20px;
    position: relative;
    height: 4.1rem;
    overflow-y: auto;
}
.noticias ul li {
	float: left;
	margin: 7px;
	border-bottom: dotted 1px #333;
	width: 30%;
    height: 300px;
    overflow: hidden;
}

.cite {
	color: #D25240 !important;
    font-weight: 600;
	font-size:0.9rem;
    display:block;
    margin-top:100px;
	margin-bottom:10px;
}

/*4. Home*/

.piso3 {
	background:url(../images/misc/luz_sombra.png) no-repeat -275px center;
}
.piso2 {
	background:url(../images/misc/luz_sombra.png) no-repeat 0px center;
}
.dick {
	background:url(../images/misc/luz_sombra.png) no-repeat -151px 10px;
	width: 110px;
	height: 130px;
	float: left;
    margin: 0px -45px;
    padding: 6px;
}
.grabado {
	background:url(../images/misc/boton_descarga.png) no-repeat 0px 0px;
	position:fixed;
	right:0;
	top:15%;
	height:34px;
	width:216px;
	z-index:100;
}

/* inicio */
.salas {	
    height: auto;
	flex:1;
    padding: 25px;
    margin: 20px;
    max-width: 900px;
    width: 100%;
    margin-top: -30px;
    overflow: visible;
}

.salas ul {
	display:inline-block;
}
.salas ul li {
	float:left;
	margin:55px 126px;
}
.salas ul li h3 a {
	height:132px;
	width:132px;
}
.salas ul li h3 a:hover {
}

.salas section article {
    height:auto;
	background:rgba(0,0,0,0.6);
    text-align:center;
    color: white;
    overflow: visible;
}
.salas section article header {
	padding:15px;
}
.salas section article header h3 {
	font-family: 'Lato', sans-serif;
	font-size:1.2em;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2em;
}
.salas section article header blockquote {
	font-size: 1.2em;
	letter-spacing: 0.2em;
}
.salas section article p {
    width: 95%;
	font-family: 'Lato', sans-serif;
	font-size:1.15em;
	padding: 0px 15px;
}
.salas section article a {
	padding:10px;
	font-size:1.1em;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	background:url(../images/misc/mas.png) no-repeat calc(50% - 6.5em) 12px;
}
.salas section article a:hover {
	color:#FEBE58;
}
.presentacion body, .presentacion {
	background:transparent;
}
.presentacion body {
	position:absolute;
}
.presentacion body > div {
	position:relative;
	width:770px;
}
.presentacion h2, .presentacion p, .presentacion h3 {
	color:rgb(80, 73, 73);
    font-family: 'Lato', sans-serif;
    margin-bottom: 1em;
}
.presentacion h2 {
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.presentacion {
    padding:0 20px;
}
.presentacion p {
	font-size: 0.8em;
	line-height: 1.8em;
}

/* Dicjtracy */
.dicktracy header {
	margin:20px;
	clear:both;
}
.dicktracy div {
	display:inline-block;
}

@media screen and (max-width: 584px){
    .imgDuchamp{
        width: 100%;
    }
}

@media screen and (max-width: 460px){
    .piso3 {
        width: 135px;
        height: 135px;
        margin: 0px 10px 10px 0px;
    }
    .piso2 {
        width: 135px;
        height: 135px;
        margin:  0px 0px 10px 10px;
    }
}

@media screen and (max-width: 960px){
    /*2. HeaHeader*/
    .menudark li a{
        color:white;
    }

    .menu {        
        position:relative;
        float: left;
        width:200px;
        height:auto;
        margin-bottom: 100px;
        z-index:104; 
    }
    .menu > div {
        font-size: 0.7em;
        height:auto;
        width:100%;
        position:relative;
        top:0px;
    }

    .menu > div h1{
        
        float: left;
    }

    .logo {
        display:block;
        height:140px;
        width:140px;
        background:url(../images/misc/logo.png) no-repeat center;
        margin:auto;

    }

    .replaced_txt {
        
        color: transparent;
    }

    .menu div nav {
        width:auto;
        margin:20px auto;
        position: relative;
        margin-left: 0px;
        float: left;
        
    }
    .menu div nav > ul li {
        padding: 3px 0 3px 15px;
        border-bottom:none;
        padding:3px;
        width:auto;
    }
    .menu div nav ul li:hover > ul {
        display: block;
        z-index: 1000;
    }
    .menu div nav > ul li a {
        letter-spacing: 0.05rem;
        font-family:comic;
        
    }
    .menu div nav > ul li a:hover {
        color:#FEBE58;
        font-size: 0.9rem;
    }
    .menu div nav ul ul {
        position: relative;
        padding:0;
        background-color:#1A1A1A;
        display:block;
        width:80vw;
        margin: 10px 20px;
        
    }
    .menu div nav ul ul li {
        margin-left: 0px;
        position:relative;
        border-bottom:#F8874D solid 1px;
        padding:5px;
        width: 78vw;
    }
    .menu div nav ul ul li a {
        color:#fff;
        padding:1px 10px;
        text-align:left;
        font-family: 'Lato', sans-serif;
        font-size: 0.7rem;    
    }

    /* sala2 */
    .sala2 ul li {
        width: 46%;
    }
    
    .noticias ul li {
        width: 46%;
    }


    .salas {
	
        height: auto;
        padding: 0px;        
        margin: 0px;
        overflow: visible;        
        width: calc(100vw - 5px);
    
    }

    .sala2 {
        margin-bottom: 100px;
    }

}

@media screen and (max-width: 414px){
    /* sala2 */
    .sala2 ul li {
        width: calc(100% - 30px);
    }

    .noticias ul li {
        width: calc(100% - 30px);
    }

    .contenedor .footer{
        display: none;
    }

}

@media screen and (max-height: 414px){
    .contenedor .footer{
        display: none;
    }

}