/*
  +++++++++++++++++++++++++++++++++
  By Salvador González
  Last updated on 01.01.2014
  +++++++++++++++++++++++++++++++++
  

  Contents:_______________________________________
    01 Sensible Defaults
    02 Typography
    03 Hard Work
    05 Media Queries
  ================================================
  */


/* ---------------------------------------------------------------------------------------------------------- 
  01 Sensible Defaults ----------------------------------------------------------------------------------------
  ---------------------------------------------------------------------------------------------------------- */

@import "reset.css";
* {
    box-sizing: border-box;
}


/* Apply a natural box layout model to all elements — see http://paulirish.com/2012/box-sizing-border-box-ftw */

div,
article,
section,
header,
footer,
nav,
figure,
li {
    position: relative;
}


/* For absolutely positioning elements within containers  */

body {
    background: #FFF;
}

::-moz-selection {
    background: #333;
    color: #FFF;
}

::selection {
    background: #333;
    color: #FFF;
}


/* ---------------------------------------------------------------------------------------------------------- 
  02 Typography -----------------------------------------------------------------------------------------------
  ------------------------------------------------------------------------------------------------------------- 
  14 / 16 =     0.875em     (14px equivalent)
  16 / 16 =     1em         (16px equivalent)
  18 / 16 =     1.125em     (18px equivalent)
  21 / 16 =     1.3125em    (21px equivalent)
  24 / 16 =     1.5em       (24px equivalent)
  30 / 16 =     1.875em     (30px equivalent)
  72 / 16 =     4.5em       (72px equivalent)
  -------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'monitorpronormal';
    src: url('monitorpro-normal-webfont.eot');
    src: url('monitorpro-normal-webfont.eot?#iefix') format('embedded-opentype'), url('monitorpro-normal-webfont.woff') format('woff'), url('monitorpro-normal-webfont.ttf') format('truetype'), url('monitorpro-normal-webfont.svg#monitorpronormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('icomoon.eot?-utq5ht');
    src: url('icomoon.eot?#iefix-utq5ht') format('embedded-opentype'), url('icomoon.woff?-utq5ht') format('woff'), url('icomoon.ttf?-utq5ht') format('truetype'), url('icomoon.svg?-utq5ht#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon_footer';
    src: url('icomoon_footer.eot');
}

@font-face {
    font-family: 'icomoon_footer';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon_footer';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 2em;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
    content: "\e600";
}

.icon-facebook:before {
    content: "\e601";
}

.icon-googleplus:before {
    content: "\e602";
}

.icon-linkedin:before {
    content: "\e603";
}

.icon-envelope-o:before {
    content: "\f003";
}

.icon-phone:before {
    content: "\e604";
}

.icon-googleplus2:before {
    content: "\e605";
}

.icon-facebook2:before {
    content: "\e606";
}

.icon-twitter2:before {
    content: "\e607";
}

body {
    font-family: 'monitorpronormal';
}

p {
    font-size: 1.1em;
    line-height: 1.5em;
}

div#header #nav ul li {
    font-size: 1.125em;
}

div#footer {
    color: #efefef;
    font-style: italic;
    font-size: .75em;
}


/* 02a - Rendering */

html,
input,
textarea {
    -webkit-font-smoothing: antialiased;
}


/* 02b - Ligatures */

body {
    text-rendering: optimizeLegibility;
    /* Turns on ligatures and kerning */
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
    /* For more refined (but less supported) ligature control */
}

.clear {
    clear: both;
}


/* ---------------------------------------------------------------------------------------------------------- 
  03 Hard Work------------------------------------------------------------------------------------------------
  ------------------------------------------------------------------------------------------------------------ */

html {
    height: 100%;
    width: 100%;
}

body {
    margin-top: 10px;
    color: #58585A;
    height: 100%;
    width: 100%;
}

#mess {
    background: white;
    position: fixed;
    height: auto;
    width: 33%;
    padding: 1em;
    margin: 1em;
    border-left: 4px solid lime;
    z-index: 99999;
    box-shadow: 0px 0px 5px 1px #D0CDD3;
}

#mess_err {
    background: white;
    position: fixed;
    height: auto;
    width: 33%;
    padding: 1em;
    margin: 1em;
    border-left: 4px solid red;
    z-index: 99999;
    box-shadow: 0px 0px 5px 1px #D0CDD3;
}

.closeit {
    cursor: pointer;
    position: absolute;
    top: .4em;
    right: .4em;
    width: 1em;
    height: 1em;
    background-image: url(../images/close.png);
    background-size: 1em 1em;
}

p {
    text-align: justify;
}

.separata {
    height: 150px;
}

.mobile {
    display: none;
}

