@font-face {
    font-family:si;
    src:    url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.woff") format('woff2'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.ttf") format('truetype'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.svg") format('svg'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.eot") format('eot'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/socicon/socicon.eot?#iefix") format('eot');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:edosz;
    src:    url("//framework.tecnicosweb.com/core/xtras/fonts/edosz/edosz.eot"),
        url("//framework.tecnicosweb.com/core/xtras/fonts/edosz/edosz.eot?#iefix") format('eot'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/edosz/edosz.woff") format('woff'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/edosz/edosz.ttf") format('truetype'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/edosz/edosz.svg") format('svg');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:sweetly_broken;
    src:    url("//framework.tecnicosweb.com/core/xtras/fonts/sweetly_broken/sweetly_broken.eot"),
        url("//framework.tecnicosweb.com/core/xtras/fonts/sweetly_broken/sweetly_broken.eot?#iefix") format('eot'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/sweetly_broken/sweetly_broken.woff") format('woff'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/sweetly_broken/sweetly_broken.ttf") format('truetype'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/sweetly_broken/sweetly_broken.svg") format('svg');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:lato;
    src:    url("//framework.tecnicosweb.com/core/xtras/fonts/lato/Lato-Regular.eot"),
        url("//framework.tecnicosweb.com/core/xtras/fonts/lato/Lato-Regular.eot?#iefix") format('eot'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/lato/Lato-Regular.woff") format('woff'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/lato/Lato-Regular.woff2") format('woff2'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/lato/Lato-Regular.ttf") format('truetype'),
        url("//framework.tecnicosweb.com/core/xtras/fonts/lato/Lato-Regular.svg") format('svg');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}

/* reset */
body{
    margin: 0;
    font-family: sans-serif;
    line-height:1.5em;
}
h1{
    font-size: 1.6rem;
    margin: 20px 5px 10px;
}
h2{
    font-size: 1.4rem;
    margin: 20px 5px 10px;
}
h3{
    font-size: 1.2rem;
    margin: 20px 5px 10px;
}
h4{
    font-size: 1rem;
    margin: 20px 5px 10px;
}

/* Code */
pre:has(> code) {
    counter-reset: line;
    white-space: unset;
    background-color: black;
    overflow-x: scroll;
    padding: 5px 0px;
}
pre>code:before{
    content: counter(line);
    color: black;
    margin-right: 15px;
    padding: 10px 10px;
    background-color: lightgray;
}
pre > code {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: black;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: rgba(0, 255, 0, 0.8);
    display: block;
    font-family: Consolas,Monaco,"Andale Mono",monospace !important;
    font-size: 12px;
    text-shadow: 0 0 2px rgba(0, 255, 0, 0.6);
    white-space: pre;
    counter-increment: line;
    padding: 0px 0px;
    overflow-x: unset;
    line-height: 25px;
}
code{
}
div > code{
    padding: 10px 15px;
    background-color: lightgray;
    overflow-x: scroll;
    display: flex;
    border: solid 1px black;
    border-radius: 5px;
    white-space: pre;
}

/* Colores, fuentes */
.txt-darkblack{
    color: black;
}
.txt-black{
    color: #171717;
}
.txt-lightblack{
    color: #333333;
}
.txt-darkgreen{
    color: darkgreen;
}
.txt-green{
    color: green;
}
.txt-lightgreen{
    color: lightgreen;
}
.txt-darkred{
    color: darkred;
}
.txt-red{
    color: red;
}
.txt-lightred{
    color: lightcoral;
}
.txt-darkorange{
    color: darkorange;
}
.txt-orange{
    color: orange;
}
.txt-lightorange{
    color: #ffc356;
}
.txt-darkyellow{
    color: #dddd07;
}
.txt-yellow{
    color: yellow;
}
.txt-lightyellow{
    color: #ffff95;
}
.txt-darkblue{
    color: darkblue;
}
.txt-blue{
    color: blue;
}
.txt-lightblue{
    color: lightblue;
}
.txt-darkgrey{
    color: #595959;
}
.txt-grey{
    color: grey;
}
.txt-lightgrey{
    color: lightgrey;
}
.txt-darkwhite{
    color: #eaeaea;
}
.txt-white{
    color: white;
}
.italic{
    font-style: italic;
}
.strong, .bold{
    font-weight: bold;
}

.bg-darkgreen{
    background-color: darkgreen;
}
.bg-green{
    background-color: green;
}
.bg-lightgreen{
    background-color: lightgreen;
}
.bg-darkred{
    background-color: darkred;
}
.bg-red{
    background-color: red;
}
.bg-lightred{
    background-color: lightcoral;
}
.bg-darkorange{
    background-color: darkorange;
}
.bg-orange{
    background-color: orange;
}
.bg-lightorange{
    background-color:  #ffc356;
}
.bg-darkyellow{
    background-color: #dddd07;
}
.bg-yellow{
    background-color: yellow;
}
.bg-lightyellow{
    background-color: #ffff95;
}
.bg-darkblue{
    background-color: darkblue;
}
.bg-blue{
    background-color: blue;
}
.bg-lightblue{
    background-color: lightblue;
}
.bg-darkgrey{
    background-color: #595959;
}
.bg-grey{
    background-color: grey;
}
.bg-lightgrey{
    background-color: lightgrey;
}
.bg-darkwhite{
    background-color: #eaeaea;
}
.bg-darkblack{
    background-color: black;
}
.bg-black{
    background-color: #171717;
}
.bg-lightblack{
    background-color: #333333;
}
.bg-white{
    background-color: white;
}

.border-0{
    border: 0 !important;
}
.border-1{
    border: 1px solid !important;
}
.border-2{
    border: 2px solid !important;
}
.border-3{
    border: 3px solid !important;
}

.shadow-small{
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
.shadow-medium{
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
}
.shadow-big{
    -webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75);
}

.nodecoration{
    text-decoration: none;
}
.nodecoration-hover:hover{
    text-decoration: none;
}
.underline{
    text-decoration: underline;
}
.overline{
    text-decoration: overline;
}
.strikeline{
    text-decoration: line-through;
}

/* Alineados */
.txt-align-justify{
    text-align:justify;
}
.txt-align-left{
    text-align: left;
}
.txt-align-right{
    text-align: right;
}
.txt-align-center{
    text-align: center;
}
.v-align-top{
    vertical-align: top;
}
.v-align-middle{
    vertical-align: middle;
}
.v-align-bottom{
    vertical-align: bottom;
}
.float-left{
    float:left;
}
.float-right{
    float:right;
}
.float-center{
    margin-left:auto;
    margin-right:auto;
    text-align: center
}

/* Tamaños */
.width-responsive{
    width: 100%;
    height: auto;
}
.font-size-very-small{
    font-size: 60%;
    font-size:0.6em;
}
.font-size-small{
    font-size: 80%;
    font-size:0.8em;
}
.font-size-big{
    font-size: 120%;
    font-size:1.2em;
}
.font-size-very-big{
    font-size: 140%;
    font-size:1.4em;
}
.font-size-super-big{
    font-size: 160%;
    font-size:1.6em;
}
.font-size-gegant{
    font-size: 200%;
    font-size: 1.8em;
    line-height:1em;
}

/* Visualización */
.display-none{
    display:none;
}
.display-block{
    display:block;
}
.display-inline{
    display:inline;
}
.display-inblock{
    display: inline-block;
    white-space: nowrap;
}

.round-corner-superbig{
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
}
.round-corner-big{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}
.round-corner-medium{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.round-corner-small{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.round-corner-top-big{
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-top-left-radius: 25px;
    -moz-border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.round-corner-top-medium{
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -moz-border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.round-corner-top-small{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.round-corner-bottom-big{
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.round-corner-bottom-medium{
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.round-corner-bottom-small{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Efectos visuales. Las transiciones solo hacen falta en la clase principal si el hover hará la misma */
.semiTransparent-big,.opacity-small{
    opacity: 0.25;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity: 0.25;
}
.semiTransparent-medium,.opacity-medium{
    opacity: 0.50;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
}
.semiTransparent-small,.opacity-big{
    opacity: 0.75;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
}
.contrast{
    opacity: 0.85;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.opacity-small:hover{
    opacity: 1;
    filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1;
}
.opacity-medium:hover{
    opacity: 1;
    filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1
}
.opacity-big:hover{
    opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
}
.contrast:hover{
    opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
}
.opacity-hover-small:hover{
    opacity: 0.25;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity: 0.25;
}
.opacity-hover-medium:hover{
    opacity: 0.50;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
}
.opacity-hover-big:hover{
    opacity: 0.75;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
}

table.row-hover tbody tr:hover{
    background-color: #eeeeee;
}

/* Table en Divs responsive */
div.table{
    border: 0 solid #317082;
    margin-left: auto;
    margin-right: auto;
    display: table;
    table-layout: fixed;
}
div.row-responsive{
    display:inline;
    float:left;
    position:relative;
}
div.row-responsive:last-child:after{
    clear:both;
}
div.cell-responsive{
    display:inline-block;
    /*float:left;*/
    position:relative;
    margin-right: 0;
    vertical-align: top;
}
div.cell-responsive:last{
    clear:both;
}
div.row{
    display: table-row;
}
/*div.row:last-child{clear:both;}*/
div.row:after{
    width: 20px;
    clear:both;
}
div.cell{
    display: table-cell;
    position: relative;
}

div.flex-table{
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.g1{
    width: 8.33%;
}
.g2{
    width: 16.66%;
}
.g3{
    width: 25%;
}
.g4{
    width: 33.33%;
}
.g5{
    width: 41.66%;
}
.g6{
    width: 50%;
}
.g7{
    width: 58.33%;
}
.g8{
    width: 66.66%;
}
.g9{
    width: 75%;
}
.g10{
    width: 83.33%;
}
.g11{
    width: 91.66%;
}
.g12{
    width: 100%;
}
.half{
    width:50%;
}
.full{
    width:100%;
}
.clearfix{
    clear: both;
}
.width-85{
    width: 85px;
}
.width-100{
    width: 100px;
}
.width-150{
    width: 150px;
}
.width-200{
    width: 200px;
}
.width-250{
    width: 250px;
}
.width-300{
    width: 300px;
}
.width-330{
    width: 330px;
}
.width-350{
    width: 350px;
}
.width-400{
    width: 400px;
}

/*Tablas en ul*/
ul.flex-table{
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    width: 100%;
}
ul.flex-table > li:nth-child(1) {
    /*    -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;*/
}
ul.flex-table > li {
    /*padding: 4em 4em 2em 6em;*/
    display: block;
    position: relative;
    /*    text-align: left;
        width: 50%;*/
}
ul.flex-table.v-align-middle{
    align-items: center;
}
ul.flex-table > li.v-align-middle{
    align-self: center;
}

/* Cursores */
.cursor-pointer{
    cursor:pointer;
}
.cursor-help{
    cursor:help;
}
.cursor-move{
    cursor:move;
}

/* Paddings */
.padding-none{
    padding: 0;
}
.padding-small{
    padding: 5px;
}
.padding-medium{
    padding: 10px;
}
.padding-big{
    padding: 20px;
}
.padding-small-lateral{
    padding-left: 5px;
    padding-right: 5px;
}
.padding-medium-lateral{
    padding-left: 10px;
    padding-right: 10px;
}
.padding-big-lateral{
    padding-left: 20px;
    padding-right: 20px;
}
.padding-small-top{
    padding-top: 5px;
}
.padding-medium-top{
    padding-top: 10px;
}
.padding-big-top{
    padding-top: 20px;
}
.padding-small-bottom{
    padding-bottom: 5px;
}
.padding-medium-bottom{
    padding-bottom: 10px;
}
.padding-big-bottom{
    padding-bottom: 20px;
}
.margin-none{
    margin: 0;
}
.margin-small{
    margin: 5px;
}
.margin-medium{
    margin: 10px;
}
.margin-big{
    margin: 20px;
}
.margin-small-lateral{
    margin-left: 5px;
    margin-right: 5px;
}
.margin-medium-lateral{
    margin-left: 10px;
    margin-right: 10px;
}
.margin-big-lateral{
    margin-left: 20px;
    margin-right: 20px;
}
.margin-small-top{
    margin-top: 5px;
}
.margin-medium-top{
    margin-top: 10px;
}
.margin-big-top{
    margin-top: 20px;
}
.margin-small-bottom{
    margin-bottom: 5px;
}
.margin-medium-bottom{
    margin-bottom: 10px;
}
.margin-big-bottom{
    margin-bottom: 20px;
}

/* Mensajes */
.message:before{
    clear: both;
}
.message{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 0px;
    -moz-box-shadow: 2px 2px 5px 0px;
    box-shadow: 2px 2px 5px 0px;
    min-height: 30px;
    text-align: left;
    margin: 15px;
    padding: 20px;
    font-size: 1.5rem;
    line-height: 1.4em;
}
.message.info{
    background-color: lightblue;
    color: darkblue;
}
.message.warning{
    background-color: #ffff95;
    color: #ff6600
}
.message.success{
    background-color: lightgreen;
    color: darkgreen;
}
.message.error{
    background-color: lightcoral/*#ffa681*/;
    color:#8b0000;
}
.message p{
    font-size: 1rem;
    margin: 0;
}

/* Formularios */
label{
    font-size: 1.2rem;
}
input, textarea, select{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 0px;
    border: 2px solid grey;
    margin: 5px 0px;
    font-size: 1rem;
}
input{
    height: 2em
}
select{
    height: 2.4em
}
select[multiple="multiple"]{
    height: 6.4em;
}
input:focus, textarea:focus{
    border: 2px solid greenyellow;
}
input[type=submit],input[type=reset],input[type=button], button{
    font-size: 1.15rem;
    padding:0 10px
}
input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus, button:focus{
    border: 0 solid transparent;
}
select{
    font-size: 1.2rem;
    padding: 0 10px;
    width: 98%
}

/* Iconos */
.icon{
    background: url('//framework.tecnicosweb.com/core/xtras/images/sprite-icons.webp') no-repeat scroll;
    display: inline-block;
    width: 50px;
    height: 50px;
}
.icon.circle{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid grey;
    width: 49px;
    height: 49px;
}
.icon.mini{
    transform: scale(0.5);
    margin:-10px -5px -15px;
}
.icon.music{
    background-position: -23px -5px
}
.icon.search{
    background-position: -139px -5px
}
.icon.tourch{
    background-position: -197px -5px
}
.icon.mail{
    background-position: -255px -5px
}
.icon.hearth-dark{
    background-position: -311px -5px;
}
.icon.hearth{
    background-position: -371px -5px
}
.icon.star-dark{
    background-position: -427px -5px;
}
.icon.star{
    background-position: -487px -5px
}
.icon.user{
    background-position: -545px -5px
}
.icon.group{
    background-position: -603px -5px
}
.icon.user-add{
    background-position: -661px -5px
}
.icon.video{
    background-position: -719px -5px
}
.icon.pictures{
    background-position: -777px -5px
}
.icon.camera{
    background-position: -835px -5px
}
.icon.info{
    background-position: -371px -63px
}
.icon.info-dark{
    background-position: -427px -62px;
}
.icon.blockquote{
    background-position: -370px -118px;
}
.icon.question{
    background-position: -255px -63px
}
.icon.question-dark{
    background-position: -312px -63px;
}
.icon.computer{
    background-position: -81px -411px
}
.icon.mobile{
    background-position: -139px -411px
}
.icon.earth{
    background-position: -429px -411px
}
.icon.share{
    background-position: -893px -179px
}
.icon.like{
    background-position: -1125px -63px
}
.icon.pallete{
    background-position: -893px -353px
}
.icon.fly{
    background-position: -661px -411px
}
.icon.lifesafe{
    background-position: -777px -411px
}
.icon.printer{
    background-position: -661px -121px
}
.icon.link{
    background-position: -661px -63px
}
.icon.secure{
    background-position: -777px -63px
}
.icon.unsecure{
    background-position: -835px -63px
}
.icon.download{
    background-position: -371.5px -411px
}

/* Iconos sociales */
ul.soc{
    padding: 0;
}
.soc {
    overflow:hidden;/*margin:0; padding:0;*/
    font-family:si!important;
}
.soc li {
    display:inline-block;
    list-style:none;
}
.soc li a {
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 26px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin-right: 5px;
    color: #ffffff;
}
.soc-icon-last{
    margin:0 !important;
}
.soc a:hover {
    z-index: 2;
}
/* Versión 1.2 http://perfecticons.com/ */
/*.soc-google:before {content:'c';}
.soc-facebook:before {content:'b';}
.soc-twitter:before {content:'a';}
.soc-youtube:before {content:'r';}
.soc-myspace:before {content:'m';}
.soc-yahoo:before {content:'f';}
.soc-windows:before {content:'Z';}
.soc-email1:before {content:'<';}
.soc-rss:before {content:',';}
.soc-pinterest:before {content:'d';}
.soc-linkedin:before {content:'j';}
.soc-skype:before {content:'g';}
.soc-soundcloud:before {content:'n';}
.soc-vimeo:before {content:'s';}
.soc-instagram:before {content:'x';}
.soc-wordpress:before {content:'y';}
.soc-blogger:before {content:'A';}
.soc-reddit:before {content:'C';}
.soc-play:before {content:'L';}
.soc-apple:before {content:'O';}
.soc-friendfeed:before {content:'S';}
.soc-github:before {content:'Q';}
.soc-tripadvisor:before {content:'3';}
.soc-joomla:before {content:'>';}
.soc-flickr:before {content:'v';}*/

/* Versión 3 http://www.socicon.com/how.php */
.soc-modelmayhem:before {
    content: "\e000";
}
.soc-mixcloud:before {
    content: "\e001";
}
.soc-drupal:before {
    content: "\e002";
}
.soc-swarm:before {
    content: "\e003";
}
.soc-istock:before {
    content: "\e004";
}
.soc-yammer:before {
    content: "\e005";
}
.soc-ello:before {
    content: "\e006";
}
.soc-stackoverflow:before {
    content: "\e007";
}
.soc-persona:before {
    content: "\e008";
}
.soc-triplej:before {
    content: "\e009";
}
.soc-houzz:before {
    content: "\e00a";
}
.soc-rss:before {
    content: "\e00b";
}
.soc-paypal:before {
    content: "\e00c";
}
.soc-odnoklassniki:before {
    content: "\e00d";
}
.soc-airbnb:before {
    content: "\e00e";
}
.soc-periscope:before {
    content: "\e00f";
}
.soc-outlook:before {
    content: "\e010";
}
.soc-coderwall:before {
    content: "\e011";
}
.soc-tripadvisor:before {
    content: "\e012";
}
.soc-appnet:before {
    content: "\e013";
}
.soc-goodreads:before {
    content: "\e014";
}
.soc-tripit:before {
    content: "\e015";
}
.soc-lanyrd:before {
    content: "\e016";
}
.soc-slideshare:before {
    content: "\e017";
}
.soc-buffer:before {
    content: "\e018";
}
.soc-disqus:before {
    content: "\e019";
}
.soc-vkontakte:before {
    content: "\e01a";
}
.soc-whatsapp:before {
    content: "\e01b";
}
.soc-patreon:before {
    content: "\e01c";
}
.soc-storehouse:before {
    content: "\e01d";
}
.soc-pocket:before {
    content: "\e01e";
}
.soc-email1:before {
    content: "\e01f";
}
.soc-blogger:before {
    content: "\e020";
}
.soc-technorati:before {
    content: "\e021";
}
.soc-reddit:before {
    content: "\e022";
}
.soc-dribbble:before {
    content: "\e023";
}
.soc-stumbleupon:before {
    content: "\e024";
}
.soc-digg:before {
    content: "\e025";
}
.soc-envato:before {
    content: "\e026";
}
.soc-behance:before {
    content: "\e027";
}
.soc-delicious:before {
    content: "\e028";
}
.soc-deviantart:before {
    content: "\e029";
}
.soc-forrst:before {
    content: "\e02a";
}
.soc-play:before {
    content: "\e02b";
}
.soc-zerply:before {
    content: "\e02c";
}
.soc-wikipedia:before {
    content: "\e02d";
}
.soc-apple:before {
    content: "\e02e";
}
.soc-flattr:before {
    content: "\e02f";
}
.soc-github:before {
    content: "\e030";
}
.soc-renren:before {
    content: "\e031";
}
.soc-friendfeed:before {
    content: "\e032";
}
.soc-newsvine:before {
    content: "\e033";
}
.soc-identica:before {
    content: "\e034";
}
.soc-bebo:before {
    content: "\e035";
}
.soc-zynga:before {
    content: "\e036";
}
.soc-steam:before {
    content: "\e037";
}
.soc-xbox:before {
    content: "\e038";
}
.soc-windows:before {
    content: "\e039";
}
.soc-qq:before {
    content: "\e03a";
}
.soc-douban:before {
    content: "\e03b";
}
.soc-meetup:before {
    content: "\e03c";
}
.soc-playstation:before {
    content: "\e03d";
}
.soc-android:before {
    content: "\e03e";
}
.soc-snapchat:before {
    content: "\e03f";
}
.soc-twitter:before {
    content: "\e040";
}
.soc-facebook:before {
    content: "\e041";
}
.soc-google:before {
    content: "\e042";
}
.soc-googleplus:before {
    content: "\e042";
}
.soc-pinterest:before {
    content: "\e043";
}
.soc-foursquare:before {
    content: "\e044";
}
.soc-yahoo:before {
    content: "\e045";
}
.soc-skype:before {
    content: "\e046";
}
.soc-yelp:before {
    content: "\e047";
}
.soc-feedburner:before {
    content: "\e048";
}
.soc-linkedin:before {
    content: "\e049";
}
.soc-viadeo:before {
    content: "\e04a";
}
.soc-xing:before {
    content: "\e04b";
}
.soc-myspace:before {
    content: "\e04c";
}
.soc-soundcloud:before {
    content: "\e04d";
}
.soc-spotify:before {
    content: "\e04e";
}
.soc-grooveshark:before {
    content: "\e04f";
}
.soc-lastfm:before {
    content: "\e050";
}
.soc-youtube:before {
    content: "\e051";
}
.soc-vimeo:before {
    content: "\e052";
}
.soc-dailymotion:before {
    content: "\e053";
}
.soc-vine:before {
    content: "\e054";
}
.soc-flickr:before {
    content: "\e055";
}
.soc-500px:before {
    content: "\e056";
}
.soc-instagram:before {
    content: "\e057";
}
.soc-wordpress:before {
    content: "\e058";
}
.soc-tumblr:before {
    content: "\e059";
}
.soc-twitch:before {
    content: "\e05a";
}
.soc-8tracks:before {
    content: "\e05b";
}
.soc-amazon:before {
    content: "\e05c";
}
.soc-icq:before {
    content: "\e05d";
}
.soc-smugmug:before {
    content: "\e05e";
}
.soc-ravelry:before {
    content: "\e05f";
}
.soc-weibo:before {
    content: "\e060";
}
.soc-baidu:before {
    content: "\e061";
}
.soc-angellist:before {
    content: "\e062";
}
.soc-ebay:before {
    content: "\e063";
}
.soc-imdb:before {
    content: "\e064";
}
.soc-stayfriends:before {
    content: "\e065";
}
.soc-residentadvisor:before {
    content: "\e066";
}

.soc-android {
    background-color: #8ec047;
}
.soc-whatsapp {
    background-color: #20B038;
}
.soc-google {
    background-color: #d93e2d;
}
.soc-googleplus {
    background-color: #d93e2d;
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-twitter {
    background-color: #4da7de;
}
.soc-youtube {
    background-color: #e02a20;
}
.soc-myspace {
    background-color: #323232;
}
.soc-yahoo {
    background-color: #6E2A85;
}
.soc-windows {
    background-color: #00BDF6;
}
.soc-email1 {
    background-color: #578AD6;
}
.soc-rss {
    background-color: #f26109;
}
.soc-pinterest {
    background-color: #c92619;
}
.soc-linkedin {
    background-color: #3371b7;
}
.soc-skype {
    background-color: #28abe3;
}
.soc-soundcloud {
    background-color: #fe3801;
}
.soc-vimeo {
    background-color: #51b5e7;
}
.soc-instagram {
    background-color: #9c7c6e;
}
.soc-wordpress {
    background-color: #464646;
}
.soc-blogger {
    background-color: #ec661c;
}
.soc-reddit {
    background-color: #e74a1e;
}
.soc-play {
    background-color: #000000;
}
.soc-apple {
    background-color: #B9BFC1;
}
.soc-friendfeed {
    background-color: #2F72C4;
}
.soc-github {
    background-color: #5380c0;
}
.soc-tripadvisor {
    background-color: #000000;
}
.soc-joomla {
    background-color: #ED2E38;
}
.soc-flickr {
    background-color: #1e1e1b;
}
.soc-delicious {
    background-color: #0b79e5;
}
.soc-android:hover {
    background-color: #8eb447;
}
.soc-whatsapp:hover {
    background-color: #20a438;
}
.soc-flickr:hover {
    background-color: #a0a07;
}
.soc-play:hover {
    background-color: #e0e0e;
}
.soc-apple:hover {
    background-color: #a5abad;
}
.soc-friendfeed:hover {
    background-color: #1b5eb0;
}
.soc-github:hover {
    background-color: #3f6cac;
}
.soc-tripadvisor:hover {
    background-color: #e0e0e;
}
.soc-joomla:hover {
    background-color: #d91a24;
}
.soc-skype:hover {
    background-color: #1497cf;
}
.soc-soundcloud:hover {
    background-color: #ea2400;
}
.soc-vimeo:hover {
    background-color: #3da1d3;
}
.soc-instagram:hover {
    background-color: #88685a;
}
.soc-wordpress:hover {
    background-color: #323232;
}
.soc-blogger:hover {
    background-color: #d85208;
}
.soc-reddit:hover {
    background-color: #d3360a;
}
.soc-google:hover {
    background-color: #c52a19;
}
.soc-googleplus:hover {
    background-color: #c52a19;
}
.soc-facebook:hover {
    background-color: #2a4784;
}
.soc-twitter:hover {
    background-color: #3993ca;
}
.soc-youtube:hover {
    background-color: #cc160c;
}
.soc-myspace:hover {
    background-color: #1e1e1e;
}
.soc-yahoo:hover {
    background-color: #5a1671;
}
.soc-windows:hover {
    background-color: #3993ca;
}
.soc-pinterest:hover {
    background-color: #b51205;
}
.soc-linkedin:hover {
    background-color: #1f5da3;
}
.soc-email1:hover {
    background-color: #4376c2;
}
.soc-rss:hover {
    background-color: #de4d00;
}
.soc-delicious:hover {
    background-color: #0058ae;
}

.show-1440,.show-1360,.show-1280,.show-1024,.show-832,.show-800,.show-768,.show-720,.show-640,.show-600,.show-480,.show-320,.show-300{
    display:none;
}

@media screen and (max-width: 1440px){
    .show-1440{
        display:block;
    }
    .hide-1440{
        display:none;
    }
    .break-1440{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-1440{display: table-row !important;}*/
}
@media screen and (max-width: 1360px){
    .show-1360{
        display:block;
    }
    .hide-1360{
        display:none;
    }
    .break-1360{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-1360{display: table-row !important;}*/
}
@media screen and (max-width: 1280px){
    .show-1280{
        display:block;
    }
    .hide-1280{
        display:none;
    }
    .break-1280{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-1280{display: table-row !important;}*/
}
@media screen and (max-width: 1023px){
    .show-1024{
        display:block;
    }
    .hide-1024{
        display:none;
    }
    .break-1024{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-1024{display: table-row !important;}*/
}
@media screen and (max-width: 831px){
    .show-832{
        display:block;
    }
    .hide-832{
        display:none;
    }
    .break-832{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-832{display: table-row !important;}*/
}
@media screen and (max-width: 799px){
    .show-800{
        display:block;
    }
    .hide-800{
        display:none;
    }
    .break-800{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-800{display: table-row !important;}*/
}
@media screen and (max-width: 767px){
    .show-768{
        display:block;
    }
    .hide-768{
        display:none;
    }
    .break-768{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-768{display: table-row !important;}*/
}
@media screen and (max-width: 719px){
    .show-720{
        display:block;
    }
    .hide-720{
        display:none;
    }
    .break-720{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-720{display: table-row !important;}*/
}
@media screen and (max-width: 639px){
    .show-640{
        display:block;
    }
    .hide-640{
        display:none;
    }
    .break-640{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-640{display: table-row !important;}*/
}
@media screen and (max-width: 599px){
    .show-600{
        display:block;
    }
    .hide-600{
        display:none;
    }
    .break-600{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-600{display: table-row !important;}*/
}
@media screen and (max-width: 479px){
    .show-480{
        display:block;
    }
    .hide-480{
        display:none;
    }
    .break-480{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-480{display: table-row !important;}*/
}
@media screen and (max-width: 319px){
    .show-320{
        display:block;
    }
    .hide-320{
        display:none;
    }
    .break-320{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-320{display: table-row !important;}*/
}
@media screen and (max-width: 299px){
    .show-300{
        display:block;
    }
    .hide-300{
        display:none;
    }
    .break-300{
        width: 100%;
        display: block !important;
    }
    /*.cell.break-300{display: table-row !important;}*/
}