/* NORMALIZE */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1}
audio:not([controls]) {display:none;height:0}
[hidden] {display:none}
html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html, button, input, select, textarea {font-family:sans-serif}
body {margin:0}
header {width: 80% !important; margin: 0 auto;}
a:focus {outline:thin dotted}
a:active, a:hover {outline:0}
h1 {font-size:2em;margin:.67em 0}
h2 {font-size:1.5em;margin:.83em 0}
h3 {font-size:1.17em;margin:1em 0}
h4 {font-size:1em;margin:1.33em 0}
h5 {font-size:.83em;margin:1.67em 0}
h6 {font-size:.67em;margin:2.33em 0}
abbr[title] {border-bottom:1px dotted}
b, strong {font-weight:bold}
blockquote {margin:1em 40px}
dfn {font-style:italic}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark {background:#ff0;color:#000}
p, pre {margin:1em 0}
code, kbd, pre, samp {font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q {quotes:none}
q:before, q:after {content:'';content:none}
small {font-size:80%}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
dl, menu, ol, ul {margin:1em 0}
dd {margin:0 0 0 40px}
menu, ol, ul {padding:0 0 0 40px}
nav ul, nav ol {list-style:none;list-style-image:none}
img {border:0;-ms-interpolation-mode:bicubic}
svg:not(:root) {overflow:hidden}
figure {margin:0}
form {margin:0}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend {border:0;padding:0;white-space:normal;*margin-left:-7px}
button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button, input {line-height:normal}
button, select {text-transform:none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled], html input[disabled] {cursor:default}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
textarea {overflow:auto;vertical-align:top}
table {border-collapse:collapse;border-spacing:0}

/* GLOBAL */
* {margin:0}
html, button, input, select, textarea {color:#222}
html, body{height:100%}
body {font:16px/26px 'Quattrocento Sans', Helvetica, Arial;font-size:1em;line-height:1.4}
::-moz-selection {/*background:#b3d4fc;*/text-shadow:none}
::selection {/*background:#b3d4fc;*/text-shadow:none}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img {vertical-align:middle}
fieldset {border:0;margin:0;padding:0}
textarea {resize:vertical}
.chromeframe {margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}
.ie7 .title {padding-top:20px}
.wrapper {margin: 0 auto; max-width:1400px;}
/*.title {width: 40%;display: block;}*/

/* LAYOUT */
.wrapper {width:95%;margin:0px auto;}
.main-container {margin:0 auto;/* el magin-bottom es el valor negativo de la altura del footer */min-height:100%;}
#home-container {background-image: url("../img/bkg_00.jpg"); background-position: right top;}
.header-container {background:#fff}
.footer-container {display:inline-block;width:100%;background:rgba(0,0,0,0.5);vertical-align:bottom;}
.title {margin-bottom:10px;text-align:center}

/* MENU DROPDOWN */
.fa-facebook-square, .fa-instagram{font-size: 20px !important; margin-top: -2px !important;}
.navbar {overflow: hidden;}
.navbar a {float: left;text-align: center;text-decoration: none;}
.dropdown {float: left;overflow: hidden;padding: 2px 10px;}
.dropbtn:hover{color:#A7A9AA !important;text-decoration:underline;}
.dropdown .dropbtn {border: none;outline: none;color: #000;background-color: inherit;font-size: 14px;font-family: inherit;margin: 0px;padding: 0px;}
.dropdown-content {display: none;position: absolute;background-color: #fff;width: 250px;z-index: 12;}
.dropdown-content a {margin: 0px;float: none;color: #000;font-weight: bold;padding: 4px 16px;text-decoration: none;display: block;text-align: left; border-bottom: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000;}
.show {display: block;}
#myDropdown{margin-top: 10px;}
#muestra1 {border-top: 1px solid #000;}
#triangle1{margin-left: 50px; width: 0px; height: 0px; border-left: 10px solid #fff;border-right: 10px solid #fff;border-bottom: 6px solid #000;}

/* VEGAS */
.vegas-loading {display:none !important}
.vegas-overlay {opacity:0.5;z-index:-1}
.vegas-background {max-width:none !important;image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic;z-index:-2}

/* CV */

.cvContainer{padding-top: 50px; border-top: 4px solid #000;}
.cvContainer2{margin: auto; width: 80%;}
#cv-container {background: #fff;}

#bioPic {width: 100%; }
#bioPic img{width: 100%;}

#bio {display:block; margin: auto 0; width:100%;color:#121212;font-weight: 500;}
#bio h1 {margin-top:0px; font-size:24px}
#bio p, #bio ul li {font-size:16px; line-height: 1.6;}
#bio p {text-align:justify}
#bio ul {margin:30px 0px;padding:0;}
#bio ul li {padding:0;list-style:none;}
#bio ul li span{font-weight: bold;}

/* LIBRO DEL ARTISTA */
.libroContainer{width: 100%; max-width: 1800px; margin: 0 auto; padding-top: 50px; border-top: 4px solid #000;}
.libroDestacada img{width: 100%;}
.libroGaleria video{display: block; margin: 0 auto; margin-bottom: 15px;width: 100%;max-width: 720px;}
.tituloLibro{width: 250px;border-top: 1px solid #000; text-align: right;font-weight: bold;}
.fotoLibro1c{width: 100%; float: left; margin-bottom: 15px;}
.fotoLibro2c{width: 49%; float: left; margin-bottom: 15px;}
.fotoOrden1, .fotoOrden3, .fotoOrden5{margin-right: 2%;}

/* MUESTRAS */
.muestraContainer{width: 100%; max-width: 1800px; margin: 0 auto; padding-top: 50px; border-top: 4px solid #000;}
.muestraDestacada img{width: 100%; margin-bottom: 20px;}
.muestraGaleria {margin-top: 20px;}
.muestraGaleria video{display: block; margin: 0 auto; margin-bottom: 15px; width: 100%;max-width: 720px;}
.fotoMuestra1c{width: 100%; float: left; margin-bottom: 15px;}
.fotoMuestra2c{width: 49%; float: left; margin-bottom: 15px;}
.tituloMuestra{width: 250px;border-top: 1px solid #000; text-align: right;font-weight: bold;}
.tituloMuestra2{width: 300px;border-top: 1px solid #000; text-align: right;font-weight: bold;}
.muestraDetalle{width: 350px; float: left;  margin-left: 50px;}
.muestraDetalle3{width: 350px; float: left;  margin-left: 50px;}
.muestraDetalle2{width: 150px; float: left;  margin-left: 50px;}
.muestraDescripcion{float: left;}
.parrafoMuestra{font-size: 14px;}
#muestraSpan{font-style: italic;}
.muestraParrafoSpan{font-weight: bold;}

/* CONTACTO */
.contactoContainer{width: 100%; max-width: 1800px; margin: 0 auto; padding-top: 50px; border-top: 4px solid #000;}
.contactoDestacada img{width: 100%; margin-bottom: 20px;}
.contactoGaleria video{display: block; margin: 0 auto; margin-bottom: 15px;}
.tituloContacto{width: 250px;border-top: 1px solid #000; text-align: right;font-weight: bold;}
.contactoDetalle{width: 320px; float: left;  margin-left: 30px;}
.contactoDescripcion{float: left;}
#contactoSpan{font-style: italic;}
.contactoParrafoSpan{font-weight: bold;}

/* FOOTER */
.footer-container footer {color:white;font-size:16px}
.footer-container footer, #push {height:80px}
.footer-container footer a {color:#FFF;text-decoration:none}
.footer-container footer a:hover {text-decoration:underline}
.footer-container footer span {display: block; padding-top: 30px; text-align: center;}




/* MOBILE: Menu */
nav ul {margin:0 auto;padding:0 0 10px}
nav a {display:block;margin-bottom:10px;padding:0px;text-align:center;text-decoration:none;font-weight:bold;text-transform:uppercase;color:#000}
nav a.active {text-decoration:underline;font-weight:bold}
nav a:hover {text-decoration:underline;}

/* MOBILE: Main */
.main {padding:0px;min-height:530px;position:relative}
.main article h1 {font-size:2em}
.main aside {float:right;margin:20px 30px 0;padding:15px 60px 15px 20px;width:300px;background:rgba(0,0,0,0.7);color:#FFF}
.main aside h2 {font-size:16px;text-align:right;font-weight:100}
.main aside ul {margin-bottom:25px}
.main aside ul li {text-align:right;list-style:none;font-size:13px;line-height:20px}
.main aside ul li#qr {padding-top:10px}
.main aside ul li#fb {padding-top:10px}
.main aside ul li a {color:#FFF;text-decoration:none}
.main aside ul li a:hover {text-decoration:underline}

/* CEL ONLY */

@media only screen and (max-width: 480px) {

    /* INICIO */
    #home-container {background-image: url("../img/bkg_00a.jpg"); background-size: cover; }
    /* MENU MUESTRAS */
    #menu_muestras {padding:15px; width:80%;margin-left: 5%;}
    .dropdown{float: none;}
    .dropbtn{margin-left: 50% !important;transform: translateX(-50%) !important;font-size:1em !important;font-weight:bold !important; margin-bottom: 10px !important}
    #myDropdown{margin-top: 60px;width: 85%;}
    .dropdown-content a{padding: 8px;}

    /* MUESTRAS */
    #mra_list {width: 90% !important}
    .lSSlideOuter{width: 100%;}

    #menu_ficha_muestra {width: 100%;padding: 0px; margin: auto;}
    #ficha .description {width:80%;}

    /* CONTACTO */
    .main aside {float:right;margin:5px;padding:15px;width:90%;background:rgba(0,0,0,0.7);color:#FFF}

    /* FOOTER */
    .footer-container footer {height:80px !important;}
    .footer-container footer span {padding-top: 10px !important;}

    /* CV */
    #bio{width: 90%;}


}

/* INTERMEDIATE */
@media only screen and (min-width: 480px) {

	/* Menu */
	nav a {float:left;display:inline-block;margin:0 .5%;margin-bottom:0;padding:4px 8px;font-size:14px;font-weight:100;}
	nav li:first-child a {margin-left:0}
	nav li:last-child a {margin-right:0}

	/* IE Fixes */
	nav {margin:0 auto;width:60%;}
	nav ul li {display:inline}
	.oldie nav a {margin:0 0.7%}

}

/* WIDE */
@media only screen and (min-width: 768px) {

	/* Menu */
    .title {float:left;margin-bottom:25px}
    nav {float:right;margin-top:30px}
	nav a.active {background:url('../img/arrow_up.gif') no-repeat 90% 23px}

	/* Main */
	.main article {float:left;width:57%}

}

/* MÁXIMO ANCHO
@media only screen and (min-width: 1140px) {.wrapper {margin: 0 auto;width:1400px}}*/

/* CLASES DE AYUDA */
.ir {background-color:transparent;border:0;*text-indent:-9999px;overflow:hidden}
.ir:before {content:"";display:block;width:0;height:150%}
.hidden {display:none !important;visibility:hidden}
.visuallyhidden {margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto;margin:0;width:auto;height:auto;position:static;overflow:visible}
.invisible {visibility:hidden}
.clearfix:before, .clearfix:after {content:"";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}

/* ESTILOS DE IMPRESIÓN */
@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
	a, a:visited {text-decoration:underline}
	a[href]:after {content:"("attr(href)")"}
	abbr[title]:after {content:"("attr(title)")"}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:""}
	pre, blockquote {border:1px solid #999;page-break-inside:avoid}
	thead {display:table-header-group}
	tr, img {page-break-inside:avoid}
	img {max-width:100% !important}
	@page {margin:0.5cm}
	p, h2, h3 {orphans:3;widows:3}
	h2, h3 {page-break-after:avoid}
}