div#header {
    top: 0;
    width: 100%;
    display: block;
    position: fixed;
    z-index: 998;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-8 */
}

div#header div#logo {
    padding-top: 10px;
    text-align: center;
}

div#header div#logo-mini {
    position: fixed;
    padding-top: 30px;
    text-align: center;
    z-index: 998;
    padding-left: 30%;
}

div#header div#nav {
    z-index: 999;
    display: block;
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: center;
}

div#header div#nav .line {
    height: 5px;
    background: #323232;
    width: 60px;
}

div#header div#nav ul li {
    display: inline-block;
    padding-bottom: 7px;
    padding-right: 15px;
    width: 7%;
    min-width: 60px;
    text-align: center;
}

div#header div#nav ul li:last-child {
    padding-right: 0px;
}

div#header div#nav ul li a {
    color: #666666;
    text-decoration: none;
}

div#about {
    margin: 0 auto;
    width: 90%;
    max-width: 960px;
    padding-top: 290px;
    height: 100%;
}

div#about p {
    margin: 0 auto;
    max-width: 85%;
}

div#about p .notanymore {
    text-decoration: line-through;
    color: #A9A9AF;
}

div#about a {
    color: #2f2f2f;
    text-decoration: underline;
}

div#about a:hover {
    color: #2f2f2f;
    text-decoration: underline;
}

div#about a:active {
    color: #2f2f2f;
    text-decoration: underline;
}

div#about .skills {
    text-align: center;
}

div#about .skills h1 {
    font-size: 2em;
    text-align: center;
    margin: 2em 0 1em;
}

div#about .skills .skill {
    height: 100px;
    width: 100px;
    background-color: #ccc;
    border-radius: 50%;
    padding: 40px 10px;
    display: inline-block;
}

div#work {
    margin: 0 auto;
    width: 90%;
    padding-top: 30px;
    max-width: 960px;
}

div#work #cont {
    width: 100%;
    max-width: 960px;
    display: block;
}

div#work #cont .col_1 {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 12px;
    width: 49%;
    overflow: hidden;
    border: solid 1px #CCCCCC;
    box-shadow: 0px -1px 46px -5px rgba(135, 133, 135, 1);
}

div#work #cont .col_1 .pictureContainer {
    position: relative;
}

.overimg {
    position: absolute;
    bottom: 0.5em;
    left: .5em;
    z-index: 9999;
}

.overimg .tec {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: 7px 0 0 0;
}

.overimg .tec svg {
    max-width: 80%;
    max-height: 80%;
}

div#work #cont .col_1 .pictureContainer img {
    vertical-align: top;
    position: relative;
    width: 200%;
    left: 0;
    -webkit-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}

div#work #cont .col_1 .pictureContainer:hover img {
    left: -100%;
}

div#work #cont .col_2 {
    display: inline-block;
    margin-bottom: 12px;
    width: 49%;
    overflow: hidden;
    border: solid 1px #CCCCCC;
    box-shadow: 0px -1px 46px -5px rgba(135, 133, 135, 1);
}

div#work #cont .col_2 .pictureContainer img {
    vertical-align: top;
    position: relative;
    width: 200%;
    left: 0;
    -webkit-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
}

div#work #cont .col_2 .pictureContainer:hover img {
    left: -100%;
}

div#contact {
    margin: 0 auto;
    width: 90%;
    max-width: 960px;
    padding-top: 40px;
    height: 100%;
}

div#contact .check {
    position: absolute;
    top: .5em;
    right: .5em;
    display: none;
}

div#contact .check.ok {
    font-family: 'icomoon';
    color: rgb(82, 149, 15);
    font-size: 1em;
}

div#contact .check.ko {
    font-family: 'icomoon';
    color: rgb(217, 83, 79);
    font-size: 1em;
}

div#contact .col_1 {
    display: inline-block;
    margin-right: 2px;
    text-align: right;
    width: 49%;
    vertical-align: top;
}

div#contact .col_1 div {
    position: relative;
}

div#contact .col_1 input {
    background: #eee8e3;
    transition: background-color .8s;
    -webkit-transition: background-color .8s;
    border: #fff;
    display: block;
    font-size: 1em;
    height: 30px;
    margin-bottom: 2px;
    width: 100%;
    padding: .5em;
    position: relative;
}

div#contact .col_1 input:focus {
    background-color: #cacbc9;
    outline: 0px;
}

div#contact .col_1 span {
    background: #eee8e3;
    transition: background-color .8s;
    -webkit-transition: background-color .8s;
    border: #fff;
    display: block;
    font-size: 1em;
    height: 30px;
    margin-bottom: 2px;
    padding: .5em;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div#contact .col_2 {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

