@font-face {
    font-family:si;
    src:    url("../socicon-v1.2/socicon.eot");
    src:    url("../socicon-v1.2/socicon.eot?#iefix") format('eot'),
        url("../socicon-v1.2/socicon.woff") format('woff'),
        url("../socicon-v1.2/socicon.ttf") format('truetype'),
        url("../socicon-v1.2/socicon.svg") format('svg');
    font-weight:normal;
    font-style:normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family:si;src: url("../socicon-v1.2/socicon.svg") format('svg');}}

/* Colores, fuentes */
.txt-green{color: green;}
.txt-lightgreen{color: lightgreen;}
.txt-red{color: red;}
.txt-orange{color: orange;}
.txt-yellow{color: yellow;}
.txt-blue{color: #5391D0;}
.txt-lightblue{color: lightblue;}
.txt-grey{color: grey;}
.txt-lightgrey{color: lightgrey;}
.txt-black{color: black;}
.txt-white{color: white;}
.txt-pink{color:pink;}

.bg-green{background-color: green;}
.bg-lightgreen{background-color: lightgreen;}
.bg-red{background-color: red;}
.bg-orange{background-color: orange;}
.bg-yellow{background-color: yellow;}
.bg-blue{background-color: blue;}
.bg-lightblue{background-color: lightblue;}
.bg-grey{background-color: grey;}
.bg-lightgrey{background-color: lightgrey;}
.bg-superlightgrey{background-color: #ccccff;}
.bg-black{background-color: black;}
.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;}

.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;}

/* Tamaños */
.width-responsive{width: 90%;height: auto;}
.font-size-very-small{font-size: 12px;}
.font-size-small{font-size: 15px;}
.font-size-big{font-size: 25px;}
.font-size-very-big{font-size: 35px;}
.font-size-super-big{font-size: 45px;}
.font-size-gegant{font-size: 55px;}

/* Visualización */
.display-none{display:none;}
.display-block{display:block;}
.display-inline{display:inline;}
.display-inblock{display: inline-block;white-space: nowrap;}
.no-border{border: 0 !important;}

.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;border-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;}
.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;}
.opacity-hover-medium,.opacity-hover-big,.opacity-hover-small{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;}

/* 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;}

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

/* 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;float:left;position:relative;margin-right: 0}
div.cell-responsive:last{clear:both;}
div.row{display: table-row;}
div.row:last-child{clear:both;}
div.row:after{width: 20px;}
div.celda, div.cell{display: table-cell;position: relative;}
.g1{width: 8%;}
.g2{width: 16%;}
.g3{width: 25%;}
.g4{width: 33%;}
.g5{width: 41%;}
.g6{width: 48%;}
.g7{width: 56%;}
.g8{width: 64%;}
.g9{width: 72%;}
.g10{width: 80%;}
.g11{width: 88%;}
.g12{width: 96%;}
.half{width:50%;}
.full{width:100%;}
.clearfix{clear: both;}
.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;}

/* Social icons */
.soc {overflow:hidden;margin:0; padding:0;list-style:none;}
.soc li {display:inline-block;}
.soc li a {
    font-family:si!important;
    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 a:hover { z-index: 2;color: #ffffff !important;}
/*.soc-icon-last{margin-right: 20px !important;}*/
.soc-google {background-color: #d93e2d;}
.soc-google:before {content:'c';}
.soc-facebook {background-color: #3e5b98;}
.soc-facebook:before {content:'b';}
.soc-twitter {background-color: #4da7de;}
.soc-twitter:before {content:'a';}
.soc-youtube {background-color: #e02a20;}
.soc-youtube:before {content:'r';}
.soc-myspace {background-color: #323232;}
.soc-myspace:before {content:'m';}
.soc-yahoo {background-color: #6E2A85;}
.soc-yahoo:before {content:'f';}
.soc-windows {background-color: #00BDF6;}
.soc-windows:before {content:'Z';}
.soc-email1 {background-color: #578AD6;}
.soc-email1:before {content:'<';}
.soc-rss {background-color: #f26109;}
.soc-rss:before {content:',';}
.soc-google: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-email1:hover {background-color: #4376c2;}
.soc-rss:hover {background-color: #de4d00;}

@media screen and (max-width: 1439px){}
@media screen and (max-width: 1359px){}
@media screen and (max-width: 1279px){}
@media screen and (max-width: 1023px){
    .hide-1024{display:none;}
    .break-1024{width:100%;}
    .cell.break-1024{display: block;}
}
@media screen and (max-width: 899px){
    .cell.break-900{display: block;}
    .hide-900{display:none;}
}
@media screen and (max-width: 831px){
    .hide-832{display:none;}
}
@media screen and (max-width: 799px){
    .cell.break-800{display: block;}
    .break-800{width:100%;}
    .hide-800{display:none;}
}
@media screen and (max-width: 767px){
    .break-768{width:100%;}
    .hide-768{display:none;}
}
@media screen and (max-width: 719px){
    .break-720{width:100%;}
    .cell.break-720{display: block;}
    .hide-720{display:none;}
}
@media screen and (max-width: 639px){
    .break-640{width:100%;}
    .cell.break-640{display: block;}
    .hide-640{display:none;}
}
@media screen and (max-width: 599px){
    .break-600{width:100%;}
    .cell.break-600{display: block;}
    .hide-600{display:none;}
}
@media screen and (max-width: 479px){
    .break-480{width:100%;}
    .cell.break-480{display: block;}
    .hide-480{display:none;}
}
@media screen and (max-width: 319px){
    .break-320{width: 100%;}
    .cell.break-320{display: block;}
    .hide-320{display:none;}
}
@media screen and (max-width: 299px){
    .cell.break-300{display: block;}
    .break-300{width: 100%;}
    .hide-300{display:none;}
}