.contenedor_general {
	width: 100%;
	background-color: white;
}



/*
	HEADER
*/
.header {
	position: fixed;
	width:100%;
	height: 93px;
	top:0px;
	z-index:1000;
	background:white;
	border-bottom:3px solid #B4B4B4;
}
.header .idiomas{
	display:none;
}
.top_logo {
	left: 20px;
	top: 18px;
	position: absolute;
	cursor: pointer;
	cursor:hand;
	width:261px;
	height:75px;
	background:url("images/logo_responsive.png") left center no-repeat;
	background-size:contain;
}
.top_menu {
	right: 20px;
	top: 30px;
	position: absolute;
	cursor: pointer;
	cursor:hand;
	width:20px;
	height:16px;
	background:url("images/menu.png") left center no-repeat;
	background-size:contain;
	opacity:0.75;
}
.menu li{
	line-height: 32px;
	padding-left: 11px;
	padding-right: 10px;
	font-size: 14px;
	display: inline;
	letter-spacing: 0px;
	color: #B4B4B4;
	width:100%;
}
.menu li a{
	color: #B4B4B4;
}
.menu li a:hover{
	color: #8C8686;
}

#nav{
	position:absolute;
	width:300px;
	height:auto!important;
	right: -400px;
	left:auto;
	top: 73px;
	padding:0px;
	margin:0px;
	font-size: 14px;
	line-height: 14px;
	border-top: none;
	border-bottom:none;
}
#nav .conte{
	position:relative;
	float:left;
	width:100%;
	max-height:calc(100vh - 73px);
	background-color: white;
	-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1);
	box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1);
	overflow-y:auto;
	overflow-x:hidden;
}
#nav .top_btn{
	position:relative;
	float:left;
	width:100%;
	padding:0px 10px;
	padding-bottom:10px;
	display:block;
	border-bottom:1px dotted #B4B4B4;
}
#nav .top_btn .idio{
	position:absolute;
	right:40px;
	top:10px;
	font-family: 'Gotham-Book';
	font-size:10px;
	line-height:10px;
	text-transform:uppercase;
}
#nav .top_btn .idio a{
	color:#b4b4b4;
	background:white;
	padding:3px;
}
#nav .top_btn .idio a:hover{
	background:#b4b4b4;
	border-radius:3px;
	color:white;
}
#nav .top_btn .idio .id_sel{
	padding:3px;
	background:#b4b4b4;
	border-radius:3px;
	color:white;
	margin-left:5px;
}
#nav .top_btn a{
	position:relative;
	float:left;
	padding-right:0px;
	padding-left:10px;
}
#nav li{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px dotted #B4B4B4;
	clear:both;
}
#nav a{
	position:relative;
	float:left;
	padding:10px 20px;
}
#nav .separador {
	position:relative;
	float:left;
	background-image: url('images/separadormenu.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}
#nav ul{
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	height: auto;
	background-color: white;
	border: none;
	width: 100%;
	top:0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	clear:both;
}

#nav #sub_1, #nav #sub_2, #nav #sub_3{
	display:block!important;
	visibility:visible!important;
}

.submenu {
	position:relative;
	float:left;
	margin:0px;
	padding: 0px;
	border:none;
}
.submenu {
	position:relative;
	float:left;
	width:100%;
	margin: 0px !important;
	padding: 0px;
	border-top:1px dotted #B4B4B4;
	border-bottom:none!important;
}
.submenu1 {
	position:relative;
	float:left;
	width:100%;
	margin: 0px !important;
	padding: 0px;
	border-top:1px dotted #B4B4B4;
	border-bottom:none!important;
}
.submenu a, .submenu1 a{
	position:relative;
	float:left;
	width:100%!important;
	padding: 10px 20px !important;
	background:rgba(180,180,180,0.25)!important;
}

/* MOBILE */
@media (max-width: 400px) {
	.top_logo {
		width:218px;
		height:23px;
		top:22px;
	}
}


/*
	FOOTER
*/
.footer{
	position:relative;
	float:left;
	width:100%;
	padding:20px 0px;
	background:rgba(180,180,180,0.25);
}
.footer .datos{
	position:relative;
	float:left;
	margin-left:20px;
	font-family: 'Gotham-Book';
	font-size:11px;
	line-height:20px;
}
.footer .datos b{
	font-family: 'Gotham-Bold';
	font-weight:100;
}
.footer img{
	position:absolute;
	top:20px;
	right:20px;
}






