#waulcanvas{
	margin:0 auto;
	width:1100px;
	min-width:1100px;
	height:710px;
	border: 1px solid #999;
}

@media only screen and (max-width: 770px) {
  #waulcanvas { display: none; }
  #nocanvas { 
	display: block; 
	background-image:url("../img/mobile.png");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	width:100%;
	height:200px;
	}
}
@media only screen and (min-width: 760px){
	#nocanvas { 
		display: none; 
	}
}

* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*
*:before,			
*:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
*/


/* para que no pinte los textos */
* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

body {
  background-color: #fff !important;
  color: #000;
  font-family:'Noto Serif', serif;
  text-align: left;
}


/***************************************
	HOME
***************************************/

.zcontainer-margen {
	margin-left: 24px;
}
.hometit {
	/*font-family:'Lato', serif !important;*/
	color: #8f0129;
	font-weight:bold;
	text-align:center;
}

/***************************************
	Barra navegacion
***************************************/

.row > div,.container {
    transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    -webkit-transition:all .25s ease-in-out
}

.navbar-header a{	
	margin-top: -12px;
	padding:0;
}

.navbar-collapse{
	width: auto;
}

.navbar-toggle {
    margin-top:16px;
}

.navbar-toggle .icon-bar {
    background:#333;
    height:2px;
    border-radius:2px
}	


.navbar-brand {
    height:14px;
	padding-left:40px !important;
	padding-right:60px !important;
	padding-top:38px !important;
}

.navbar-brand :hover {
	color:#8f0129  !important;
}

.navbar-nav.social {
    float:center;
}

@media only screen and (min-width: 768px) {
	.navbar-nav.social {
		float:right;
		margin-right: 20px;
	}
}

.navbar-nav.social li a {
    padding-right:0;
	color:#989898;
    transition:color .25s ease-in-out;
    -moz-transition:color .25s ease-in-out;
    -o-transition:color .25s ease-in-out;
    -webkit-transition:color .25s ease-in-out;
}

.navbar-nav > li > a {
    display:block;
    margin:12px 0px;
    color:#fff;
    transition:color .20s ease-in-out;
    -moz-transition:color .20s ease-in-out;
    -o-transition:color .20s ease-in-out;
    -webkit-transition:color .20s ease-in-out;
	margin-bottom:16px;
}

.navbar-nav>li>a:hover{
    color:#8f0129 !important;
}
.navbar-nav>li>a:focus{
    background:inherit !important;	
}
.navbar-nav.social>li>a:hover {
	color:#8f0129;
}
.social li{
	display: inline-block
	}

.zdropdown-toggle_a:hover  {
	background:inherit !important;	
}
ul.dropdown-menu{
	min-width:80px !important;
	margin-top:-20px !important;
}
a.dropdown-toggle:hover{
	color:#8f0129 !important;
}
.zdropsubmenu {
	background-color: #fff !important;
	font-family:'Noto Serif', serif;
	font-size: 10px;
}
.zdropsubmenu:hover{
	color:#8f0129 !important;
}
.zdropsubmenug {
	font-family:'Noto Serif', serif;
	font-size: 12px;
}
.zdropsubmenug:hover{
	color:#8f0129 !important;
}

/******************************************
	 COMPOSITOR INDIVIDUAL
*******************************************/

.zpage-md6-colder-compositor-submenu{
	margin-top:42px;
	margin-left:15px; 
	padding-left:0px !important;
}

.zcol-md-6-tituloitem {
	margin-left:15px;
	margin-top:15px;
	padding-left:0px !important;
	margin-bottom:40px;
}
.zcol-md-6-tituloitem h1 {
	color:#8f0129;
	font-size: 22px;
	font-weight:400;
}

.compositor-bio, .compositor-cat a, .compositor-bio-c a, .compositor-cat-c{
	float:left;
	margin-bottom:20px;
	font-size: 14px;
	font-weight:400;	
}
.compositor-bio{
	margin-left:40px;
	color:#ededed;	
}
.compositor-cat a{
	margin-left:15px;
	color:#989898;
	text-decoration:none;	
}
.compositor-cat a:hover{
	color:#8f0129;
}

.compositor-bio-c a{
	margin-left:40px;
	color:#989898;	
	text-decoration:none;
}
.compositor-bio-c a:hover{
	color:#8f0129;
}
.compositor-cat-c {
	margin-left:0px;
	color:#ededed;	
}


.zpage-md6-colder-biografia{
	margin-left:15px;
	margin-top: 30px;
	color: #989898;
}