div#contact .col_2 textarea {
    background-color: #eee8e3;
    transition: background-color .8s;
    -webkit-transition: background-color .8s;
    border: #fff;
    font-size: 1em;
    height: 158px;
    padding: .5em;
    resize: none;
    width: 100%;
}

div#contact .col_2 textarea:focus {
    background-color: #cacbc9;
    outline: 0px;
}

div#contact .col_2 input {
    background: #eee8e3;
    transition: background-color .8s;
    -webkit-transition: background-color .8s;
    border: #fff;
    display: block;
    font-size: 1em;
    height: 30px;
    margin-bottom: 2px;
    padding: .5em;
    width: 100%;
}

div#contact .col_2 input:focus {
    background-color: #cacbc9;
    outline: 0px;
}

div#contact .no_col {
    text-align: center;
    padding-right: 12px;
}

div#contact .no_col .send {
    font-size: 1em;
    color: #666666;
    transition: color .8s;
    -webkit-transition: color .8s;
    background-color: #cacbc9;
    border: 0px;
    border-bottom: solid 1px;
    border-bottom-color: #868686;
    border-radius: 2px;
    height: 30px;
    margin-top: 12px;
    width: 80px;
    opacity: 1;
    transition: opacity .8s;
    -webkit-transition: opacity .8s;
}

div#contact .no_col .send:hover {
    cursor: pointer;
    color: #fafafa;
    border-bottom-color: #cacbc9;
    background-color: #868686;
}

div#contact .no_col .send:disabled {
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
}

div#contact .no_col .send:focus {
    outline: 0px;
}

div#contact div.cont i {
    display: block;
    margin: 3em 0 .1em 0;
}

div#contact div.cont ul {
    margin: 0 auto;
}

div#contact div.cont li {
    text-align: center;
}

div#contact div.cont a {
    color: inherit;
    text-decoration: none
}

div#footer {
    padding: 20px;
    background: #737373;
    height: 90px;
    text-align: center;
}

div#footer p {
    display: block;
    text-align: center;
}

div#footer p a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .5s;
    transition: all .5s;
}

div#footer p a:hover {
    color: inherit;
    text-decoration: none;
    color: white;
}

div#footer p a i {
    margin: 0 5px;
    font-size: 2.2em;
}


/* ---------------------------------------------------------------------------------------------------------- 
  03 Media Queries------------------------------------------------------------------------------------------------
  ------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width: 900px) {
    div#header div#logo-mini {
        position: fixed;
        padding-top: 30px;
        text-align: center;
        padding-left: 20%;
    }
}

@media screen and (max-width: 768px) {
    body {
        margin-top: 0px;
    }
    div#about {
        padding-top: 320px;
        padding-bottom: 100px;
    }
    div#work #cont .col_1 {
        margin: 0 auto;
        display: block;
        margin-bottom: 7px;
        width: 90%;
    }
    div#work #cont .col_2 {
        margin: 0 auto;
        display: block;
        margin-bottom: 7px;
        width: 90%;
    }
    .separata {
        height: 350px;
    }
    div#header {
        background: #ffffff;
        padding-top: 7px;
        box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.30);
    }
    div#header div#logo-mini {
        position: fixed;
        padding-top: 30px;
        text-align: center;
        padding-left: 10%;
    }
}

@media screen and (max-width: 600px) {
    p {
        font-size: 1em;
        line-height: 1.5em;
    }
    .mobile {
        display: block;
    }
    .non_mobile {
        display: none;
    }
    div#contact {
        height: 100%
    }
    div#contact .col_1 {
        display: block;
        width: 100%;
    }
    div#contact .col_2 {
        display: block;
        width: 100%;
    }
    div#contact .col_2 textarea {
        margin-top: 2px;
    }
}

@media screen and (max-width: 426px) {
    .separata {
        height: 30px;
    }
    .b {
        display: none;
    }
    div#about {
        padding-top: 200px;
        padding-bottom: 0px;
        min-height: 1200px;
    }
    div#header div#nav {
        padding-top: 15px;
        padding-bottom: 5px;
    }
    div#header #nav ul li {
        padding-top: 10px;
    }
    div#header div#logo {
        padding-top: 0px;
    }
    div#header div#logo-mini {
        padding-top: 0px;
        text-align: left;
        padding-left: 5px;
        padding-top: 10px;
    }
    div#header div#logo-mini img {
        width: 70%;
    }
    div#work {
        padding-bottom: 50px;
    }
    div#work #cont #box .caption {
        padding: 25px;
    }
    div#contact {
        height: 100%;
    }
    div#footer {
        margin-top: 250px;
        padding: 20px;
        background: #737373;
        min-height: 20px;
        text-align: center;
    }
}