/*
Theme Name: Galería Vértice Art Consulting
Theme URI: http://www.almostdesign.com
Description: Theme galeriavertice.com
Version: 3.0
Author: Gonzalo Ovejero
Tags: 
Colors:
	Dark grey => #343331
	White 20% => #5b5b5b
	Light grey => #58646B
	White 70% => #cdd1d3
	White 50% => #acb2b5
	White 30% => #8a9398
	White 20% => #768086
	White 10% => #69747A
*/


/* TEXT */

@font-face {
    font-family: 'fl';
    src: url('font/fl.woff2') format('woff2'),
         url('font/fl.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body { font: 12px/18px 'Open Sans', sans-serif; color: #cdd1d3; }

h2, h3 { font: 18px/125% 'fl', sans-serif; color: #8a9398; margin-bottom: 10px; margin-left: 10px; font-weight: normal; text-transform: uppercase; }

h3 { color: #69747A; margin-top: -10px; margin-bottom: 10px; }

h2 small a { font-size: 12px; font-weight:normal; color: #8a9398; }

h4 { font-size: 16px; font-family: 'fl', sans-serif; color: #8a9398; font-weight: normal; text-transform: uppercase; }

a { color: #fff; font-weight: bold; text-decoration: none; }

p { margin: 0 0 18px }

input, textarea { border-radius: 0; padding: 2px 4px; }

ul { margin-top: -10px; margin-bottom: 20px; }

::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; opacity:  1; }
::-moz-placeholder { color: #999; opacity:  1; }
:-ms-input-placeholder { color: #999; }

/**/

/* IMAGES */

.sq { background-color: #768086; margin-bottom: 20px; }

.sq img, .sq iframe { margin: 5px; }

/**/

/* COMMON */

#encabezado { margin-bottom: 30px; margin-left: 10px; }

#encabezado div { width: 460px; float: left; }

#encabezado div:first-child { margin-right: 20px; }

/**/

/* HEADER */

.header-container { background: #343331 url(../images/shadow.png) repeat-y center; }

header { width: 960px; margin: 0 auto; margin-bottom: 30px; }

header h1 {	float: left; margin-left: 10px; }

header #main-menu { text-align: right; font: 18px 'fl', sans-serif; margin-right: 10px; margin-top: 30px; }

header #main-menu li { display: inline; margin-left: 6px; text-transform: uppercase; }

header #main-menu li a { color: #807e7e; font-weight: normal; }

header #main-menu li.active a { color: #fff; }

header #lang-switch { position: absolute; top: 150px; left: 50%; margin-left: 490px; }

header #lang-switch:hover { background-color: rgba(52,51,49,0.8); }

header #lang-switch a { display: block; width: 20px; height: 54px; overflow: hidden; font-weight: normal; text-indent: -1000px; }

header #lang-switch a#lang-switch-en { background: transparent url(../images/lang_en.png) no-repeat; }

header #lang-switch a#lang-switch-es { background: transparent url(../images/lang_es.png) no-repeat; }

/**/

/* CONTAINER */

body { background: #58646B url(../images/shadow.png) repeat-y center; }

.main-container { width: 960px; margin: 0 auto; }

/**/



/* HISTORICO */

#historico .slideshow-container { width: 940px; height: 359px; margin-left: 10px;
	margin-right: 0px; margin-bottom: 40px; }

#historico .slideshow-container img { width: 930px; height: 349px; }

#programacion div.row { background-color: #768086; margin-bottom: 10px; }

#programacion { width: 940px; margin-left: 10px; }

#programacion div.row { min-height: 40px; }

#programacion div.row.par { background-color: #69747A; }

#programacion div.row:hover { background-color: #8a9398; }

#programacion div.row div.item { width: 211px; padding: 4px 6px; float: left; margin-right: 15px; }

#programacion div.row div.item:nth-child(4) { margin-right: 0; }

#programacion div.row div.item span { font-weight: normal; color: #acb2b5 }

#programacion h4 {	margin: 30px 0 10px 2px; }


/**/



/* PAGE-COLECCIÓN */

#coleccion .item { float: left;	margin: 10px; width: 130px;	height: 125px; padding: 5px; background-color: #768086 }

#coleccion .item .thumb-img { width: 130px; height: 90px; background-color: #69747A; margin-bottom: 5px; }

#coleccion .item a { color: #fff; display: block; position: relative; left: -5px; top: -100px; height: 35px; width: 130px; padding: 100px 5px 0; }

/**/



/* HOME */

#announcement { margin: 5px; padding: 5px; margin-top: -10px; }

#announcement .text { margin: 5px; margin-left: 8px; }

#announcement h3 { margin: 15px 0 5px 0; color: #fff; }

#announcement a { font-weight: normal; color: inherit; }

#video-featured { padding-right: 5px; padding-bottom: 5px; }

#video-featured-in { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }

#img-featured-in { padding-right: 5px; }
    
#img-featured-in img { width: 100%; height: auto; }
    
#video-featured-in iframe, #video-featured-in object, #video-featured-in embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } 

.home-blocks { margin-left: 10px; margin-top: -40px; width: 620px; float: left; }

.home-block { background-color: #768086; margin-bottom: 20px; display: block; padding: 5px 5px 15px; color: #fff; }

a.home-block:hover { background-color: #8a9398; }

.encons:hover { background-color: #768086; }

.home-block span { color: #cdd1d3; font-weight: normal; }

.block-h2 { margin-top: 40px; line-height: 0px; height: 600px; }

.block-h2 a, .block-h2 img { margin: 0; width: 61px; height: 61px; }

#index-side { width: 300px;	float: right; margin-right: 10px; }

#index-side h2 { margin: 0 0 20px; }

#index-side ul { margin-bottom: 40px; padding: 0; list-style: none; }

#servicios li { background-color: #768086; margin-bottom: 10px; padding: 0; }

#servicios li:nth-child(2n) { background-color: #69747A; }

#servicios li a { color: inherit; font-weight: normal; display: block; padding: 4px 6px }


/* INFO */

#info {	margin-left: 10px; }

#info h2 { margin-left: 0; }

#presentacion li { margin-bottom: 10px; margin-top: 10px; }

#info .text > ul { padding: 0; }

#info .text > ul > li { background-color: #768086; padding: 8px 10px; display: block; }

#info .text > ul > li:nth-child(even){ background-color: #69747A; }

#info .text > ul > li >  ul { margin:  10px 0 -10px; }

#info .slideshow-container { width: 460px; height: 370px; }

#slideshow { position: relative; }

#slideshow img { position: absolute; }

#social h2 { margin-bottom: 10px; }

#social ul { padding: 0; }

#social li { display: inline; margin-right: 5px; }

#info #info1-1 { width: 460px; float: left; }

#info #info1-2 { width: 460px; float: right; margin-top: 50px; }

#contacto { margin-top: 40px; margin-left: 10px; }

#social { margin-bottom: 40px; margin-top: 40px; }

#info #social { margin-left: 10px; }

#location { margin-top: 50px; }

#localizacion { width: 940px; height: 440px; }

#localizacion iframe { border: none; }


/* LEGAL */

.page { margin: 0 10px; }

.page h2 { margin-left: 0; }


/* SINGLES */

.meta { margin-top: -10px; padding-bottom: 10px; font-weight: bold; }


.the-content { width: 460px; margin-left: 10px; float: left; }

.side-info { width: 460px; float: right; margin-right: 10px; }

.side-info.side-col { margin-right: -5px; }

.the-content h2 { margin-left: 0; }

.the-content h4 { margin-top: 30px; margin-bottom: 10px; }

.the-content p { margin-bottom: 10px; }

.main-img a { display: block; line-height: 0; }

.side-info .thumb-img { float: left; width: 100px; height: 100px; margin-right: 20px; }

.side-info .thumb-img:nth-child(4n+1) { margin-right: 0; }

.side-info h4 { margin-top: 20px; margin-bottom: 20px; }

.side-info ul { padding-left: 20px; }

.side-info li { list-style-type: disc; margin-bottom: 3px; }

.side-info.side-col { margin-top:45px; }

.side-info.side-col h4:nth-child(1) { margin-bottom: 12px; }

.side-info.side-col .thumb-img { margin-right: 15px; }

.side-info.side-col .thumb-img:nth-child(4) { margin-right: 0px }

.the-content .video-sc { border: 5px solid #768086; margin-top: 20px; margin-bottom: 10px; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; background-color: #000; }
    
.the-content .video-sc iframe, .the-content .video-sc object, .the-content .video-sc embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.video-pie { margin-top: 0px; padding-bottom: 20px; font-style: italic; color: #acb2b5;}

#coleccion-expos { margin-top: 10px; }

.the-content ul { padding-left: 20px; }

#coleccion-img { margin-top: 10px; }

#coleccion-img .thumb-img {	width: 300px; height: 210px; float: left;	margin-right: 10px; margin-top: 10px; margin-bottom: 0; }

#coleccion-img .thumb-img:nth-child(2) { margin-right: 0; }

#coleccion-expos { margin-top: 20px; }

#aside-collection-form form { margin-left: 10px; margin-top: 30px; width:460px; float: left; margin-right: 200px; }

.common-form label { display: block; }

.common-form input, .common-form textarea { margin-bottom: 10px; width: 452px; background-color: #797f85; border: none; padding: 0 4px; }

.common-form input#f_legal, .common-form input#n_legal { width: auto; height: auto; margin: 0 5px 20px 0; }

.common-form label[for="f_legal"], .common-form label[for="n_legal"] { display: inline; }

.common-form button { width: 460px; background-color: #343331; border: none; }

.common-form .alert-danger { color: #d65d5d; }

.common-form .alert-success { color: #94d494; margin-bottom: 10px; }

.the-content { margin-bottom: 30px!important; }


/* FOOTER */

footer { height: 30px; text-align: center; color: #8a9398; padding-bottom: 40px; padding-top: 40px; }

footer a { color: inherit; text-decoration: none; font-weight: normal; }

footer a:hover { text-decoration: underline; }

#cookies-bar { background-color: #343331; position: fixed; bottom: 0; text-align: center; width: 100%; }

#cookies-bar .inner { margin: 10px auto; width: 590px; }

#cookies-bar .inner p { margin-bottom: 5px; }

#cookies-bar .inner p:nth-child(2){ margin-bottom: 0; }


/* Image Lightbox */

#imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; cursor: pointer; border: 5px solid #fff; margin-left: -5px;  margin-top: -5px; }

html { /* killing 300ms touch delay in IE */ -ms-touch-action: manipulation; touch-action: manipulation; }

/* ACTIVITY INDICATION */

#imagelightbox-loading, #imagelightbox-loading div { border-radius: 50%; }

#imagelightbox-loading { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; /* 10 */ margin: -1.25em 0 0 -1.25em; /* 20 */ }

#imagelightbox-loading div { width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ margin-left: .625em; margin-top: .625em; background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; }

@-webkit-keyframes imagelightbox-loading { from { opacity: .5;	-webkit-transform: scale( .75 ); } 50% { opacity: 1;	-webkit-transform: scale( 1 ); } to { opacity: .5;	-webkit-transform: scale( .75 ); } }
@keyframes imagelightbox-loading { from { opacity: .5;	transform: scale( .75 ); }50% { opacity: 1;	transform: scale( 1 ); } to { opacity: .5;	transform: scale( .75 ); } }


/* OVERLAY */

#imagelightbox-overlay { background-color: #999; background-color: rgba( 153, 153, 153, .9 ); position: fixed;
	z-index: 9998; top: 0;
	right: 0; bottom: 0; left: 0; }

/* CAPTION */

#imagelightbox-caption { text-align: center; color: #fff; background-color: #666; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ }

#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-caption { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; }
	@-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
	@keyframes fade-in { from	{ opacity: 0; } to { opacity: 1; } }



/* RESPONSIVE */

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

  header { width: 320px; }
  
  header h1 { width: 171px; margin: 20px auto; float: none; }
  
  header h1 img{  width: 171px; height: 44px; }
  
  header #lang-switch { position: static; margin: 0; text-align: center; }
  
  header #lang-switch a { width: 100%; height: 20px; text-indent: 0px; color: #999; }
  
  header #lang-switch a#lang-switch-en { background-image: none; }
  
  header #lang-switch a#lang-switch-es { background-image: none; }

  .header-container #main-menu { margin-top: 20px; text-align: center; }
  
  .header-container #main-menu ul { padding: 0; margin-top: 0; }
  
  .header-container #main-menu li { display: block; }
  
  .main-container { width: 300px; }
  
  #announcement { margin: 0; padding: 0; }
  
  .home-blocks { width: 290px; margin: 0; }
  
  .block-h2 { width: 290px; height: 280px; margin-top: 10px; }
  
  .block-h2 a, .block-h2 img { margin: 0; width: 29px; height: 29px; }
  
  #index-side { padding-top: 340px; float: none; }
  
  #info #presentacion { width: 290px; }
  
  #info { margin: 0; width: 300px; }
  
  #info1-1, #info1-2  { float: none !important;	width: 300px !important; }
  
  #info .text {	width: 300px; }

  #info .slideshow-container { width: 300px; height: 240px; margin-top: -20px; }
  
  #info .slideshow-container img { width: 290px; height: 230px; }
  
  #info #contacto { margin-top: 20px; }
  
  #social { margin-top: 30px; }
  
  #location { margin-top: 20px; }
   
  #localizacion { width: 300px; }
  
  #localizacion iframe { width: 290px; }
  
  #historico { width: 300px; }
  
  #historico h2, #historico #encabezado { margin-left: 0; }
  
  #historico #encabezado div { width: 300px; }
  
  #historico .slideshow-container { width: 300px; height: 117px; margin-left: 0; }
  
  #historico .slideshow-container img { width: 290px; height: 107px; }
  
  #programacion { width: 300px; margin-left: 0; }
  
  #programacion div.row div.item { width: 290px; }
  
  .side-col { margin-top: 30px!important; }
  
  .side-expart .thumb-img:nth-child(4n-3){ margin-right: 20px; }
  
  .side-expart .thumb-img:nth-child(3n-2){ margin-right: 0; }
  
  #coleccion h2, #coleccion #encabezado { margin-left: 0; }
  
  #coleccion #encabezado div { width: 300px; }
  
  #coleccion .item { margin: 0; }
  
  #coleccion .item:nth-child(2n-1) { margin-right: 20px; margin-bottom: 20px; }
  
  #coleccion .item:nth-child(2n-1) .item:nth-child(2n-1) { margin: 0 20px 20px 0; }
  
  #coleccion-img { width: 300px; }
  
  
  /* singles */
  
  .the-content { width: 300px; margin-left: 0; float: none; }
  
  .side-info { width: 300px; float: none; }
  
  .side-info .size-grid6 { width: 290px; height: auto; }
  
  .side-info .thumb-img { width: 86px; height: 86px; }
  
  .side-info .size-medium { width: 76px; height: auto; }
  
  .side-info h4 { width: 300px; }
  
  .side-col { margin-top: -10px!important; }
  
  .side-col .thumb-img { margin-right: 20px !important; margin-bottom: 20px; }
  
  .side-col .thumb-img:nth-child(3n) { margin-right: 0px!important; }
   
  .side-col .thumb-img.emptysq { display: none; }
  
  #collection-form { margin-left: 0!important; width: 300px!important; }
  #collection-form input, #collection-form textarea { width: 290px; }
  
  #collection-form button { width: 300px; }
  
  footer { width: 220px; margin: 0 auto 30px; }
  
  footer .separator:nth-child(8), footer .separator:nth-child(12) { display: none; }
  
  footer a { white-space: nowrap; }
  
  #cookies-bar .inner { width: 280px; }
  
}

@media only screen and (min-width : 570px) and (max-width : 1023px){

  header { width: 570px; text-align: center; }
  
  header h1 { float: none; margin-top: 30px; }
  
  header #lang-switch { position: static; margin: 0; text-align: center; }
  
  header #lang-switch a { width: 100%; height: 20px; text-indent: 0px; color: #999; }
  
  header #lang-switch a#lang-switch-en { background-image: none; }
  
  header #lang-switch a#lang-switch-es { background-image: none; }
  
  .header-container #main-menu { margin-top: 20px; text-align: center; }
  
  .header-container #main-menu ul { padding: 0; }
  
  .main-container { width: 560px; }
  
  #announcement { margin: 0; padding: 0; }
  
  .home-blocks { width: 560px; margin: 0; }
  
  .block-h2 { width: 550px; height: 540px; margin-top: 10px; }
  
  .block-h2 a, .block-h2 img { margin: 0; width: 55px; height: 55px; }
  
  #index-side { width: 560px; float: none; padding-top: 640px; }
  
  #info { margin-left: 0; }
  
  #info .text {	width: 560px; }
  
  #info1-1, #info1-2 { width: 560px !important; }

  #info .slideshow-container { width: 560px; height: 450px; margin: 20px 0 40px ; }
  
  #info .slideshow-container img { width: 550px; height: 440px; }
  
  #info #newsletter { left: 0; top: 20px; margin-bottom: 80px; }
  
  #info #contacto { margin-top: 0px; }
  
  #social, #location { margin-top: 30px; }
  
  #localizacion { width: 560px; }
  
  #localizacion iframe { width: 550px; }
  
  #historico { width: 560px; }
  
  #historico #encabezado, #historico h2, #programacion { margin-left: 0; }
  
  #historico #encabezado div { width: 560px; margin-right: 0; }
  
  #historico .slideshow-container { width: 560px; height: 213px; margin-left: 0; }
  
  #historico .slideshow-container img { width: 550px; height: 203px; }
  
  #programacion { width: 560px; }
  
  #programacion .item:nth-child(2) { width: auto!important; }
  
  #programacion .item:nth-child(3), #programacion .item:nth-child(4) { margin-left: 240px; width: auto !important; }
  
  #coleccion #encabezado div { width: 560px; }
  
  #coleccion h2, #coleccion #encabezado { margin-left: 0; }
  
  #coleccion .item { margin: 35px 70px 35px 0; }
  
  #coleccion .item:nth-child(3n+2) { margin-right: 0; }
  
  /* singles */
  
  .the-content { width: 560px; margin: 0; }
  
  .side-info { width: 560px; margin-top: 20px; margin-right: 0; }
  
  .side-info .size-grid6 { width: 550px; height: auto; }
  
  .side-info .thumb-img { width: 86px; height: 86px; margin-right: 32px !important;
  	margin-bottom: 16px;
  	margin-top: 16px;
  }
  
  .side-info .size-medium { width: 76px; height: auto; }
  
  .side-info h4 { width: 550px; }
  
  .side-col { width: 564px; margin-top: -20px!important; }
  
  .side-col h4.obra { margin-bottom: 0!important; }
  
  .side-col .thumb-img:nth-child(5n) { margin-right: 0px!important; }
  
  .side-col .thumb-img.emptysq { display: none; }
  
  .side-expart .thumb-img:nth-child(5n+1){ margin-right: 0px!important; }
  
  #collection-form { margin-left: 5px!important; }
  
  #collection-form input, #collection-form textarea { width: 550px; }
  
  #collection-form button { width: 560px; }
  
  #cookies-bar .inner { width: 540px; }

}








/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        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) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]: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;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}