@media only screen and (min-width: 768px) {
	.zpage-md6-colder-biografia {
		margin-top: -5px;
	}
}

.zpage-md6-colder p {
	font-family:'Noto Serif', serif;
	font-size: 12px;
}

/*****************************************
	CATALOGO COMPOSITOR
******************************************/	
.zlistadeobras {
	color: #989898;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.zlistadeobras h6{
	font-size: 10px;
}
.zcatalogo-resultadogenero {
	padding-bottom: 5px;
	border-bottom: 1px dotted #989898;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-left:0px !important;
}
.zcatalogo-resultadogenero a {
	color: #8f0129;
	font-size: 14px;
	font-weight:400;
}
.zresultadosubgenero {
	padding-bottom: 5px;
	border-bottom: 1px dotted #4d4d4d;
	padding-left:0px !important;
	margin-bottom: 10px;
	margin-left: 15px;
}
.zresultadosubgenero-menu {
	margin-bottom:10px;
	margin-left: 15px;
}
.zresultadosubgenero a , .zresultadosubgenero-obras a{
	text-decoration: none;
	padding-left:0px;
	color: #989898;
}
.zcatalogo-resultadogenero a, .zresultadosubgenero a , .zresultadosubgenero-obras a{
	text-decoration: none;
}
.zcatalogo-resultadogenero a:hover, .zresultadosubgenero a:hover , .zresultadosubgenero-obras a:hover{
	cursor: hand;
}
.zcatalogo-resultadogenero a:hover{
	color: #989898;
}
.zresultadosubgenero a:hover, .zresultadosubgenero-obras a:hover{
	color: #8f0129;	
}
.zcatalogo-resultadogenero a:hover, .zresultadosubgenero a:hover {
	padding-left:4px;
    transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    -webkit-transition:all .25s ease-in-out
	
}
.zresultadosubgenero a{
	font-size: 12px;
	font-weight: 400;
	padding-left:0px;
}
.zresultadosubgenero-obras {
	margin-left: -10px;
}
.zresultadosubgenero-obras a{
	line-height: 26px;
	text-decoration: none;
	font-size: 12px;
	padding-left:20px;	
}


.zitem-botondescarga {
	padding-top: 20px;	
	cursor: hand;
	padding-left:25px;
}

.zitem-botondescarga a {
	text-decoration: none;
	font-size:12px;
	color:#989898;
}
.zitem-botondescarga a:hover {
	color: #8f0129;
	text-decoration: none;
}


/***************************************
	INSTITUCIONAL 
***************************************/

.zpage-md6-colder , .zpage-md6-colder-biografia{
	font-family: Georgia, serif !important;
	font-size:12px;
	line-height:22px;
	color: #adadad !important;
	max-width: 500px;
}

.zpage-md6-colder  p, .zactividades_contenido p {
	color: #adadad ;
}
.fondos_descr p{
	color: #4d4d4d ;
}
.zpage-md6-colder  p{
	font-family: Georgia, serif ;
	font-size:12px;
	line-height:22px;
}

.zpage-md6-colizq, .zpage-md6-colizq-compositor, .zpage-md4-colizq-ficha {
	margin-bottom:30px;
}

.zpage-titulo, .zpage-titulo-eproy {
	font-size:14px;
	height:27px;
	border-bottom: 1px dotted #4d4d4d;	
}
.zpage-titulo-eproy {
	margin-bottom: 20px;
	color: #8f0129;
	padding-bottom: 30px;
}
.zpage-texto{ 
	margin-top:15px;
	margin-bottom: 30px;
	color:#adadad;
	line-height: 20px;
	font-size: 12px !important;
}
.zpage-md6-colizq img, .zpage-md6-colizq-compositor img , .zpage-md4-colizq-ficha img, .zcol-md-4-imgarchivo img{
	border:2px solid #ededed;
}

.zpage-md6-colizq img, .zpage-md6-colizq-compositor img {
	width:99%;
}
.zpage-md4-colizq-ficha img{
	width:95%;
}

.zcontacto-link-texto {
	float:left;
	margin-top: 30px;
	clear: both;
	color:#b2fbf4;
}

.zcontacto-link-texto .zglyphicon{	
	float:left;
	font-size: 18px !important;
	padding-right: 10px;
}

.zcontacto-link-texto a {
	margin-top: 5px;
	font-family: Lato, serif !important;
	font-size: 13px !important;
	max-width: 500px;
	font-weight: 700;
	text-decoration:none;

}
.zpage-md6-colderinst{
	padding-left:30px;
}
.zpage-md6-colderinst p {
	font-family:'Noto Serif', serif;
	line-height:22px;
	color:#989898;
	font-size: 11px;
}