/*
	HOME
*/
.jcarousel-skin-tango .jcarousel-container-vertical {
  	width: 100%;
	height:300px;
	height:47vw!important;
	position: relative;
	margin-top:73px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
  	width: 100%!important;
	height:47vw!important;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 100%;
	height:47vw!important;
}
.jcarousel-skin-tango li a img{
	height: 100%;
}
#contrlimagenes {
  	top:30%!important;
	-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1);
	box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1);
}

.contenidohome {
	width: 100%;
	background-image: none;
	padding-top:20px;
}
.barra_1{
	width:100%;
	height:55px;
	background:#b4b4b4;
}
.barra_1 img{
	display:none;
}
.columna1 {
	position:relative;
	float:left;
	width: calc(50% - 50px);
	padding: 10px;
	background:#e9ece6;
	margin:0px;
	padding-bottom:20px;
	margin-left:20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.columna2 {
	position:relative;
	float:left;
	width: calc(50% - 30px);
	padding: 10px 0px;
	background:white;
	margin:0px;
	margin-left:20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.columna2 img{
	width:100%;
}
#col3{
	clear:left;
	top:-35px;
}
#col4{
	top:-35px;
}
.barra_3{
	position:relative;
	float:left;
	width:100%;
	height:55px;
	background:rgba(180,180,180,0.5);
	display:block;
}
.coltitu {
	border-bottom:1px dotted #B4B4B4;
	margin-bottom: 0px;
	padding-bottom:8px;
}
.columna2 .coltitu {
	padding-left:10px;
}

/* MOBILE */
@media (max-width: 500px) {
  	.columna1 {
		position:relative;
		float:left;
		width: calc(100% - 60px);
		padding: 10px;
		background:#e9ece6;
		margin:0px;
		padding-bottom:20px;
		margin-left:20px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.columna2 {
		position:relative;
		float:left;
		width: calc(100% - 40px);
		padding: 10px 0px;
		background:white;
		margin:0px;
		margin-left:20px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.barra_2{
		position:relative;
		float:left;
		width:100%;
		height:55px;
		background:rgba(180,180,180,0.75);
		display:block;
	}
	.barra_4{
		position:relative;
		float:left;
		width:100%;
		height:55px;
		background:rgba(180,180,180,0.25);
		display:block;
	}
	#col2{
		clear:left;
		top:-35px;
	}
}




/*
	INFO
*/
.contenidoarriba {
  background: none;
  position: relative;
  float:left;
  height:auto;
  margin-top:73px;
  padding-bottom:20px;
}
.cont-submenu {
	display:none;
}
.contenidoderecha {
  position: relative;
  float:left;
	width: calc(100% - 20px);
	height: auto;
	right:0px;
	top:0px;
	border-top: none;
	overflow:auto;
	border-bottom: none;
}

#mapa {
	height: 310px;
	border-bottom: 1px dotted #B2B2B2;
}

.contenidoderecha .columna {
	margin-left:20px;
	padding-right:0px;
	padding-top:10px;
	width: calc(50% - 30px);
}
.contenidoderecha .columnaright {
	width: calc(50% - 30px);
	position:relative;
	float: left;
	clear:both;
	margin-left:20px;
	padding-right:0px;
	padding-top:10px;
}

#hs_1, #hs_2 {
    position: relative;
    float:left;
	margin-left:20px;
	padding-right:0px;
	padding-top:10px;
	width: calc(50% - 30px);
	clear:none;
}
#hs_2 {
	margin-right:0px!important;
}

#col_serv_desk{
	display:none;
}
#servicioscol1, #servicioscol2{
	display:none;
}
.columna_serv{
    position: relative;
    float:left;
	margin-left:20px;
	padding-right:0px;
	padding-top:10px;
	width: calc(100% - 40px);
	display:block;
}
.columna_serv .tit{
    position: relative;
    float:left;
	width:100%;
	height:40px;
	overflow-y:hidden;
	border-bottom: 1px dotted #B2B2B2;
}
.columna_serv .colu{
    position: relative;
    float:left;
	height:auto;
	overflow-y:auto;
	width: calc(50% - 20px);
	margin-right:20px;
}
.columna_serv .dob{
	height:58px;
}

