/* -------------------------------------------------------------------------- */
/* FONTS */
/* -------------------------------------------------------------------------- */

@font-face {
    font-family: 'anarrow-regular';
    src: url('fonts/anarrow-regular-webfont.eot');
    src: url('fonts/anarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/anarrow-regular-webfont.woff') format('woff'),
         url('fonts/anarrow-regular-webfont.ttf') format('truetype'),
         url('fonts/anarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'anarrow-italic';
    src: url('fonts/anarrow-italic-webfont.eot');
    src: url('fonts/anarrow-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/anarrow-italic-webfont.woff') format('woff'),
         url('fonts/anarrow-italic-webfont.ttf') format('truetype'),
         url('fonts/anarrow-italic-webfont.svg#archivo_narrowitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'anarrow-bold';
    src: url('fonts/anarrow-bold-webfont.eot');
    src: url('fonts/anarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/anarrow-bold-webfont.woff') format('woff'),
         url('fonts/anarrow-bold-webfont.ttf') format('truetype'),
         url('fonts/anarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'anarrow-bold-italic';
    src: url('fonts/anarrow-bolditalic-webfont.eot');
    src: url('fonts/anarrow-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/anarrow-bolditalic-webfont.woff') format('woff'),
         url('fonts/anarrow-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/anarrow-bolditalic-webfont.svg#archivo_narrowbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -------------------------------------------------------------------------- */
/* GENERAL */
/* -------------------------------------------------------------------------- */

html, body, .site {
    height: 100%;
    margin: 0; padding: 0;
}
/* colour styles : custom  */
    body  { 
        background:#fff; 
        color:#101010; 
        font-size: 102%; 
        line-height: 1.32em;  
        font-family: 'Arial Narrow' , sans-serif; 
    }
  
/* font styles */	
    h1  { font-size:26px; line-height:41px; padding:0px; margin:0px; margin-bottom:5px; }
    h2  { font-size:20px; line-height:23px; padding:0px; margin:0px; margin-bottom:5px; }
    h3  { font-size:15px; line-height:25px; padding:0px; margin:0px;   }
    h4  { font-size:15px; line-height:25px; padding:0px; margin:0px;   } 
    h5  { font-size:13px; line-height:22px; padding:0px; margin:0px;   }
    h6  { font-size:12px; line-height:22px; padding:0px; margin:0px;  } 
    p   { 
        font-size: 1em; 
        margin: 0px; 
        padding: 10px 0; 
        font-family: 'Arial Narrow' , sans-serif; 
    }

/* list Styles */
    ul 	{ margin: 0; padding-left: 16px; }
    ul li { padding-left: 0; margin-bottom: 5px; 
        list-style-type: square;}
    ol 	{ padding:0px; margin:0; margin-left: 25px; margin-top: 10px;   }
    ol li { padding-left: 10px; margin-bottom: 5px;  list-style-type: decimal; }
	
/* link styles */	
    a:link 		{ color:#000; text-decoration: none;} 
    a:visited 	{ color:#000; text-decoration: none;}
    a:hover 	{ color:#000000; text-decoration: none;}
    a:active 	{ color:#444444; text-decoration: none;}
    a:focus 	{ outline-style: none;}  	

/* pagination */
    #pagination li { list-style-type: none; }
	
/* util styles */ 
    .text-shadow { text-shadow: 0px 0px 9px rgba(0,0,0,0.35); }
    .fixed-full { position:fixed; top:133px; left:0; bottom:10px; width:100%; z-index:-1; }

/* Additional and WordPress styles */
    .clear      { clear:both;}
    .aligncenter    { display: block; margin: 0 auto; }
    .alignleft    { float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; }
    .alignright   { float: right; margin: 0 0 20px 20px; }
    .wp-caption   {  text-align: left; margin-top:5px; margin-bottom:5px; }
    .wp-caption-text  { margin-top:2px;  text-align:left; font-style:italic;  font-size:11px; color:#999; } 
    blockquote    { font-size:1.3em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; }

.admin-bar .site-header {
    margin-top: 25px;
}
.site-content {
    margin-top: 130px;
    min-height: 80%;
}
.page-content {
    margin-bottom: 50px;
}
.page-navigation {
    display: none;
    width: 100%; 
    clear: both;
}

#cat-background { 
    height:100%; 
    background-position:center; 
    background-size: auto 100%; 
    background-repeat:no-repeat; 
    z-index:-1;  
}

/* -------------------------------------------------------------------------- */
/* HEADER */
/* -------------------------------------------------------------------------- */

#site-header {   
    width:100%; 
    padding: 18px 0 10px 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999;
}
@media (min-width : 600px) {
    #site-header {
        position: fixed; top: 0; left: 0;
    }
}
@media (max-width : 600px) {
    #contact-info {
        margin-top: 10px;
    }
    .site-content {
        margin-top: 20px !important;
    }
}
    #site-title  { color:#000; font-family:'Arial Narrow', 'anarrow-regular', sans-serif; font-size:27px; }
    #main-menu { display:block; overflow:auto; list-style: none; margin: 8px 0 0 0; padding: 0; }
        #main-menu li { 
            position:relative; float:left; 
            display: inline; 
            padding: 0 0 0 17px; 
            margin: 0 10px 0 0; 
            background-position: left center; 
            background-repeat: no-repeat; 
        }
            #main-menu li a { 
                font-family: 'Arial Narrow', 'anarrow-regular', sans-serif; 
                padding:3px 2px; 
                display:block; 
                font-size:17px; 
            }
                #main-menu li a:hover, 
                #main-menu li.active a,
                #main-menu li.current-menu-parent a { 
                    background-color:#b7fa2b; 
                }

    #contact-info p, #contact-info a { 
        color:#ff1d45; 
        font-size:14px; line-height:16px; 
        text-align:right; 
        padding:0px; 
        display:block; 
    }
    #contact-info a { text-decoration: none; }
        #contact-info a:hover { text-decoration: underline; }
    #contact-info .cv { text-decoration: underline; }

	

/* -------------------------------------------------------------------------- */
/* FOOTER */
/* -------------------------------------------------------------------------- */

    .site-footer {
        margin-top: 50px;
        padding: 50px 0;
        background-color: #000;
        color: #fff;
    }
        .site-footer p {
            padding: 5px 0;
        }

    /*
    #backtotop { 
        display:none; position:fixed; right:20px; bottom:20px; width:40px; height:40px; cursor:pointer;
        background-position:center; background-size: auto 100%; background-repeat:no-repeat; background-image:url('images/icon-backtotop.png');
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    */


/* -------------------------------------------------------------------------- */
/* POSTS */
/* -------------------------------------------------------------------------- */

/* POSTS GENERAL */
    .post .default-image { 
        height:0; padding-bottom:100%; 
        background-image:url('images/bg-default.jpg'); 
        background-positioin:center; opacity:0.60; 
    }
    .post .empty-box { height:0; padding-bottom:100%; }


/* HOME POSTS */
.post { margin-bottom:6px; }
    .sq-post .post-wrapper { 
        position:relative; 
        height: 0;
        padding-bottom: 100%;
        background-color:#000; 
    }
    .ext-post .post-wrapper { width:100%; height:100%; background-color:rgba(168,255,0,0.7); }
    .post .image-wrapper { background-color:#000; }
    .post .excerpt-wrapper { position:relative; height:100%; }
        .post .excerpt-wrapper .hover-box { height:100%; }
    
    .post img { 
        width:100%; 
        height:auto;  
        z-index: 1; 
    }
    .post.greyscale img {
        opacity:0.8;
        -webkit-filter: grayscale(100%) contrast(130%);
        -moz-filter: grayscale(100%) contrast(130%);
        -ms-filter: grayscale(100%) contrast(130%);
        -o-filter: grayscale(100%) contrast(130%);
        filter: grayscale(100%) contrast(130%);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: gray; /* IE 6-9 */
    }

    .post .icon-box  { 
        position:absolute; top:0; width:100%; height:100%; 
        z-index: 3; 
        display:block; 
        background-position:center; 
        background-repeat:no-repeat; 
        background-size:64%; 
    }

    .post .info-box { 
        display: block; position:absolute; bottom:0; width:100%; 
        padding: 10px; 
        z-index: 4; 
        color: #fff; 
    }
        .post .info-box .entry-title { 
            margin-bottom:2px; 
            font-family: 'Arial Narrow', 'anarrow-regular', sans-serif; 
            font-size: 18px; 
            line-height:1.0em; 
            font-weight:normal;  
        }
        .post .info-box .entry-date { 
            padding: 2px 0; 
            font-family:'Arial Narrow', 'anarrow-regular', sans-serif; 
            font-size: 17px; 
            font-weight:normal; 
        }
        

    .post .over-box  { 
        position:absolute; top:0; width:100%; height:100%; 
        z-index: 2; 
        display: block; background-position:center; 
        background-repeat:no-repeat; 
        background-size:100%; 
    }
        .home .post:nth-child(1n) .over-box { background-image:url('images/over-01.png'); }
        .home .post:nth-child(2n) .over-box { background-image:url('images/over-02.png'); }
        .home .post:nth-child(3n) .over-box { background-image:url('images/over-03.png'); }
        .home .post:nth-child(4n) .over-box { background-image:url('images/over-04.png'); }
        .home .post:nth-child(5n) .over-box { background-image:url('images/over-05.png'); }
        .home .post:nth-child(6n) .over-box { background-image:url('images/over-06.png'); }
        .home .post:nth-child(7n) .over-box { background-image:url('images/over-07.png'); }
        .home .post:nth-child(8n) .over-box { background-image:url('images/over-08.png'); }
        .home .post:nth-child(9n) .over-box { background-image:url('images/over-09.png'); }
        .home .post:nth-child(10n) .over-box { background-image:url('images/over-01.png'); }
        .home .post:nth-child(11n) .over-box { background-image:url('images/over-02.png'); }
        .home .post:nth-child(12n) .over-box { background-image:url('images/over-03.png'); }
        .home .post:nth-child(13n) .over-box { background-image:url('images/over-04.png'); }
        .home .post:nth-child(14n) .over-box { background-image:url('images/over-05.png'); }
        .home .post:nth-child(15n) .over-box { background-image:url('images/over-06.png'); }
        .home .post:nth-child(16n) .over-box { background-image:url('images/over-07.png'); }
        .home .post:nth-child(17n) .over-box { background-image:url('images/over-08.png'); }
        .home .post:nth-child(18n) .over-box { background-image:url('images/over-09.png'); }


    .post .open-box  { 
        position:absolute; top:0; width:100%; height:100%; 
        z-index: 3; 
        display:block; 
        background-image: url('images/bg-arrowopen.png'); 
        background-position: center; background-repeat: no-repeat; background-size: 100%; 
    }

    .post .hover-box { 
        position:absolute; top:0; width:100%; height:100%; 
        z-index: 10; 
        opacity: 0; 
        pointer-events: none;
        -webkit-transition: all 0.3s ease-in-out; 
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
      .post:hover .hover-box { opacity: 1; }

    .sq-post .hover-box  { 
        background-image:url('images/bg-crosshover.png'); 
        background-position:center; background-repeat:no-repeat; background-size:100%; 
    }

    .sq-post.format-link .hover-box {
        background-image:url('images/bg-arrowopen.png'); 
    }

    .ext-post .hover-box  { 
        background-image:url('images/bg-crosshover.png'); 
        background-position:left; background-repeat:repeat; background-size: auto 100%; 
    }
    .hover-box.back {
        background-image:url('images/bg-arrowback.png'); 
        background-position:center; background-repeat:no-repeat; background-size:100%; 
    }
    .ext-post .excerpt { 
        padding:15px 15px 15px 8px;
        line-height: 1.25em;
    }

    .post-linkbox { 
        position:relative; 
        display:block; 
    }

/* CATEGORY POSTS */
    .row-post { 
        position:relative;  
        margin:0; padding-top:20px; padding-bottom:20px; 
        border-top: 3px solid #000; 
        background-color:#fff; 
    }
        .row-post .post-wrapper { position:relative; display:block; }
        .row-post img { width:100%; height:auto; z-index:1; }
        .row-post .info-box { position:relative; padding-left:15px; z-index:10; color:#000; }
          .row-post .info-box .date { padding-bottom:2px; font-family:'Arial Narrow', 'anarrow-regular', sans-serif; font-size:1.1em; text-transform:uppercase; }
          .row-post .info-box .title { font-family:'Arial Narrow', 'anarrow-regular', sans-serif; font-size:2em; line-height:1.0em;  }
          .row-post .info-box .excerpt { padding-bottom:20px; line-height: 1.3em; }
        .row-post .readmore { position:absolute; bottom:15px; right:15px; text-align:right; font-family:'anarrow-regular', 'Arial Narrow', sans-serif; font-size:1.1em; line-height:1.0em; text-transform:uppercase;  }

    .category-icon img { width:80%; height:auto; margin:0 auto;}


.cat-description p { 
    font-family:'Arial Narrow', 'anarrow-italic', sans-serif; 
    font-style:italic; font-size:1.2em; line-height:1.1em;
    padding-bottom:25px;  
}

/* SINGLE POSTS */

    .post-header { margin-bottom:20px; }

    .post .entry-content { 
        background-color:rgba(168,255,0,0.8); 
        padding: 16px 16px 20px 16px;
    }
    .entry-content a { text-decoration:underline; }
    .entry-content a:hover { text-decoration:none; }
    .entry-content img { 
        width:100%; height:auto;
        margin-bottom:10px; 
    }
    .entry-content iframe { width:100%; padding:10px; }
    .entry-content p iframe { padding:0px; }
    .entry-content .arve-wrapper { padding:10px; }

    /* entry-meta */
    .entry-meta {
        margin-top: 30px;
    }
        .entry-tags a {
            display: inline;
            text-decoration: underline;
        }
        .entry-credit .credit-title {
            padding-right: 5px;
        }

    /* social buttons */
    .social-likes { 
        margin-top: 20px !important;
    }

    .aux-box .post-wrapper { background-color:rgba(168,255,0,0.5);
      background-image:url('images/bg-arrowback.png'); background-position:center; background-repeat:no-repeat; background-size:100%; }
      .aux-box .entry-title { color:#000; }

/* single post nav styles */ 
    .post-nav      { width:35px; display:inline; float:left; margin-left:10px; margin-top:15px; }
    .post-next a     { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
    .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;}
    .post-prev a     { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;}
    .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;}


/* -------------------------------------------------------------------------- */
/* COMMENTS */
/* -------------------------------------------------------------------------- */

/* comment styles */
  .comments-area ol { list-style:none; margin:0; padding:0;  border-bottom:1px solid #8e8e8e; }
  .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px;  } 
  .avatar       { display:none;} 
  .reply      { display:none;}
  .comment-meta   { display:none;}
  .comment-author   { font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; }
  #comment-form   { width:50%; }
  .text-input     { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  }
  .comment-input    { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  } 
  .comment-submit   { clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e;   }

/* */

#aviso-nueva-web {
	z-index:1000;
	position:fixed;
	top: 15px;
	right: 10px;
	background-color:#fff;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 5px solid #FBE716;
	padding:10px;
	text-align:center;
	width:120px;
	font-size:12px;
	line-height:14px;
}