/***************************************
	Modal
***************************************/
.zmodal-content {
	background-color: #ededed;
	border: 2px solid #989898;
	border-radius: 0px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.zmodal-md {
	max-width: 500px;
}
.zmodal-header {
	margin: 20px 60px 10px 60px;
	padding:15px 0px;
	border-bottom: 1px dotted #989898;
}

.zclose {
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #adadad;
}
.zclose:hover,
.zclose:focus {
  color: red;
}

.zmodal-footer {
	margin: 0px 45px 10px 55px;
	border-top: none;
}

.zmodal-body {
	margin: 25px 60px 10px 60px;
	padding:15px 0px;
}
.zmodal-body-info{
	text-align: left;
	margin: 5px 60px 5px 60px;
	padding:5px 0px;
}

.zmodal-header h4{
	color:#8f0129;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
}

.zclose {
	float: right;
	font-size: 21px;
	font-weight: bold;
	color: #8f0129;
	text-shadow: 0 1px 0 #e1e1e1;   /**************************/
	filter: alpha(opacity=20);
	opacity: .2;
}
.zclose:hover,
.zclose:focus {
  color: #333;
  text-decoration: none;
  cursor: hand;
    filter: alpha(opacity=50);  /**************************/
  opacity: .5;
}

.zbtn1, .zbtn2, .zbtn-search, .zbtn1-modal, .zbtn2-modal {
	background-color:#f7f5f5;
	font-family:'Noto Serif', serif !important;
	font-size:12px;
	text-transform:uppercase;
	font-weight: 400;
	color: #8f0129;
	border-radius: 3px;
	-webkit-transition: background-color ease-in-out .15s;
	-o-transition: background-color ease-in-out .15s;
	transition: background-color ease-in-out .15s;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	width:100%;
}

.zbtn1:hover, .zbtn2:hover, .zbtn-search:hover , .zbtn1-modal:hover, .zbtn2-modal:hover {
	color: #989898;
	background-color: #8f0129;
}
.zbtn1-modal, .zbtn2-modal{
	height: 35px;
	text-align: left;
	padding-left:10px !important;
}

.zcontrol-label, .zcontrol-label-reg{
	text-align: left !important;
	font-family:'Noto Serif', serif;
	font-size: 12px;
	font-weight: 400;
	color: #989898;
}


.zform-control, .zform-control-modal{
	font-family: Lato, sans-serif;
	font-size: 10px;
	font-weight:400;
}

.form-control::-moz-placeholder {
  color: #f7f5f5 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #989898 !important;
}
.form-control::-webkit-input-placeholder {
  color: #989898 !important;
}
.zform-control-modal{
  height: 28px;
  font-weight: 400;
  color: #989898;
  background-color: #f7f5f5;
  border: 0px;
  margin: 0px;
}
.zform-control-modal, .zform-group-btnmodal { 
	padding: 6px 8px;
}
.zform-control {
  padding: 6px 12px;
  height: 36px;
  font-weight: 400;
  color: #989898;
  background-color: #f7f5f5;
  border: 1px solid #fff;
  border-radius: 0px;
}
.form-control:focus {
  border: 1px solid #8f0129 !important; 
}

.zform-clave {
	margin-bottom: -7px;
}

.zglyphicon-modal, .zglyphicon-registro{
	padding-right:8px;
}
.zglyphicon-registro{
	color: #989898;
}
.zmodal-body-info h3{
	font-size: 13px;
	color: #989898;
}
/***************************************
	OBRAS
***************************************/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.zcol-md-4-obras {
	margin-top: 38px ;
	padding-left:15px;
}
.zcol-md-4-obras-checkboxes{
	margin-right:0px;
}

.zform-group-biblioteca .btn-primary {
	margin-top: 50px;
	width:100%;
	height: 45px;
	padding:10px;	
	background-color:#f7f5f5;
	font-family:'Noto Serif', serif !important;
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
}
.btn-primary:focus, .btn-primary.focus {
	-webkit-box-shadow: 0 0 0 1px #fff !important;
	box-shadow: 0 0 0 1px #fff !important;
	background-color:#f7f5f5 !important;
	color:#8f0129;
}

.zcol1_ult {
	margin-bottom: 45px;
}

.zglyphicon-biblioteca {
	padding-left: 5px;
	padding-right:10px;
	
}

/***************************************
	OBRAS - RESULTADOS
***************************************/

.zrow {
	text-align:left;
}
.ztitulos-tabla {
	margin-left:50px;
	font-size: 11px;
}
.zitem-tabla {
	height: 50px;
	line-height:50px;
	margin-left:50px;
	border-top: 1px dotted #989898;
	background-color: #fff;
}
.zitem-tabla:hover{
  background-color:#f7f5f5;
  cursor: hand;
  margin-left:57px;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-transition: margin-left 0.4s ease;
  -moz-transition: margin-left 0.4s ease;
  -o-transition: margin-left 0.4s ease;
  transition: margin-left 0.4s ease;

}
.zsubusqueda{
	text-align:left;
	padding-bottom:35px;	
	font-size: 12px;
	color:#4d4d4d;
}
.zcategoriacol img {
	text-align:left;
	padding-bottom:15px;
	padding-top:5px; 
	float: left;
}
.zcategoriacol p{
	text-align:left;
	padding-bottom:15px;
	float: left;
	padding-left: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #8f0129;
	margin-right:15px;
}

.zgenero, .zautor, .ztitulo {
	clear:both;
	float: left;
	font-size: 12px;
	color: #989898;
	font-weight:400;
}
.zautor {
	font-weight:800;
}

.zcol-md-1-zlabel{
	padding-top:17px;
}

.noresults {
	margin-top:60px;
	height:50%;
}
.noresults p{
	font-size: 14px;
	color: #8f0129
}
/***************************************
	ITEMS
***************************************/

/*-----------------------------
	BIBLIOTECA ITEM
--------------------------------------------------*/

.ztitulo-bibliotecaitem {
	padding-left:15px;
}

.divider-bibiotecaitem {
	border-bottom: 1px dotted #4d4d4d;
	max-width: 400px;
}




/*-----------------------------
	ITEM COMPOSITOR
--------------------------------------------------*/

.zcomp {
	margin-left:15px;
	margin-top:15px;
	padding-left:0px !important;
}
.img-item {
	margin-top:15px;
	margin-bottom:25px;
	border:1px solid #e7dde0;
}
.zcomp h1{
	color: #444;
	font-size: 18px;
	font-weight:700;
}
.zlabel-item {
	margin-bottom: 20px !important;
	background-color:#8f0129;
	padding-left:6px;
	padding-right:6px;	
	border-radius: 0px;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 400;
}
.separador-item{
	height:15px;
}
.ztit-item {
	font-family:Lato, sans-serif;
	margin-bottom: 10px;
	color: #8f0129;
	font-size: 24px;
	font-weight:400;
}

.zsubgenero-item  {
	padding-bottom:20px;
	border-bottom: 1px dotted #989898;
}
.zsubgenero-item h5 {
	font-family:Lato, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #989898;
}

.zcol-contenidoitems {
	padding-top: 20px;	
	margin-left: 15px;
}

.zcol-contenidoitems p{
	font-family:Lato, sans-serif;
	font-size:12px;
	color: #775c64; 
	line-height: 20px;
	padding-bottom: 10px;	
}

.zcol-contenidoitems h6{
	font-family:Lato, sans-serif;
	margin-bottom: 0px;
	line-height:15px;
	color: #989898;
}

#descarga-link {
	transition: all 0.5s;
     -webkit-transition: all 0.4s;	
}



/***************************************
	FORMULARIO
***************************************/

.btn-primary {
  color: #8f0129;
  background-color: #f7f5f5;
  border: none;
}
.btn-primary:hover , 
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus
{
  color: #fff;
  background-color: #8f0129;
  border: none;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}



/***************************************
	CARROUSEL
***************************************/
.div_carousel{
	margin-top:15px;
	border:1px solid #fff;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 99% !important;
	margin: auto !important;
}
  
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

/***************************************
	REGISTRO
***************************************/
.zllamada {
	text-align:left;
	color: #989898;
	font-size: 11px;
	line-height:22px;
}


/***************************************
	ADMIN
***************************************/
.zadmin {
	text-align:left;
	color: #000;
	font-size: 12px;
}

/***************************************
	ESCRITOS
***************************************/
.zimg {
	margin: 10px auto;
	display: block;
}

.zesctit {
	color: #8f0129;
	padding-bottom:30px;
}

.zescdownl {
	padding:20px 0px 0px 0px;
	font-weight: bold;
}

.zescdownl a{
	text-decoration:none;
	color:#989898;
}
.zescdownl a:hover{
	color:#8f0129;
}
.zsep {
	border: 1px dotted #989898;
	margin: 30px 20px;
}