#contact_1, #contact_2 {
    position: relative;
    float:left;
	margin-left:20px;
	padding-right:0px;
	padding-top:10px;
	width: calc(50% - 30px);
	clear:none;
}
#contact_2 {
	margin-right:0px!important;
}

/* MOBILE */
@media (max-width: 500px) {
	.contenidoderecha .columna {
		width: calc(100% - 40px);
	}
	.contenidoderecha .columnaright {
		width: calc(100% - 40px);
	}
	#hs_1, #hs_2 {
		width: calc(100% - 40px);
	}
	.columna_serv .colu{
	    width: calc(100% - 40px);
	}
}




/*
	LA COLECCION
*/
.scroll_obras{
	position: relative;
	float:left;
	width: 100%;
  	height: auto;
  	bottom: auto;
	right: auto;
	overflow-y:auto;
	overflow-x:hidden;
}
#cont_obras {
    width:calc(100% - 40px);
	padding:20px;
}
.masonry{
    -moz-column-count:3;
    -moz-column-gap: 20px;
    -webkit-column-count:3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

#contobrabierta, #contartistabierta {
	width: 100%;
	height: calc(100vh - 73px);
	position: fixed;
	overflow: hidden;
}
#obrabierta {
	width: 100%;
	height: calc(100vh - 73px);
	background-color: white;
	position: absolute;
	top: 1000px;
}
#obraimagen {
	position:relative;
	float:left;
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
	background-color:rgba(180,180,180,0.25);
}
.cerrarobra {
	position: absolute;
	top: 5px;
	right: 5px;
	width:16px;
	height:16px;
	background:url(images/volver.png) center right no-repeat;
	border-radius:3px;
}
.datosobra {
	position:relative;
	float:left;
	width: 100%;
	height: calc(100vh - 500px);
	top: 0px;
	right: 0px;
	border-left: 1px dotted #C8C8C8;
}
.titudatos {
  padding: 10px;
  width: calc(100% - 20px);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 98px;
  border-bottom: 1px dotted #C8C8C8;
}
#obraautor {
	width: 100%;
}
#obratitulo {
	width: 100%;
}

#obraautorf {
	width: 100%;
}

#obramedida {
	width: 100%;
}
#textodatos {
  width: calc(100% - 20px);
  height: calc(100% - 200px);
  position: relative;
	float:left;
	margin-left:10px;
  right: auto;
  bottom: auto;
	top:140px;
}
#textoobra, #textoartista {
  width: 100%;
}
#container2b {
	height: calc(100%)!important;
}

.obrasartistas {
  padding-top: 20px;
  height: auto;
  width: 100%;
  border-bottom: 1px dotted #B2B2B2;
}
.artistafila {
  width: calc((100% - 60px) / 3);
	padding-left:20px;
	line-height:20px;
}

#artistabierta {
	width: 100%;
	height: calc(100vh - 73px);
	background-color: white;
	position: absolute;
	left: 0px;
	top: 900px;
	z-index:300;
}
.datosartista {
	width: calc(100% - 20px);
	height: 100%;
	position: absolute;
	top: 0px;
	left: 10px;
	border:none;
}
.titudatosartista {
  width: 100%;
}
#artistaautor {
	width: 100%;
}
#artistaautorf {
	width: 100%;
}
#textodatosartista {
  	width: calc(100% - 40px);
	  height: calc(100% - 160px);
	  position: relative;
		float:left;
		margin-left:20px;
	  right: auto;
	  bottom: auto;
		top:100px;
		left:auto;
}

/* MOBILE */
@media (max-width: 500px) {
	.masonry{
	    -moz-column-count:2;
	    -moz-column-gap: 20px;
	    -webkit-column-count:2;
	    -webkit-column-gap: 20px;
	    column-count: 2;
	    column-gap: 20px;
	}
	.obrasartistas {
	  border-bottom: none;
	}
	.artistafila {
	  width: calc(100% - 40px);
		border-bottom: 1px dotted #B2B2B2;
	}
}



