@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'Conv_Dense-Regular';
	src: url('../fonts/Dense-Regular.eot');
	src: local('☺'), url('../fonts/Dense-Regular.woff') format('woff'), url('../fonts/Dense-Regular.ttf') format('truetype'), url('../fonts/Dense-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_GandhiSans-Regular';
	src: url('../fonts/GandhiSans-Regular.eot');
	src: local('☺'), url('../fonts/GandhiSans-Regular.woff') format('woff'), url('../fonts/GandhiSans-Regular.ttf') format('truetype'), url('../fonts/GandhiSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{margin: 0; padding: 0;}

/*SMARTPHONES*/
@media screen and (max-width: 949px) {
/*HEADER*/
header{width: 100%; height: auto; top: 0; background: #dcdce2; position: relative; z-index: 999}
#logoint{width: 90%; display: block; margin: 0 auto; padding:20px 0px; position: relative;}
.oponer{width: 97%; margin: 0 auto; text-align: right; cursor: pointer; font-size: 32px; color: #440b00;}
.search{ position: relative; line-height: 35px; height: 35px; top: 1px; width: 100%}
.searchbox{width:98%; padding: 8px 25px;  background-image: url("../images/search.png"); background-repeat: no-repeat; background-position: top left; outline: none; border-radius: 4px; border: 0;}
.wrappermenu{width: 100%; position: relative;}
/*NAVIGATION*/
.hidedive{width: 100%; position: absolute; top: 96px; background: #dcdce2; display: none;}
.suba{display: none;}
.subb{display: none;}
nav ul{list-style-type:none; margin:0; padding:0; display:-webkit-flex; flex-direction:column; -webkit-flex-direction:column}
nav ul li{ flex-grow:1; -webkit-flex-grow:1;}
nav ul li a{display:block; line-height:40px; text-align:center; margin-right:0.2em; text-decoration:none; color:#3a3839; font-family:'Conv_GandhiSans-Regular',Sans-Serif; transition: background 0.5s ease;}
nav ul li a:hover{color:#fafafa; background: #a9abc1}
.selected{color:#fafafa; background: #a9abc1}

/*FOOTER*/
footer{width:100%; background: #DBDBE1;}
#suscribe{color:#A9ABC3; text-align: left; font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 19px; padding-top: 40px; text-align: center; }
.specialsmallfoot{display: none;}
.suscribemail{width:45%; padding: 9px; outline: none;}
.suscribebtn{background: #a9abc3; color:#fff; border:0; padding: 9px 15px; cursor: pointer;}
#socialmediafoot{color:#A9ABC3; text-align: center; font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 19px; padding-top: 22px; padding-bottom: 22px;}
#socialmediafoot p{padding:0; margin: 0px; margin-bottom: 10px;}
#socialmediafoot img{ margin: 0 10px;}
.idiom{text-align: center; padding: 30px 0px;}
.idiom a{color: #D2D4DB; text-decoration: none; padding: 5px 9px; background: #fff; border-radius: 5px; font-size: 16px; font-family:'Conv_GandhiSans-Regular',Sans-Serif; cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;
  transition: background-color 0.5s ease; }
.idiom a:hover{background: #a9abc3; color: #fff; transition: background-color 0.5s ease;}

/*GENERAL*/
.wrapper{width: 90%; margin: 0 auto; position: relative;}
.desktop{display: none;}
.clear{clear: both;}
.spacer{width: 100%; height: 50px;}
.mobanner{width: 100%; height: auto;}

#content {margin-top: 70px;}
#content h1{font-family: 'Conv_Dense-Regular',Sans-Serif; font-size: 60px; border-bottom: 3px solid #098BCC; color:#440b00}
#content h2{font-family: 'Conv_Dense-Regular',Sans-Serif; font-size: 30px; border-bottom: 3px solid #098BCC; color:#440b00 padding-bottom:0; margin-bottom: 0;}
#content h3{font-family:'Conv_Dense-Regular',Sans-Serif; font-size: 40px; color:#440b00}
#content p{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 18px;}


/*ARTISTAS*/
.galmenua{width: 100%; height: auto; position: relative;  background: #fff; overflow: auto; }
.modelot{width: 45px; height: 26px; font-size: 14px; line-height: 26px; float: left; text-align: center; font-family:'Conv_GandhiSans-Regular',Sans-Serif; border:1px solid #333; margin: 2px 0px; cursor: pointer; }
.modelot:hover{background: #a9abc1;}
.artistas{position: relative; width: 100%; background: #fff; }
.galimg{width:90%; margin:5px 0px; padding:10px; border-bottom:3px solid #098BCC; cursor:pointer; font-family:'Conv_GandhiSans-Regular',Sans-Serif; color: #441C00; font-size:19px;}


/*CONTACTO*/
.input{padding:5px; font-size: 16px; width: 95%; margin: 5px 0px; font-family:'Conv_GandhiSans-Regular',Sans-Serif; border: 3px solid #098BCC; outline: none;}
.textarea{padding:5px; font-size: 16px; width: 95%; height: 250px; margin: 5px 0px; font-family:'Conv_GandhiSans-Regular',Sans-Serif; border: 3px solid #098BCC; outline: none;}
.submit{padding:5px; font-size: 16px; font-family:'Conv_GandhiSans-Regular',Sans-Serif; background: #098BCC; border:0; color: #fff; float: right;  cursor: pointer;}
.error{border:3px solid red;}
#form1 label{display: none!important}


/*ARTISTA*/
#artist {margin-top: 70px;}
#artist h1{font-family: 'Conv_Dense-Regular',Sans-Serif; font-size: 60px; border-bottom: 3px solid #098BCC; color:#440b00}
#artist h3{font-family:'Conv_Dense-Regular',Sans-Serif; font-size: 40px; color:#440b00}
#artist p{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 18px; text-align: justify;}
#artist img{float:left; margin:0px 20px 20px 0px;}


.moreobras{width: 100%;
border: 1px solid #ccc;
padding: 0px;
margin-top: 35px;
margin-bottom: 35px;}
.moreobras h2{font-family: 'Conv_GandhiSans-Regular', Sans-Serif;
font-size: 28px;
border-bottom: 1px solid #ccc;
color: #440b00;
margin: 10px 10px;
text-align: left;}
.moreobras h3{font-family:'Conv_Dense-Regular',Sans-Serif; font-size: 40px; color:#440b00}

/*OBRAS*/
.contenedordeobrasmob{width: 98%; background-color: #f1f1f3; position: relative; margin: 12px auto; display: block;}
.artehoverabmob{width:100%; min-height: 290px; position: relative; top: 0; z-index: 99; background: #fff; color: #333!important; padding-bottom: 20px;}
.artehoverabmob img{width: 100%;}
.artehoverabmob h4{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-weight: normal; font-size: 14px; padding: 0; margin: 0; margin-top: 10px; text-decoration: none !important;}
.artehoverabmob p{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-weight: lighter !important; font-size: 12px !important; padding: 0; margin: 0; text-decoration: none !important;}
.artehoverabmob a{color: #333!important; text-decoration: none !important; }
.contenedordeobrasmob a{text-decoration: none}

.contenedordeobras{width: 98%; background-color: #f1f1f3; position: relative; margin: 12px auto; display: block;}
.artehoverab{width:100%; min-height: 290px; position: relative; top: 0; z-index: 99; background: #fff; color: #333!important; padding-bottom: 20px;}
.artehoverab img{width: 100%;}
.artehoverab h4{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-weight: normal; font-size: 14px; padding: 0; margin: 0; margin-top: 10px;}
.artehoverab p{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-weight: lighter !important; font-size: 12px !important; padding: 0; margin: 0; }
.artehoverab a{color: #333!important; text-decoration: none; }
.contenedordeobras a{text-decoration: none}

/*TXT*/
.txt h1{font-family: 'Conv_Dense-Regular',Sans-Serif; font-size: 60px; border-bottom: 3px solid #098BCC; color:#440b00}
.txt h2{font-family: 'Conv_Dense-Regular',Sans-Serif; font-size: 30px; border-bottom: 3px solid #098BCC; color:#440b00 padding-bottom:0; margin-bottom: 0;}
.txt h3{font-family:'Conv_Dense-Regular',Sans-Serif; font-size: 40px; color:#440b00}
.txt p{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 18px;}

/*FONDOS*/
.gridhomeA{width:100%; height: 396px; position: relative; margin: 12px auto; cursor: pointer;}
.fondobgA{width:100%; height: 396px; position: absolute;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background:cover;
z-index: 9
}
.gridhomenameA{position:absolute; width: 100%; height: 396px; background: #314C5B; background: rgb(49,76,91); background:rgba(49,76,91,0.6); display: table; z-index: 99 }

.gridhomenameh3A{ display: table-cell; text-align: center;
  vertical-align: middle;
font-family:'Conv_Dense-Regular',Sans-Serif; color:#fff; font-size: 35px;  text-transform: uppercase; }

.fondomenu{display: none;}
.breadcrumb{font-family:'Conv_GandhiSans-Regular',Sans-Serif; text-transform:uppercase; color:#440b00; font-size:12px; height: 50px; padding: 20px 0px; text-align: center;}
.breadcrumb a{color:#440b00; font-size:12px;}
.contenedorcategorias{width: 125px; height: 125px; background-color: #a9abc1; position: relative; float: left; margin: 8px; display: block;}
.categoriatxt{
	width: 125px; height: 125px;
display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-family: 'Source Sans Pro', sans-serif; font-weight:lighter;
  font-size: 14px;
  background: transparent;
  transition: background 0.5s ease;
  word-break: break-all
}
.categoriatxt:hover{background: #f4f4fa;}
.contenedorcategorias a{color: #440b00!important; text-decoration: none;}

/*SALAS*/
.gridhome{width:100%; height: 290px; position: relative; margin: 12px auto; cursor: pointer;}
.fondobg{width:100%; height: 290px; position: absolute;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background:cover;
z-index: 9
}
.gridhomename{position:absolute; width: 100%; height: 290px; background: #314C5B; background: rgb(49,76,91); background:rgba(49,76,91,0.6); display: table; z-index: 99 }

.gridhomenameh3{ display: table-cell; text-align: center;
  vertical-align: middle;
font-family:'Conv_Dense-Regular',Sans-Serif; color:#fff; font-size: 35px;  text-transform: uppercase; }



.image{width:100%; margin:0 auto; position:relative; cursor: zoom-in;}
.image img{width:100%; height: auto;}
.obratxt{width:100%; margin: 0 auto; position:relative;}
.obratxt h1{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 30px; border-bottom: 3px solid #098BCC; color:#440b00; margin-top:0; padding-top:0;}
.obratxt h3{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 20px; color:#440b00}
.obratxt p{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 18px;}
.obratxt a{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 18px; color:#440b00}
.masautor{background: #a9abc3; color: #fff; font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size: 15px; line-height: 30px; text-transform: uppercase; position: relative; right: 0; padding:0px 10px; border-radius: 3px; margin: 20px 0px;}
.txtinta{background:#f1f1f3; padding:10px; margin-top:20px; font-size:15px!important;  }
.txtinta p{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size:17px!important; line-height: 25px;} 
.divideline{border-bottom: 3px solid #098BCC; width:100%; height:20px; clear:both; margin-bottom:20px;}
.fuente{font-family:'Conv_GandhiSans-Regular',Sans-Serif; font-size:12px}


/*SEARCH*/
.resultados{width: 100%; max-height: 85px; overflow: hidden; font-family:'Conv_GandhiSans-Regular',Sans-Serif !important;}
.resultados strong{color:#441C00; text-decoration: none;}
.resultados a{text-decoration: none; color: #000;}

.full{width: 100%; height: 100%; position: fixed; overflow:	auto; top: 0; left: 0; background: #000; background: rgb(0,0,0); background: rgba(0,0,0,0.9); z-index: 9999; display: none;}
/*.full img{width: 100%; height: auto; display: block; margin: auto;}*/
.full img{width:100%; height: auto; display: block; margin: auto;}
.fullimg{width: auto!important; height: 100%!important;}
.close{position: fixed; right: 20px; color: #b2b2b2; font-size: 35px; font-family:'Conv_GandhiSans-Regular',Sans-Serif; cursor: pointer;}
.smallimg{cursor: zoom-out;}


}

/*input[type='text']:focus,
input[type='number']:focus,
textarea:focus {
	font-size: 12px;
}

/* disable auto-zoom on iphone input field focus */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {

	select:focus,
	textarea:focus,
	input:focus {
		font-size: 12px;
	}
}*/