/*
	MUESTRAS
*/
.muest_mob{
	display:block;
}
.muest_mob .columna {
	position:relative;
	float:left;
	width: calc((100% - 60px) / 2);
	padding: 0px;
	background:none;
	padding-bottom:20px;
	margin-left:20px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.muest_mob .der {
	clear:left;
}
.muest_mob .columna .agendaitem {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  margin-right: 0px;
}
.muest_mob .columna img{
	width:100%!important;
}
.muest_mob .columna .columnatitu{
	font-family: Times;
	font-size: 14px;
	color: #8C8873;
	padding-bottom: 5px;
	border-bottom: 1px dotted #B2B2B2;
	padding-bottom: 7px;
	padding-top: 8px;
	margin-bottom: 7px;
}

.imagennove {
	position: relative;
	float:left;
	top: 0px;
	left: 0px;
	width: 125px;
	height: 300px;
	margin-top:20px;
	border-right: none;
	background-position: center right;
	background-size:cover;
}
.novedadcoltitu {
	position: relative;
	float:left;
	width: calc(100% - 165px);
	left: auto;
	top: 20px;
	margin-left:20px;
}
#textonovedad,  #texto_muestra{
	display:none;
}
#textonovedad_resp {
	display:block;
	position: relative;
	float:left;
	width: calc(100% - 165px);
	right: auto;
	top: auto;
	margin-top:20px;
	margin-left:20px;
	height: auto;
	background: none;
	font-family: 'Gotham-Book';
	font-size: 11px;
}
#textonov2 {
  width: 100%;
}

.slid_muestra {
	width: 100%;
	height: 300px;
	margin-bottom: 20px!important;
}
.slid_muestra .item{
	height: 300px;
}
.novedadcol_muestra {
    width: calc(100% - 40px);
    position: relative;
    right: auto;
    top: auto;
		margin-left:20px;
    padding-left:0px;
    font-size: 11px;
}


/* MOBILE */
@media (max-width: 500px) {
	.muest_mob .columna {
		width: calc(100% - 40px);
	}
	.imagennove {
		position: relative;
		float:left;
		top: 0px;
		left: 0px;
		width: 125px;
		height: 300px;
		margin-top:20px;
		border-right: none;
		background-position: center right;
		background-size:cover;
	}
	.imagennove {
		width: 100%;
		height: 150px;
		margin-top:0px;
	}
	.novedadcoltitu {
		width: calc(100% - 40px);
	}
	#textonovedad_resp {
		width: calc(100% - 40px);
	}
}




/*
	AGENDA
*/
.scroll_agenda{
	display:none;
}




/*
	GALERIA DE FOTOS
*/
.galeria-imagen {
	position: relative;
	float:left;
	width: 100%;
	height: 300px;
	top: 0px;
	left: 0px;
	 border-right: none;
	border-bottom:  1px dotted #B2B2B2;
	background-color:rgba(180,180,180,0.25);
}
#fotoslistado{
	display:none;
}
.fotoslistado{
	position: relative;
	float:left;
	display:block;
	width: 100%;
	margin-top:20px;
	height: auto;
	bottom: auto;
	right: auto;
	background-image: none;
}
.fotoslistado .obra1{
	position: relative;
	float:left;
	width:calc((100% - 60px) / 2);
	height:80px;
	margin-left:20px;
	margin-right:0px;
	height:auto;
	clear:right;
}
.fotoslistado .obra1 .img{
	width: 100%;
	height:80px;
	background-position: center center;
}

/* MOBILE */
@media (max-width: 500px) {
	.galeria-imagen {
		height: 250px;
	}
	.fotoslistado .obra1{
		width:calc(100% - 40px);
	}
}




/*
	PRENSA
*/
.prensa{
	width:calc((100% - 20px))!important;
	margin-left:20px!important;
}
.prensa .columnatitu{
	width:calc((100% - 0px))!important;
	margin-right: 0px!important;
}

.contenidoderecha .col_suscripcion {
	width: calc(100% - 20px)!important;
}
.contenidoderecha .col_suscripcion .tit{
  font-size: 11px;
}




/*
	VIDEOS
*/
.vide_lista{
	margin-top:83px;
}

/* MOBILE */
@media (max-width: 500px) {
	.vide{
		width:calc(100% - 40px);
		margin-left:20px;
	}
}