/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Abril+Fatface|Bree+Serif);
/* reset */

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
.container{
    width: 100%!important;
        padding-top: 10px;
    padding-bottom: 10px;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
body {
    line-height: 1;
    background: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* fin reset */



/*generales */

body {
    max-width:100%;
    min-height:100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-size:16px;

}
html {
    font-family: 'Open Sans', sans-serif;

    font-weight:normal;}
a {
    color: #244b81;
    -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;
}
a:hover {
    color: #5283c2;
}
/* tipografias */
@font-face {
    font-family: 'colaborate-boldregular';
    src: url('http://juansebastianbarrios.com/fonts/colaborate_bold_spanish/ColabBol-webfont.eot');
    src: url('http://juansebastianbarrios.com/fonts/colaborate_bold_spanish/ColabBol-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/colaborate_bold_spanish/ColabBol-webfont.woff') format('woff'), url('../fonts/colaborate_bold_spanish/ColabBol-webfont.ttf') format('truetype'), url('../fonts/colaborate_bold_spanish/ColabBol-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaboratelightregular';
    src: url('http://juansebastianbarrios.com/fonts/colaborate_light_spanish/ColabLig-webfont.eot');
    src: url('http://juansebastianbarrios.com/fonts/colaborate_light_spanish/ColabLig-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/colaborate_light_spanish/ColabLig-webfont.woff') format('woff'), url('../fonts/colaborate_light_spanish/ColabLig-webfont.ttf') format('truetype'), url('../fonts/colaborate_light_spanish/ColabLig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-mediumregular';
    src: url('http://juansebastianbarrios.com/fonts/colaborate_medium_spanish/ColabMed-webfont.eot');
    src: url('http://juansebastianbarrios.com/fonts/colaborate_medium_spanish/ColabMed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/colaborate_medium_spanish/ColabMed-webfont.woff') format('woff'), url('fonts/colaborate_medium_spanish/ColabMed-webfont.ttf') format('truetype'), url('../fonts/colaborate_medium_spanish/ColabMed-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-regularregular';
    src: url('http://juansebastianbarrios.com/fonts/colaborate_regular_spanish/ColabReg-webfont.eot');
    src: url('http://juansebastianbarrios.com/fonts/colaborate_regular_spanish/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/colaborate_regular_spanish/ColabReg-webfont.woff') format('woff'), url('fonts/colaborate_regular_spanish/ColabReg-webfont.ttf') format('truetype'), url('../fonts/colaborate_regular_spanish/ColabReg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'colaborate-thinregular';
    src: url('http://juansebastianbarrios.com/fonts/colaborate_thin_spanish/ColabThi-webfont.eot');
    src: url('http://juansebastianbarrios.com/fonts/colaborate_thin_spanish/ColabThi-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/colaborate_thin_spanish/ColabThi-webfont.woff') format('woff'), url('fonts/colaborate_thin_spanish/ColabThi-webfont.ttf') format('truetype'), url('../fonts/colaborate_thin_spanish/ColabThi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Genericons';
    src: url('http://juansebastianbarrios.com/font/genericons-regular-webfont.eot');
    src: url('http://juansebastianbarrios.com/font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/genericons-regular-webfont.html') format('woff'), url('font/genericons-regular-webfont-2.html') format('truetype'), url('../fonts/genericons-regular-webfont-3.html#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'colaborate-thinregular', sans-serif;
}
h1 {
    font-size: 2.25em; /* 36px */
    line-height: 1.2em;
}
h2 {
    font-size: 1.9em; /* 30px */
    line-height:1em;
}
h3 {
    font-size: 1.5em;/* 24px */
    line-height: 1em;
}
h4 {
    font-family: 'colaborate-regularregular';
    font-size: 1.2em;
    line-height: 1.3em;
}
h5 {
    font-size: 1em;
    font-family: 'colaborate-mediumregular';
}
h6 {
    font-size:inherit;
    font-family: 'colaborate-mediumregular';
    line-height: inherit;
}
hr {
    border-color: #EAEAEA;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
    margin: 30px 0;
}
h2.micrositio {
    background-color:transparent;
    border-left: solid medium #6cbbbf;
    line-height: 30px;
    height: auto;
    display: block;
    width: 90%;
    padding: 2%;
    float: left;
    margin: 0;
    margin-top: 18px;
}

h2.micrositio.aguamarina {;
                          border-left: solid medium #6cbbbf;
                          color:#6cbbbf
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
    margin:0 auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    font-weight:normal;
    color: #444;

}

.align-center
{
    text-align:center;
}

strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
pre {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: auto;
    padding: 20px;
    border: 1px solid #EAEAEA;
}
pre, code, kbd, var, samp, tt {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    line-height: 19px;
    white-space: pre-wrap;
}
abbr, acronym, dfn {
    border-bottom: 1px dotted #666666;
    cursor: help;
}
address {
    display: block;
    font-style: italic;
    margin: 0 0 15px;
}
ins {
    background: #F8F8F8;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
/* =SUPERCRIPT AND SUBSCRIPT
----------------------------------------------- */
sup, sub {
    font-size: 0.6em;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
dl {
    margin-bottom: 24px;
    font-size: 1em;
}
dt {
    font-weight: bold;
    margin-bottom: 5px;
}
dd {
    margin-bottom: 24px;
}
ul, ol {
    list-style: none;
}
ul {
    font-size:inherit;
    list-style-type: disc;
    list-style-position: inside;
    list-style-image: none;
    margin-top:1em;

}

ul li
{
    /*margin-left:0.5em;*/
    
}

ol {
    list-style: decimal;
}
li > ul, li > ol {
    margin: 0 0 0 10px;
}
ol {
    list-style: decimal;
}
ol.numerada {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 0;
    margin-left: 3em;
    padding: 0;
    counter-reset: li-counter;
}
ol.numerada > li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 1em;
    min-height: 3em;
    border-left: 2px solid #6cbbbf;
    line-height: 1em;
}
ol.numerada > li:before {
    position: absolute;
    top: 0;
    left: -1.2em;
    width: 0.8em;
    font-size: 2.7em;
    line-height: 1;
    letter-spacing: -1;
    font-weight: bold;
    text-align: right;
    color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}
.punto ul
{
    list-style:none;
    position:relative;
}

.punto ul li
{
    position:relative;
    margin-left:12px;
    padding-left:12px;
}

.punto ul li:before
{
    display:block;
    position:absolute;
    top:0;
    left:-12px;
    content: "\25CF";
    font-size:21px;
}

.flecha
{
    display:block;
    height:200px;
    background: no-repeat center url('../img/flecha.png');
}


/* =BLOCKQUOTE
----------------------------------------------- */
blockquote {
    font-weight: normal;
    padding: 10px;/*
    border: 1px solid #EAEAEA;
    border-left: 3px solid #164885;
    margin-bottom: 20px;*/
}
blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}
blockquote cite {
    /*color: #666666;*/
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* COLORES*/
.azul {
    background-color: #244b81;
    color: #fff;
}
.azul-osc {
    background-color: #1f2f4d;
    color: #fff;
}

.borde_azul
{
    border:solid #244b81 thin;
}

.azul-cla {
    background-color: #789ccd;
    color: #fff;
}
.rojo {
    background-color: #a71c21;
    color: #fff;
}

.borde_rojo
{
    border:solid #a71c21 thin;
}

.rojo-osc {
    background-color: #751d20;
    color: #fff;
}
.rojo-cla {
    background-color: #b75459;
    color: #fff;
}
.verde {
    background-color: #bed346;
    color: #fff;
}

.borde_verde
{
    border:solid #bed346 thin;
}


.verde-osc {
    background-color: #50aa55;
    color: #fff;
}
.verde-cla {
    background-color: #d1d84a;
    color: #fff;
}
.amarillo {
    background-color: #eab330;
}

.borde_amarillo
{
    border:solid #eab330 thin;
}

.amarillo-osc {
    background-color: #d97b36;
    color: #ffffff;
}
.amarillo-cla {
    background-color: #f2cb34;
}
.aguamarina {
    background-color: #6cbbc0;
    color: #fff;
}

.borde_aguamarina
{
    border:solid #6cbbc0 thin;
}

.aguamarina-osc {
    background-color: #4f898d;
    color: #fff;
}
.aguamarina-cla {
    background-color: #aec8ca;
}
.borde_top_amarillo {
    border-top: solid 4px #e7ab30;
}
.borde_top_verde {
    border-top: solid 4px #e7ab30;
}
.borde_top_rojo {
    border-top: solid 4px #e7ab30;
}
.azul h1, .azul h2, .azul h3, .azul h4, .azul-osc, .azul-osc a: .azul h5, .azul-osc h1, .azul-osc h2, .azul-osc h3, .azul-osc h4, .azul-osc h5, .rojo h1, .rojo h2, .rojo h3, .rojo h4, .rojo h5, .rojo h6, azul p {
    color: #ffffff;
}
.blanco {
    background-color: #fff;
}
.gris {
    background-color: #D3D3D2;
}
.gris_claro {
    background-color: #e9e8e8;
}
.gris_2 {
    background-color: #f4f3f3;
}
.rojo.alpha_80 {
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(167, 28, 33, 0.8);
}
.gradiente_gris {
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #d8d8d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#d8d8d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#d8d8d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#d8d8d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#d8d8d4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#d8d8d4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d4',GradientType=0 ); /* IE6-9 */

}
.azul a, .rojo a, .verde a, .amarillo a, .aguamarina a, .azul-osc a, .verde-osc a, .aguamarina-osc a  {
    color: #fff;
}
/*  FORMAS  */
.clipping
{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    overflow:hidden;
    -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.paralle {
    width: 100%;
    -webkit-transform: skew(-12deg);
    -moz-transform: skew(-12deg);
    -o-transform: skew(-12deg);
}
.paralle ul {
    -webkit-transform: skew(12deg);
    -moz-transform: skew(12deg);
    -o-transform: skew(12deg);
}
/*Down-right pointing*/
.triangle-down-right {
    width: 100%;
    height: 0;
    padding-top: 10%;
    overflow: hidden;
}
.triangle-down-right:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    margin-top: -500px;
    border-top: 500px solid transparent;
    border-right: 500px solid #4679BD;
}

/* diagramación */
.franja-10
{
    height: 10px;
}

.franja-72 {
    height: 72px;
}
.franja-36 {
    height: 36px;
}
.franja-20 {
    height: 20px;
}
.franja-10 {
    height: 10px;
}
.franja-5 {
    height: 5px;
}
.franja-2 {
    height: 2px;
}

.diagonal_antes
{
    position:relative;
}

.diagonal_antes:before {
    content:'';
    position: absolute;
    width: 5%;
    height: 100%;
    left:0;
    top: 0px;
    background: linear-gradient(to right bottom, #f2f2f2 50%, transparent 50%);
}
.diagonal_despues
{
    position:relative;
}


.diagonal_despues:after {
    content:'';
    position: absolute;
    width: 50%;
    height: 100%;
    left: 100%;
    top: 0px;
    background: linear-gradient(to right bottom, #f2f2f2 50%, transparent 50%);
}



.cien {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}
.noventa {
    width: 90%;
    padding: 1%;
    margin: 1%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
.mitad {
    width: 49%;
    margin: 0;
    height: auto;
    overflow: hidden;
}
.l {
    float: left;
}
.r {
    float: right;
}
.widget {
    height:auto;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 18px;
    padding-bottom: 2px;
}
.wodget h5
{
    margin-top:0.2em;
}


.sidebar {
    padding: 0;
}
.sidebar {
}
.sidebar h4 {
    font-family: 'colaborate-boldregular', sans-serof;
    padding: 0;
    margin: 0;
    display: block;
    width: 99%;
    height: 21px;
    background: #a71c21;
    color: #fff;
    padding-left: 14px;
    margin-bottom: 9px;
    margin-top: 21px;
}
/* MENU PRINCIPAL Y NAVEGACIONES  */

/* menu principal */
#nav
{
    /* container */
    float:left;
    width:100%;
}

#nav ul {
    margin:0;
    padding:0;
    text-align: left;
    float: right;
    display: table;
    margin: 0;
    list-style: none;
}
#nav > a
{
    display: none;
}
#nav li
{
    position: relative;
}

/* first level */

#nav > ul
{
    padding:0;
    margin:0;
    width:99%;
    height:36px;
}
#nav > ul > li > ul > li: hover
{
    color:#ffffff;
}
#nav > ul > li
{
    height: 100%;
    float: left;
    margin:0;
    padding:0;
    text-align:center;
    height:54px;
    line-height:54px;
    border-left: solid thin #D3D3D2;

    /* mios */
    width:22%;		
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1000;
}

#nav > ul > li:last-child
{
    border-right:solid thin #D3D3D2;
}

#nav ul li: a {
    text-transform:uppercase;
    font-family: 'colaborate-thinregular', sans-serif;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}


/* second level */

#nav li ul
{
    display: none;
    position: absolute;
    top: 100%;
}
#nav li:hover ul
{
    display: block;
}

#nav ul li ul {
    padding: 0;
    position: absolute;
    display: block;
    top: 48px;
    padding-top:9px;
    left: 0;
    width: 150%;
    height:auto;
    display: none;
    opacity: 0;
    background-color: #D3D3D2;
    border-radius:4px;
}

#nav ul li ul:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #D3D3D2 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left:12%;

}

#nav ul li ul li {
    margin:0;
    padding:0;
    display: block;
    color: #244b81;
    font-size:12px;
    line-height: 12px;
    padding:9px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}


#nav ul li ul li:hover {

    color: #ffffff;
    color: #ffffff;
    border:none;

}
#nav ul li ul li a:hover {
    width:100%;
    height:100%;

}
#nav ul li:hover ul {

    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

/* RESPONSIVE MENU */


.nav-collapse,
.nav-collapse * {
    margin:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
    margin:0;
    list-style: none;
    width: 100%;
    float: left;

}

.nav-collapse li {
    margin:0;
    float: left;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .nav-collapse li {
        margin:0;
        width: 25%;
        *width: 24.9%; /* IE7 Hack */
        _width: 19%; /* IE6 Hack */
    }
}

.nav-collapse a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    border-bottom: thin solid white;
    padding: 0.7em 1em;
    margin:0;
    float: left;
}

.nav-collapse .alt a {
    margin:0;
    background-color: #a71c21;
}

@media screen and (min-width: 768px) {
    .nav-collapse a {
        margin: 0;
        padding: 0.5em;
        float: left;
        text-align: center;
        border-bottom: 0;
        border-right: 1px solid white;
    }
    
}
@media screen and (max-width: 768px) {
    #vtab{
        width: 100% !important;
    }
}

.nav-collapse ul ul a {
    padding-left: 2em;
    margin:0;
}

@media screen and (min-width: 768px) {
    .nav-collapse ul ul a {
        margin:0;
        display: none;
    }

}

.nav-toggle {
    margin:0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20%;
    height: inherit;
    min-height:72px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background:url("../js/menu/hamburger.gif") no-repeat;
    

}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .nav-toggle {
        background-image: url("../js/menu/hamburger-retina.gif");
        -webkit-background-size: 100px 100px;
        -moz-background-size: 100px 100px;
        -o-background-size: 100px 100px;
        background-size: 100px 100px;
    }
}

/*! responsive-nav.js 1.0.34 by @viljamis */

.nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
}

.nav-collapse li {
    margin:0;
    width: 100%;
    display: block;
}

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
}

.nav-collapse.opened {
    max-height: 9999px;
}

.nav-toggle {
    margin:0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media screen and (min-width: 768px) {
    .js .nav-collapse {
        position: relative;
    }
    .js .nav-collapse.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }

}

/* MENU ENLACES MERCADEO */
.menu_home {
    display: table;
    height: 330px;
    width: 100%;
}
.menu_home ul {
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    list-style:none;
}
.menu_home ul li {
    margin:0;
    padding:0;
    width: 100%;
    margin: 0 auto;
    min-height: 36px;
    height: auto;
    font-family: 'colaborate-thinregular';
    font-size: 24px;
    background: url('../img/simbolo_30.png') -25% no-repeat;
    transition: all 0.3s ease-out;
    /* Font styles */
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    padding-left: 36px;
}
.menu_home ul li:a {
    color:#fff;
}
.menu_home ul li:hover {
    background: url('../img/simbolo_30.png') 1% no-repeat;
}

/* NAVEGACIÓN VERTICAL */

.navegaciones {
}
.navegaciones ul{
    list-style:none;
}

.navegaciones ul li
{
    margin:0;
    padding:0;
}

.navegaciones ul li a{
    margin:0;
    padding:0;
    display:block;
    background: url('../img/simbolo_21.png') -25% no-repeat;
    transition: all 0.3s ease-out;
    /* Font styles */
    text-decoration: none;
    cursor: pointer;
    cursor: pointer;
    border-bottom: thin solid #ccc;
    border-left: thin solid #ccc;
    border-right:thin solid #ccc;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 1em;
    line-height:1em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navegaciones ul li:first-child > a
{
    border-top:thin solid #ccc;
}

.navegaciones ul li a:hover {
    color: #ffffff;
    background: #244b81 url('../img/simbolo_21.png') 1% no-repeat;
    padding-left: 35px;
}


/* MENU */

/* MENU MICROSITIOS */

.menu_micrositios {
    display:block;
    min-width:90%;
    width:auto;
    float:right;
    position: relative;
    margin: 0;
    color: #fff;
    font-family: 'colaborate-thinregular';
    height: 2.1em;
    padding-left:2%;
}
.menu_micrositios:before {
    content:'';
    position: absolute;
    top: 0;
    left: -9px;
    width: 0;
    height: 0;
    border-bottom: 38px solid #a71c21;
    border-left: 9px solid transparent;
}


.menu_micrositios ul
{
    list-style:none;
    margin:0;
    padding:0;
    float:right;
    display:block;
    width:100%;
}
.menu_micrositios ul li
{
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    padding-left:3px;
    width:auto;
    margin-right:12px;
    text-align:center;
    line-height:2.1em;
}
.menu_micrositios ul li:before
{
    display:inline-block;
    width:12px;
    height:12px;
    margin-top:12px;
    margin-right:6px;
    line-height:14px;
    border-radius:7px;
    float:left;
    background-color:#751d20;
    content:'\2023';
}



/* navegación acordeón acordeon nav */

#acordeon_nav,
#acordeon_nav ul,
#acordeon_nav ul li,
#acordeon_nav ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1em;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform:uppercase;
}
#acordeon_nav {
    width: 100%;
}
#acordeon_nav ul ul {
    display: none;
}
.align-right {
    float: right;
}
#acordeon_nav > ul > li > a {
    padding: 1em 2em;
    border-left: 1px solid #1682ba;
    border-right: 1px solid #1682ba;
    border-top: 1px solid #1682ba;
    cursor: pointer;
    z-index: 2;
    font-size: 1em;
    text-decoration: none;
    background: #244b81;
    color:#fff;

}
#acordeon_nav > ul > li > a:hover,
#acordeon_nav > ul > li.active > a,
#acordeon_nav > ul > li.open > a {


}
#acordeon_nav > ul > li.open > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #1682ba;
}
#acordeon_nav > ul > li:last-child > a,
#acordeon_nav > ul > li.last > a {
    border-bottom: 1px solid #1682ba;

}
.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.holder::after,
.holder::before {
    display: block;
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    right: 20px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.holder::after {
    top: 17px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
#acordeon_nav > ul > li > a:hover > span::after,
#acordeon_nav > ul > li.active > a > span::after,
#acordeon_nav > ul > li.open > a > span::after {
    border-color: #eeeeee;
}
.holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}
#acordeon_nav ul ul li a {
    cursor: pointer;
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 0.9em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#acordeon_nav ul ul li:hover > a,
#acordeon_nav ul ul li.open > a,
#acordeon_nav ul ul li.active > a {
    background: #244b81;
    color:#ffffff;
}
#acordeon_nav ul ul li:first-child > a {
    box-shadow: none;
}
#acordeon_nav ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#acordeon_nav ul ul ul li a {
    padding-left: 2em;
}
#acordeon_nav > ul > li > ul > li:last-child > a,
#acordeon_nav > ul > li > ul > li.last > a {
    border-bottom: 0;
}
#acordeon_nav > ul > li > ul > li.open:last-child > a,
#acordeon_nav > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}
#acordeon_nav > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}
#acordeon_nav ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #244b81;
    border-left: 2px solid #244b81;;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#acordeon_nav ul ul li.active > a::after,
#acordeon_nav ul ul li.open > a::after,
#acordeon_nav ul ul li > a:hover::after {
    border-color: #ffffff;
}


/* fin navegación acordeon */

/* HEADER */


header {
    position:relative;
    margin:0;
    padding:0;
    clear:both;
    width:100%;
    height: auto;
}


#logo_fitec {
    width: 81%;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    padding: 1%;
}

#logo_fitec_footer
{
    margin:0;
    padding:0;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    padding:18px;
}

#logo_fitec_footer img
{
    
    max-width:200px;
    overflow: hidden;
    float: left;
}


#logo_fitec_aula {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding: 1%;
    vertical-align: middle;
}
#logo_fitec_aula img {
    display: table-cell;
    vertical-align: middle;
}
#logo_fitec img {
    vertical-align: middle;
    width: 81%;
    max-width:360px;
    padding: 0;
    margin: 0 auto;
}

#logo_fitec_mobile {
    width: 80%;
    float:left;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    
}

#logo_fitec_mobile img {
    vertical-align: top;
    width: 70%;
    max-height:81px;

    max-width:360px;
    padding: 0;
    margin: 0 auto;
}



.informacion {
    text-align: center;
}

#logos_arriba
{
    margin:0;
    padding:0;
    width:81%;
    max-width:150px;
    padding:6px;
    float:right;
    margin:1%;
    overflow:hidden;
    height:auto;
}
#logos_arriba img
{
    margin:0;
    margin:1%;
    padding:0;
    width:96%;
    height:auto;
    margin:0 auto;
}


/* TITULOS */
.tit_pagina {
    position: relative;
    display: table;
    clear: both;
    float: left;
    color: #fff;
    height: 72px;
    font-size: 27px;
    padding: 0;
    width: 96%;
    text-align: right;
    background-image: url('../img/simbolo_blanco_1.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-right: 21px;
}
.tit_pagina:after {
    position: absolute;
    content:'';
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 72px solid #244b81;
    border-right: 18px solid transparent;
}
.tit_pagina.azul:after {
    border-top-color:#244b81;
}
.tit_pagina.aguamarina:after {
    border-top-color:#6cbbc0;
}
.tit_pagina.rojo:after {
    border-top-color:##a71c21;
}
.tit_pagina.amarillo:after {
    border-top-color:#eab330;
}
.tit_pagina.verde:after {
    border-top-color:#bed346;
}
.tit_pagina h1
{
    display:table-cell;
    vertical-align:middle;
    line-height:36px;
    margin:0;
    padding:0;
    font-size:1.5em;
}
.tit_pagina h2 {
    display:table-cell;
    vertical-align:middle;
    font-size:1.4em;
    line-height:1em;
    margin:0;
    padding:0;
}
.tit_pagina h3 {


    font-size: 27px;
    line-height:42px;
    margin:0;
    padding:0;
}
.tit_pagina h4
{

    font-size: 18px;
    line-height: 27px;
    margin:0;
    padding:0;

}

.tit_pagina h3:before
{
    float: left;
    margin-left: 50%;
    font-size: 30px;
    line-height: 36px;
    color: #789ccd;
    content:'\21B5';
    transform: rotateY(180deg);
}
.titulopanel
{
    text-transform:uppercase;
}
.tit_franja {
    position: relative;
    display: block;
    clear: both;
    padding: 0;
    width: 100%;
    text-align: center;
    background-image: url('../img/simbolo_blanco_1.png');
    background-repeat: no-repeat;
    background-position: left;
    height: 36px;
    line-height: 36px;
}
.tit_franja:after {
    position: absolute;
    top: 0;
    left: 90%;
    width: 0;
    height: 0;
    border-top: 36px solid white;
    border-right: 15px solid transparent;
}
.tit_contenido {
    position: relative;
    display: block;
    clear: both;
    float: left;
    color: #fff;
    font-family: 'colaboratelightregular';
    padding: 0;
    width: auto;

    background-image: url('../img/simbolo_blanco_1.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 39px;
    padding-right: 12px;
    text-transform: uppercase;
    margin-bottom:0.2em;
}
.tit_contenido:after {
    content:'';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 24px solid red;
    border-right: 9px solid transparent;
}
.tit_contenido.rojo:after {
    border-top: 24px solid #a71c21;
}
.tit_contenido.verde:after {
    border-top: 24px solid #bed346;
}
.tit_contenido.amarillo:after {
    border-top: 24px solid #eab330;
}
.tit_contenido.aguamarina:after {
    border-top: 24px solid #6cbbc0;
}
.tit_contenido.h4 {
}

.tit_contenido.rojo:after {
    border-top: 24px solid #a71c21;
}
.tit_contenido.verde:after {
    border-top: 24px solid #bed346;
}
.tit_contenido.amarillo:after {
    border-top: 24px solid #eab330;
}
.tit_contenido.aguamarina:after {
    border-top: 24px solid #6cbbc0;
}

/* BOTONES */
.btn {
    display: table;
    margin: 0 auto;
    padding:0;
    width: 81%;
    max-width:300px;
    height:30px;
    text-align: center;
    line-height: 30px;
    border-radius:20px;	
    text-decoration: none;
    transition: all 0.3s ease-out;
    color:#fff;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    clear:both;
}

.contenido > .btn
{
    margin-bottom:0.5em !important;
}

.btn.enviar, .btn.cancelar
{
    width:60%;
    display:table;
}

.btn.enviar
{
    back
}

.btn.rojo
{
    background:#a71c21 url('../img/simbolo_blanco_1.png') -50% no-repeat;
}

.btn.rojo:hover,.btn.rojo:focus
{
    background: #751d20 url('../img/simbolo_blanco_1.png') 10% no-repeat;
    color:#fff; 
}

.btn.azul {
    background: #244b81 url('../img/simbolo_blanco_1.png') -50% no-repeat;
    color: #fff;
}
.btn.azul:hover,.btn.azul:focus {
    background: #1f2f4d url('../img/simbolo_blanco_1.png') -50% no-repeat;
    color: #fff;
}

.btn.verde {
    background-color: #bed346;
    color: #fff;
}
.btn.verde:hover,.btn.verde:focus {
    background-color: #50aa55;
    color: #fff;
}
.btn.amarillo {
    background-color: #eab330;
}
.btn.amarillo:hover,.btn.amarillo:focus {
    background-color: #d97b36;
    color: #ffffff;
}
/* FOOTER */
/* */

footer {
    padding-top: 9px;
    padding-bottom: 18px;
}
footer #col-xs-6 col-sm-4 col-md-2 ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style:none;
}
footer h3 {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    border-bottom: solid thin #4577ba;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 21px;
    color:#fff;
}

footer ul
{
    list-style:none;
}

footer ul li {
    font-size: 14px;
    font-family: 'colaborate-thinregular';
}
#franja_logos {
    margin:0;

}

#franja_logos ul
{
    margin:0;
    padding:0;
}

#franja_logos li {
    margin:0;
    padding:0;
    height: 120px;
    display: table;
}
.logo_abajo {
    width: 81%;
    display: table-cell;
    vertical-align: middle;
    text-align:center;

}
.logo_abajo img {
    width: 69%;
    max-width:240px;
    height: auto;
    margin: 0 auto;
    vertical-align: middle;
}

.contacto_abajo {
    border-right: solid thin #244b81;
    padding: 2%;
    margin-top: 12px;
    margin-bottom: 12px;
    text-align: right;
    clear: both;
    overflow: hidden;
}
.contacto_abajo ul {
    margin:0;
    padding:0;
    width: auto;
    text-align: right;
    height: auto;
    min-height: 27px;
    list-style:none;
}
.contacto_abajo ul li {
    margin:0;
    padding:0;
    font-family: 'colaborate-thinregular';
    display: inline-block;
    color: #fff;
    padding:12px;
    padding-left: 12px;
}
.contacto_abajo p {
    margin:0;
    padding:0;
    font-family: 'colaborate-thinregular';
    color: #fff;
    text-align: right;
}

/* REGISTRO */
.registrado {
    margin: 0;
}
.registrado .foto {
    width: auto;
    height: auto;
}
.registrado span {
    font-family: 'colaborate-thinregular';
    text-align: left;
}
.ident_usuario {
    position: relative;
    margin: 0;
    float: left;
    color: #fff;
    font-family: 'colaborate-thinregular';
    width: 100%;
    min-height: 90px;
}
.ident_usuario:before {
    content:'';
    position: absolute;
    top:0;
    left:-54px;
    width: 0;
    height: 0;
    border-bottom: 90px solid red;
    border-left: 40px solid transparent;
}
.ident_usuario .div {
    display: table-cell;
    vertical-align: middle;
}
.azul:before {
    border-bottom-color: #244b81;
}
.aguamarina:before {
    border-bottom-color: #6cbbc0;
}
.amarillo:before
{
    border-bottom-color:#eab330;
}
.ident_usuario h3, .ident_usuario h4 {
    margin: 1px;
    padding: 1px;
    color: #fff;
}
.ident_usuario h3 {
    margin:0;
    padding:0;
    line-height:21px;

}
.ident_usuario h4 {
    margin:0;
    padding:0;
    line-height:1em;

}
/* CONTENIDO */

.imagen_destacada {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    height: 300px;
    margin-top: -110px;
    z-index: -1;
}
.imagen_destacada img {
    position: absolute;
    z-index: -1;
}
.container.principal {
    width:100%;
    margin:0 auto;
    padding-top: 1em;
    padding-bottom:1em;
    
}
.contenido {
    width:100%;
    clear:both;
    padding: 0.5em;
}

.contenido h3
{
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px;
    background: rgb(242, 242, 242);
}
.contenido h3 img,.contenido h3 a{
    display: inline-block;
    vertical-align: top;
}
.contenido h3 img{
    width: auto;
}
.contenido h3 a{
    width: 90%;
}

.contenido p
{
    margin:0px;
    padding:0px;
}




.forma_left:after {
    content:'';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-top: 24px solid red;
    border-right: 9px solid transparent;
}



/* INICIO */
#imagen_home {
    position: fixed;
    z-index: -1;
    width: 100%;
    height:100%;
    overflow:hidden;
    /*	background-size: cover;
            background-attachment: fixed;
            background-position:top; */
}

#imagen_home img
{
    width:100%;
    height:auto;
    vertical-align:middle;
}
.espacio_home {
}

.espacio_home > .row{
    margin:0;
    padding-left:0 !important;;
    padding:0 !important;
}



/* ICONOS  */


/* ICONOS  */
.ico_competencia
{
    background-image:url(../img/ico_av/ico_competencias.png);
}

.ico_motivacion
{
    background-image:url(../img/ico_av/00_motivacion.png);
}

.ico_cognicion
{
    background-image:url(../img/ico_av/00_cognicion.png);
}
.ico_aplicacion
{
    background-image:url(../img/ico_av/00_aplicacion.png);
}



/* FIN ICONOS */

/* NOTICIAS HOME */

.noticias
{
    border:0;
    height:auto;
    overflow:hidden;
    
}


.noticias h3 a, .noticias h4 a {
    font-family: 'colaboratelightregular';
    padding: 0;
    margin: 0;
    color: #eab330;
    line-height:1em;
}

.noticias span {
    font-size:1em;
    line-height: 1em;
    padding: 0;
    margin: 0;
    display: block;
    height: 1em;
    padding-left: 6px;
    display: inline-block;
    margin-right:1em;
    margin-bottom:0.5em;
}

.noticias .destacado
{
    padding-bottom:1em;
    border-bottom:solid thin #CCC;
}

.noticias img
{
    width:99%;
    max-height: 100px;
    overflow: hidden; 
}

.noticias p
{
    margin-top:0.5em;
}

.noticias .categoria {
    border-left: solid medium #f2cb34;
}
.caja_noticia
{
    margin-top:1.5em;
}

/* obligatorios */

#obligatorios, .navegacion_ico {
    margin-top: 12px;
    border-radius: 4px;
    list-style:none;
}
#obligatorios li, .navegacion_ico li {
    margin:0;
    padding:0;
    line-height: 11px;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    padding: 0.2%;

    text-decoration:none;
}
.icono_menu img{
    width: 100%;
}
.icono_menu {
    padding: 7px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: solid 3px #ffffff;
    margin: 0 auto;
    margin-bottom: 6px;
    opacity: 0.6;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
}
.texto_menu{
    text-align: center;
}
.btn.prev,.btn.next{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 20%;
    font-size: 40px;
    background: #244B81;
    color: white;
    line-height: 45px;
    text-align: center;
}
.btn.next{
    right: 10px;
}
.btn.prev{
    left: 10px;
}
.navegacion_ico li .icono
{
    background-size:60%;
    background-position:center;	
}

.enlace {
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    padding: 6px;
    height: auto;
    min-height: 100px;
    cursor: pointer;
    text-decoration: none;
    font-size:0.8em;
    line-height:1em;
    margin:0.5%;
    transition: all 0.2s ease-out;
    color:#fff;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}

.navegacion_ico li .enlace
{
    height: auto;
    min-height:100px;
    margin:0;
}

.enlace a {

    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

.enlace: hover {
    text-decoration: none;
    color: #fff;
    border: none;
    text-outline: none;
}
.enlace:hover .icono_menu {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    border: solid 4px #ffffff;
}
/* fin obligatorios */

/* REGISTRO */
.register {
    margin: 0 auto;
    width: 90%;
    padding: 2px;
}
.register-input {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#inputEmail, #inputPassword {
    display: block;
    width: 90%;
    height: 38px;
    margin-top: 2px;
    font-weight: 500;
    background: none;
    border: 0;
    border-radius: 4px;
    border-bottom: 1px solid #d8d8d8;
}
.register-input:focus {
    border-color: #1e9ce6;
    outline: 0;
}
.checkbox {
    padding: 0;
    margin: 0;
}
.btn-primary {
    background: none;
    width: 81%;
    margin: 0 auto;
    border-radius: 3px;
    background-image: none;
    background: #a71c21;
    border: none;
    transition: all 0.3s ease-out;
}
.btn-primary:hover {
    background: none;
    background-image: none;
    background: #5a1415;
}
.btn-primary:active {
}
.btn-primary:focus {
}

.imagen
{
    width:99%;
    margin:0 auto;
    height:auto;
    max-height:300px;
    overflow:hidden;
}

.imagen img
{
    width:100%;
    height:auto;
    background-position:center;
}


/* AULA VIRTUAL */

.presentacion_profesor h5
{
    margin:0;
    padding:0;
    line-height:inherit;
}

.presentacion_profesor .foto
{
    max-width:150px;
    float:right;
}

.zona_index_profesor
{
    float:left;
    position:relative;
    width:90%;
    height:auto;
    min-height:240px;
}


.zona_index_profesor.flecha:after
{
    content:'';
    position: absolute;
    display:block;
    top:50%;
    left:108%;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 25px solid #CDCDCD;
    border-bottom: 50px solid transparent;
}


.zona_index_profesor .contenido
{
    margin:0;
    padding:0;
    margin-top:12px;
    padding-top:6px;
    height:auto;
    max-height:390px;
    overflow:auto;
    overflow-x:hidden;
}


.zona_index_profesor .contenido ul
{
    margin:0;
    padding:0;
    width:96%;
}

.zona_index_profesor .contenido ul li
{
    margin-bottom:12px;
    padding:9px;
    padding-top:0;
    border-bottom:solid thin #FFF;



}
.zona_index_profesor .contenido ul li span
{
    font-size:12px;
    font-weight:bolder;	
}


#menu_modulo
{
    margin:0;
    padding:0;

    position:relative;
    display:block;
    width:90%;
    float:right;
    padding-left:1em;
    border-top-left-radius:6px;
    -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
}


#menu_modulo ul
{
}

#menu_modulo ul li
{
    height:30px;
    display:inline-block;
    line-height:30px;
}

#menu_modulo ul li:hover
{
}

#menu_modulo ul li:after
{
    position:relative;
    margin-left:1%;
    content:'\2023';
}
#menu_modulo ul li a, #menu_modulo ul li a:hover
{
}


.planeacion_progreso
{

    border-radius:0.4em;
    font-size:1em;
    overflow:hidden;
    -webkit-box-shadow: inset 0px 5px 5px -2px rgba(41,41,41,0.6);
    -moz-box-shadow: inset 0px 5px 5px -2px rgba(41,41,41,0.6);
    box-shadow: inset 0px 5px 5px -2px rgba(41,41,41,0.6);
    border-spacing: 2px;
    border-width: medium;
}

.planeacion_progreso .inicio, .planeacion_progreso .finalizacion
{
    border-bottom-lef-radius:8px;
    border-top-left-radius:8px;
    height:2em;
    font-size:1em;
    margin-top:0.2em;
}
.planeacion_progreso .inicio
{
    text-align:left;
    padding-left:3em;
    background-position:left;
}

.planeacion_progreso .avance
{
    height:45px;
    text-align:right;
    border-bottom-right-radius:8px;
    border-top-right-radius:8px;
    text-align:right;
}

.planeacion_progreso .finalizacion
{
    border-bottom-lef-radius:8px;
    border-top-left-radius:8px;
    padding-right:3em;
    background-position: right;
    text-align:right;
}
.progress
{
    height:auto;
    margin:0 !important;
}

.btn.ico_orientacion {
    float:none;
    background-image: url(../img/ico_av/ico_orientacion.png);
    background-position: 5%;
    background-repeat: no-repeat;
    width: 30%;
    position: relative;
    clear: both;
    max-width:300px;
    min-width: 200px;
    margin: 0 auto;
    color: #fff;
}

.btn.ico_orientacion:hover {
    background-image: url(../img/ico_av/ico_orientacion.png);
}

.ico_recursos, .ico_actividades, .ico_evaluaciones, .ico_calendario, .ico_proposito, .ico_evidencia, .ico_competencia
{
    background-image: url(../img/ico_av/ico_recursos.png);
    background-position: 5%;
    background-repeat: no-repeat;
}
.ico_recursos {
    background-image: url(../img/ico_av/ico_recursos.png);

}
.ico_competencia {
    background-image: url(../img/ico_av/ico_competencias.png);

}

.ico_actividades {
    background-image: url(../img/ico_av/ico_actividades.png);

}
.ico_evaluaciones {
    background-image: url(../img/ico_av/ico_evaluaciones.png);

}

.ico_calendario
{
    background-image: url(../img/ico_av/ico_calendario.png);
}
.ico_proposito
{
    background-image: url(../img/ico_av/ico_propositos.png);
}


.ico_evidencia
{
    background-image: url(../img/ico_av/ico_evidencias.png);
}

.foto {
    position: relative;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 80%;
    max-width: 81px;
    height: auto;
    border-radius: 50%;
    text-align: center;

}
.foto img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    border-radius: 50%;
}
#prof_mod_aula {
    text-align: center;
}
#prof_mod_aula .foto {
    width: 45%;
    float: none;
    margin: 0 auto;
    clear: both;
    margin-top: 6px;
    margin-bottom: 6px;
}
#prof_mod_aula span {
    text-align: center;
    line-height: 14px;
}
#novedades {
}
#novedades div {
    width: 96%;
    margin: 0 auto;
    clear: both;
}
#novedades div ul {
    margin:0;
    padding:0;
}
#novedades ul li {
    margin:0;
    padding:0;
    border-bottom: solid thin #999;
}
#novedades ul li .fecha {
    display: block;
    font-size: 10px;
    line-height: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bolder;
    clear: both;
}
#novedades ul li .autor {
    display: block;
    font-size: 14px;
    line-height: 14px;
    clear: both;
}
#novedades ul li p {
    display: block;
    font-size: 14px;
    line-height: 14px;
    clear: both;
}
/* botones ico */

/* obligatorios */

.btn.generalidades {
    width:72%;
    height:72px;
    line-height:72px;
    float:none;
    margin:0 auto;
    border-radius:36px;
    text-align:left;
    display:table;
    margin-bottom:24px;
}


.btn.generalidades span
{
    float:left;
    width:50px;
    height:50px;
    margin-top:10px;
    margin-left:10px;
    margin-right:25px;
    background-size: 60%;
    background-repeat:no-repeat;
    background-position:center;
    border:#FFF medium solid;
    border-radius:30px;
}

.competencias_ico, .justificacion_ico, .video_ico, .recomendaciones_ico {

}
.competencias_ico span {
    background: url('../img/ico_av/ico_competencias.png');

}
.justificacion_ico span {
    background:url('../img/ico_av/ico_justificacion.png');

}
.video_ico span {
    background:url('../img/ico_av/ico_video.png');
}
.recomendaciones_ico span {
    background: url('../img/ico_av/ico_recomendaciones.png');

}


/* MENU */
.dropbajar {
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}
.dropbajar ul {
    margin:0;
    padding:0;
    text-align: left;
    float: left;
    margin: 0;
    list-style: none;
    z-index: 1000;
    padding: 0;
    margin-top: 12px;
}
.dropbajar ul li {
    margin:0;
    padding:0;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 0px;
    margin: 0;
    padding-right: 6px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 1000;
    color: #fff;
    font-family: 'colaborate-mediumregular', sans-serif;
}
.dropbajar ul li: a {
    text-transform:uppercase;
    font-family: 'colaborate-mediumregular', sans-serif;
    color:#fff;
    margin:0;
    padding:0;
}
.dropbajar ul li:hover {
    background: #eeeeee;
    color: #6cbbc0;
}
.dropbajar ul li ul {
    padding: 5;
    position: absolute;
    display: block;
    top: 16px;
    left: 0;
    width: 100%;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    -transition: opacity 1s;
    z-index: 1000;
}
.dropbajar ul li ul li {
    background-color: #eeeeee;
    display: block;
    color: #6cbbc0;
    font-size: 12px;
    line-height: 12px;
    padding-left: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    z-index: 1000;
}
.dropbajar ul li ul li:hover {
    background: #6cbbc0;
    color: #ffffff;
    z-index: 1000;
}
.dropbajar ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}
/* caja modulos */

.caja {
    width: 100%;
    margin: 0 auto;
    margin-top: 9px;
    margin-bottom: 3px;
}
.caja h4 {
    width: 100%;
    min-height: 60px;
    padding: 1%;
    text-align: center;
    display: block;
    vertical-align: middle;
    color: #58595b;
    margin-top: 12px;
    -webkit-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}
.caja h5 {
    float: right;
    text-align: center;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 21px;
    color: #fff;
}
.caja.disponible h4 {
    color: #50aa55;
}
.caja:hover {
    cursor: pointer;
}
.caja.disponible.gradiente_gris:hover {
    background-color: #fff;
    background: #fff;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.caja.disponible .franja-2, .caja.disponible h5 {
    background-color: #97c24d;
}
.caja.nodisponible .franja-2, .caja.nodisponible h5 {
    background-color: #bbbcbe;
}
.caja.nodisponible h4 {
    display: block;
    color: rgba(128, 128, 128, 0.8);
    text-shadow: 0 0.1em 0.1em #e6e6e6, 0 0 0 #000;
}
.caja.visto .franja-2, .caja.visto h5 {
    background-color: #d1d84a;
}
.caja.visto h4, .caja.visto h5 {
    text-decoration: line-through;
}
/* FIN AULA VIRTUAL */

#nav_micrositios {
    position: fixed;
    display: block;
    padding:0;
    bottom: 0;
    margin: 0 auto;
    height: auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);

    border-top: solid thin #999;
}
#nav_micrositios ul {
    margin:0;
    padding:0;
    position: relative;
    display: table;
    width: 81%;
    margin: 0 auto;
    text-align: center;
    height: 30px;
}
#nav_micrositios ul li {
    margin:0;
    padding:0;
    display: table-cell;
    vertical-align:middle;
    width: 11%;
    margin-right: 1%;
    height: 21px;
    font-size: 12px;
}
/*REDES */
ul.social_small
{
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    margin:0 auto;
    margin-top:1em;
}
ul.social_small a
{
    margin:0;
    padding:0;
    border:none;
}
ul.social_small li
{
    margin:0;
    padding:0;
    padding-left:0;
    width:33%;
    padding:1%;
    padding-left:10%;
    padding-right:10%;
    height:auto;
    overflow:hidden;
}
ul.social_small li img
{
    position:relative;
    vertical-align:middle;
    margin:0;
    padding:0;
    padding-left:0;
    width: 81%;
    max-width:48px;
    height:auto;
}
.redes {
    margin-left: -20px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background: #CFCFCF;
    border: 1px solid #AFAFAF;
    opacity: 0.8;
    margin-bottom: 5px;
    padding: 10px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%, #dddddd 100%); /* W3C */
    filter: progid:DXImageTransfo
}
.redes.linkedin {
    background: #457ab2;
}
.redes.youtube {
    background: #b03630;
}
.redes.twitter {
    background: #64a6dd;
}
.redes img {
    width: 10%;
    margin: 0 auto;
    height: auto;
}
.redes_fijas {
    position: fixed;
    left: 100%;
    top: 200px;
    width: 200px;
    z-index: 99999;
}
.redes p {
    padding: 0;
    margin: 0;
    font-size: 0.7em;
    width: 45px;
}
.redes_fijas .redes img {
    width: 40px;
}
.red_fija {
    margin-left: -60px;
}
.red_fija p {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
.redes:hover {
    opacity: 1;
    margin-left: -60px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.title {
    /*border-bottom: 1px solid #ccc;
    margin-bottom: 4px;*/
}
.lista_usuarios_inline ul li a {
    color: #459ED3;
}
.chat {
    position: fixed;
    bottom: 0;
    right: 30px;
    background: white;
    -webkit-box-shadow: inset 0px 0px 3px #ccc;
    box-shadow: inset 0px 0px 3px #000;
    width: 270px;
    z-index: 9999;
}
.chat .titulo {
    background: #32ACA5;
    padding: 5px 5px;
    color: white;
    cursor: pointer;
}
.chat .titulo h5 {
    padding: 0px;
    margin: 0px;
}
.chat .mensajes {
    height: 200px;
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
}
.chat .mensaje {
    margin: 7px;
}
.chat .mensaje span:first-child {
    color: #939393;
}
.chat .mensaje:last-child {
    border-bottom: none;
}
.chat .inbox input {
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    border-radius: 0px;
}
[data-posicion="oculto"] {
    bottom: -280px;
}
/* FIN REDES */

/* icono grande */

.icono_grande
{
    width:100px;
    min-height:100%;
    margin:0 auto;
    display:table;
    height:100px;
    border-radius:15px;
    padding:10px;
}

.icono_grande .btn_icono
{
    width:100%;
    height:auto;
    margin:0 auto;
    display:table-cell;
    vertical-align:middle;
}


.icono

/* acordeon */

/* TAB TO ACORDEON */

/* tab to acordeon  */


.accordion {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 9px;
}
.accordion__title , .accordion__title-2
{
    background:#6cbbc0;
    color:#fff;
    display:block;
    padding: 0 1.5em;
    float: left;
    line-height: 3;
    height: 3em;
    cursor: pointer;
    border-top-left-radius:4px;
    border-top-right-radius:24px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: inset 0 -3px 6px rgba(0,0,0,0.2);
}

.accordion__title h4
{
    line-height: 3em;
    color:#fff;
}

.accordion__title:hover , .accordion__title-2:hover
{
    background-color:#aec8ca;
}

.no-js .accordion__title, .no-js .accordion__title-2 {
    float: none;
    height: auto;
    cursor: auto;
    margin: 0;
    padding: 0 2em;
}
.accordion__content, .accordion__content-2 {
    float: right;
    width: 100%;
    margin: 3em 0 0 -100%;
    padding: 2em;

}
.no-js .accordion__content, .no-js .accordion__content-2 {
    float: left;
    margin: 0;
}
.accordion__title:hover, .accordion__title.active, .accordion__title-2:hover, .accordion__title-2.active, {
    background: #6cbbbf;
    color: white;
}
.no-js .accordion__title:hover, .no-js .accordion__title-2:hover {
    background-color: #ccc;
    color: #222;
}
.accordion__title.active, .accordion__title-2.active {
    background:#f2f2f2;
    color:#4f898d;
    box-shadow:none;

}


@media (max-width: 990px) {

    #menu_modulo {
        width:99%;
    }


    #menu_modulo ul li
    {
        font-size:0.6px;
    }


    .accordion {
    }
    .accordion__title,  .accordion__title-2, .accordion__content, .accordion__content-2 {
        float: none;
        margin: 0;
    }

    .accordion h4
    {
        float:none;
        margin:0;
        padding:0;
    }

    .accordion__title, .accordion__title-2 {
        border: none;
        border-radius:0;
        border:solid #CCC thin;
        border-bottom:none;
        font-weight:lighter;
        width:100%;
        text-align-last:left;
    }
    .accordion__title.active, .accordion__title-2.active {
        font-size:1.4em;
    }
    .accordion__title.active, .accordion__title:hover {
    }
    .accordion__title:after {
        position: inherit;
        top:0;
        float:right;
        content: "+";
        text-align: center;
        width: 2em;
        display: inline-block;
        border-left:solid #CCC thin;

    }
    .accordion__title.active:after {
        content: "-";
    }
    .overflow-scrolling {
        overflow-y: scroll;
        padding: 1em;
        min-height:8em;
        /* Warning: momemtum scrolling seems buggy on iOS 7  */
        -webkit-overflow-scrolling: touch;
    }
    .accordion__content {
        position: relative;
        overflow: hidden;
        padding: 0.6em;
        border:solid #CCC thin;
    }
    .no-js .accordion__content {
        padding: 1em;
        overflow: auto;
        display: block;
    }
    .accordion__content:after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 50px;
        border-radius: 10px 0 0 10px / 50% 0 0 50%;
        box-shadow: -5px 0 10px rgba(0, 0, 0, 0.5);
        content: '';
    }
}
/* ACORDEON VERTICAL */

#acordeon_v input {
    display: none;
}
#acordeon_v label {
    position: relative;
    display: block;
    clear: both;
    font-family: 'colaboratelightregular';
    font-size: 21px;
    padding: 0;
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position:left;
    height: 42px;
    line-height: 42px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    margin-top: 12px;
}
#acordeon_v label:after {
    font-family: 'colaborate-thinregular';
    float: right;
    margin-right: 1%;
    display:block;
    font-size: 42px;
    line-height: 42px;
    height:42px;
    color: #4f898d;
    content: '+';
}
#acordeon_v label:after:hover {

    color: #fff;

}
#acordeon_v label:hover {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 15%;
}
#acordeon_v input:checked + label {
    background-repeat: no-repeat;
    background-position: 15%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: white;
}
#acordeon_v input:checked + label:after {
    color: #fff;
    content: '-';
}
#acordeon_v article {
    background: #f7f7f7;
    height: 0px;
    overflow: hidden;
    z-index: 10;
    padding-top:12px;
}
#acordeon_v article p {
    padding: 1em;
}
#acordeon_v input:checked article {
}
#acordeon_v input:checked ~ article {
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    height: auto;
    margin-bottom: 3em;
}


/* acordeon */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox{
    background: white;
    border:1px solid #ccc;
}
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxWrapper {
    max-width: none;
}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}
#cboxContent {
    position: relative;
}
#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#cboxTitle {
    margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}
#colorbox {
    outline: 0;
}
#cboxTopLeft {
    width: 25px;
    height: 25px;
    background: url(../images/border1.html) no-repeat 0 0;
}
#cboxTopCenter {
    height: 25px;
    background: url(../images/border1.html) repeat-x 0 -50px;
}
#cboxTopRight {
    width: 25px;
    height: 25px;
    background: url(../images/border1.html) no-repeat -25px 0;
}
#cboxBottomLeft {
    width: 25px;
    height: 25px;
    background: url(../images/border1.html) no-repeat 0 -25px;
}
#cboxBottomCenter {
    height: 25px;
    background: url(../images/border1.html) repeat-x 0 -75px;
}
#cboxBottomRight {
    width: 25px;
    height: 25px;
    background: url(../images/border1.html) no-repeat -25px -25px;
}
#cboxMiddleLeft {
    width: 25px;
    background: url(../images/border2.html) repeat-y 0 0;
}
#cboxMiddleRight {
    width: 25px;
    background: url(../images/border2.html) repeat-y -25px 0;
}
#cboxContent {
    background: #fff;
    overflow: hidden;
}
.cboxIframe {
    background: #fff;
}
#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}
#cboxLoadedContent {
    margin-bottom: 20px;
}
#cboxTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999;
}
#cboxCurrent {
    position: absolute;
    bottom: 0px;
    left: 100px;
    color: #999;
}
#cboxLoadingOverlay {
    background: #fff url(../images/loading.html) no-repeat 5px 5px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}
#cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 42px;
    color: #444;
}
#cboxPrevious {
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #444;
}
#cboxNext {
    position: absolute;
    bottom: 0px;
    left: 63px;
    color: #444;
}
#cboxClose {
    position: absolute;
    display:block;
    background:#751d20;
    bottom: 0;
    right: 0;
    display: block;
    width:10%;
    height:24px;
    line-height:24px;
    min-width:100px;
    color: #fff;
    border-radius:4px;
}

#cboxClose:after
{
    color:#fff;
    position:absolute;
    right:5%;
    font-size:24px;
    content:'\2329';
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}
}

.breadcrumb
{
    background-color:transparent;
    float:right;
}

.breadcrumb ul, .breadcrumb>li {

    background:none;
}
/* panel */

/* TABLAS */

.table tr
{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.table tr:first-child:hover
{

}
.primera_columna td:first-child {
    background:#A3C9CB;
    font-size:14px;
}


/* TABLES RESPONSIVE */

.table-planeacion{
    min-width: 600px;
    overflow-x: auto;
}
.check{
    background: none;
    width: 15px;
    display: block;
    height: 15px;
    border-radius: 10px;
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 25px;
    font-weight: bolder;
}
.checkrelativo{
    background: none;
    width: 15px;
    display: block;
    height: 15px;
    border-radius: 10px;
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 25px;
    font-weight: bolder;
}

.tabla-card-fila
{
    width:100%;
    margin:0 auto;
    border:solid thin #CCC;
    padding:0.5em;
    height:auto;
    overflow:hidden;
}
.tabla-card-columna
{
    position:relative;
    width:100%;
    height:auto;
    display:block;
    line-height:1.2em;
    clear:both;
}

.tabla-card-fila span
{

}

.tabla-card-fila .titulo
{
    font-weight:bold;
    float:left;
}
.tabla-card-fila .valor
{
    float:right;
    width:60%;
    text-align:left;
}

/* FIN TABLES */

/* migas de pan */

.miga
{
    vertical-align: top;
}

/* PANELES */


.panel {
    width:90%;
    margin:0 auto;
    margin-top:12px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00AE9E;
    border-color: #00AE9E;
}
.panel-primary{
    border-color: #00AE9E;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}	
.panel-heading {
    padding:0;
    height:36px;

}
.panel-body {
    padding: 0px;
}
.panel h4{
    display:block;
    width:84%;
    float:right;
    height:36px;
    margin:0;
    padding:0;
    padding-left:9px;
    line-height: initial;
    line-height:36px;
    text-transform:capitalize;
    border-left:solid thin #f2f2f2;
}
/*----- Estilos de aside-----*/
.contact {
	background: white; 
        border-left: none;
	display: block; 
        left: 0;
	position: absolute; 
        top: 195px;
	z-index: 890;
	-webkit-border-top-right-radius: 3px;	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

    .destacado img{
            max-width:100%;
            
        }

.contact a { display: block; padding: 5px; border-bottom: 1px solid #FEFEFE; border-top: 1px solid #E4E4E4; }

.contact a:first-child { border-top: 0; }

.contact a:last-child { border-bottom: 0; }

.contact img { width: 100%; }

.comunicate-button-container { float: left; }

.comunicate-box { float: left;display:none; }

#chat { background: url('../img/Laura.png') bottom right no-repeat; min-height: 220px;padding-left: 30px; border-left: 1px solid #E4E4E4; }

#chat h4 { text-transform: uppercase; }

#chat p { width: 150px; margin-right: 155px; }

#chat a { margin: 50px 0 20px 0; background-color: #7FBF4D; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7FBF4D), color-stop(100%, #63A62F)); background-image: -webkit-linear-gradient(top, #7FBF4D, #63A62F); background-image: -moz-linear-gradient(top, #7FBF4D, #63A62F); background-image: -ms-linear-gradient(top, #7FBF4D, #63A62F); background-image: -o-linear-gradient(top, #7FBF4D, #63A62F); background-image: linear-gradient(top, #7FBF4D, #63A62F); border: 1px solid #63A62F; border-bottom: 1px solid #5B992B; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #96CA6D; box-shadow: inset 0 1px 0 0 #96CA6D; color: #FFF; font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; padding: 7px 0 8px 0; text-align: center; text-shadow: 0 -1px 0 #4C9021; width: 100px; text-decoration: none; }

#phone { background: url('../img/Laura.png') bottom right no-repeat; min-height: 220px; padding-left: 30px; border-left: 1px solid #E4E4E4; }

#phone p { width: 150px; margin-right: 155px; }

#phone span { display:block; padding: 10px 0 0 0; text-decoration: underline; font-weight: bolder; }

#skype { background: url('../img/Laura.png') bottom right no-repeat; min-height: 220px; padding-left: 30px; border-left: 1px solid #E4E4E4; }

#skype p { width: 150px; margin-right: 155px; }

#skype a { border: 0; color: #00ADEF; font-weight: bold; }

#skype img { width: auto; }



.panel.seguimiento
{
    width:90%;
    margin:0 auto;
    margin-top:12px;
    margin-bottom: 18x;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

.panel.seguimiento  > .panel-body {
    padding: 1%
}
.panel.seguimiento .panel-body .foto {
    max-width:90px;
    width:100%;
    float:none;
    margin:0 auto;
}
.tab-panel{
    border: 1px solid #ddd;
    padding: 5px;
    background: #F0F0F0;
}

/* PAELES */


/* ALTURA */

/* columns of same height styles */
.row-same-height {
    display: table;
    width: 100%;
    max-width:100%;
    padding:0;
    margin:0;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/* firefox fix */
.img-responsive {
    width: 100%;
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

/* COLORES MICROSITIOS */

/* AULA VIRTUAL */


/* FIN COLORES MICROSITIOS 
 /* VIDEO */
video{
    width: 100%;
    height: auto;
    max-height: 100%;
}


/* responsives */

@media (min-height: 900px) and (min-width:900px)
{
    .menu_home
    {
        height:480px;
    }

    .menu_home ul
    {

    }	
}

@media (max-width: 1024px)
{

    #menu_modulo ul li
    {
        font-size:0.9em;
    }

    .menu_micrositios ul li {
        min-width:5%;
    }

    #nav > ul > li
    {
        width:auto;
        min-width:23%;
    }

    #nav ul li: after
    {
        content:'\00BB';
        position:relative;
        color:#0F3;
    }

}
@media (max-width: 990px)
{
    .imagen_destacada {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        height: 300px;
        margin-top:2em;
        margin-bottom:1em;
        z-index:1;
    }
    .btn.prev,.btn.next{
        display:none;
    }
    html
    {
        overflow-x: hidden;
    }
    h2.micrositio {
        width:auto;
        width:90%;
        margin:0;
        float: right;
        height:inherit;
    }

    #imagen_home
    {
        position:absolute;
        top:200px;
        background-color:#0F0;
        padding:0;
        margin:0;
        clear:both;
        width:100%;
        overflow:hidden;
    }

    #imagen_home img
    {
        position:inherit;
        width:120%;
        right:-15%;
    }

    #logo_fitec
    {
        text-align:center;
    }

    .menu_micrositios
    {
        width:100%;
        height:auto;
    }
    .menu_micrositios ul li
    {
        float:none;
        min-width:20%;}

    #acordeon_v input {
        display: none;
    }
    #acordeon_v label {
        height: 24px;
        line-height: 24px;
        font-size:18px;

    }
    #acordeon_v label:after {

        display:block;
        font-size: 18px;
        line-height: 24px;
        height:24px;

    }
    #acordeon_v label:after:hover {

        color: #fff;

    }

    #acordeon_v input:checked + label:after {
        color: #fff;
        content: '\25b2';
    }

}
@media (max-width: 767px)
{
    body
    {
        font-size:14px;
    }
    .espacio_home {
        padding-top:15em;
    }
    .espacio_home > .col
    {
        margin-bottom:1em !important;
    }
    

    h2.micrositio {
        width:auto;
        
        margin:0 auto;
        float:none;
        text-align:center;
    }

    #imagen_home
    {
        top:81px;
        overflow:hidden;
    }


    #imagen_home img {
        width:120%;
        margin:0 auto;
        float:none;
    }


    .menu_home
    {
        height:auto;
    }

    .menu_home ul
    {
        padding-top:36px;
        padding-bottom:36px;
    }

    .menu_home ul li
    {
        line-height:48px;
    }

    .tit_pagina {

        height: 36px;
        font-size: 27px;
        margin-top:1.5em;
    }
    .tit_pagina:after {
        position: absolute;
        content:'';
        top: 0;
        left: 100%;
        width: 0;
        height: 0;
        border-top: 36px solid #244b81;
        border-right: 9px solid transparent;
    }

    .tit_pagina h2, .tit_pagina h3, .tit_pagina h4, .tit_pagina h1 {

        font-size:1.1em;
        line-height:1em;

    }
    .menu_home
    {
        width:50%;
        position:relative;
        float:left;
    }
    #colorbox{
        border: 2px solid #ccc;
        background: white;
    }
    .imagen_destacada {
        margin:0;
        margin-top:2em;
    }
    /* TABS ADAPTIVAS */


    /* ACORDEON ADAPTIVO */

    #logo_fitec_footer
    {

        width: 90%;
        margin:0 auto;
        text-align: center;
    }

    #logo_fitec_footer img
    {
        float:none;
        margin:0 auto;
    }

}

@media (max-width: 560px) {
    #imagen_home
    {
        top:54px;
    }


    /* MENU */

    .menu_home {
        height: auto;
        margin:0 auto;
        width:60%;
        min-width:200px;
    }
    .menu_home ul li {
        text-align: left;
        min-height:36px;
        line-height:36px;
        height: auto;
        font-size: inherit;
        padding-left:  36px;
        margin-left:9px;
    }

}
.footer-nav-collapse .servicios li{
    background:#a71c21;
    border-bottom:1px solid white;
}
.visible-xs .micrositio{
    
    display:block;
}
.descarga-item  { margin: 10px 0; }

.descargas p { margin: 0; font-weight: bold; color: #FFF; padding: 40px 40px 10px 40px; font-size: 13px; text-shadow: 2px 2px #000; }

.descarga-item { border-radius: 250px; height: 250px;width: 250px; background-color: white; -webkit-box-shadow: inset 0px 1px 10px 0px rgba(0, 0, 0, 1); box-shadow: inset 0px 1px 10px 0px rgba(0, 0, 0, 1); }

.descarga-button { margin: 0 auto; display:block; background-color: #7FBF4D; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7FBF4D), color-stop(100%, #63A62F)); background-image: -webkit-linear-gradient(top, #7FBF4D, #63A62F); background-image: -moz-linear-gradient(top, #7FBF4D, #63A62F); background-image: -ms-linear-gradient(top, #7FBF4D, #63A62F); background-image: -o-linear-gradient(top, #7FBF4D, #63A62F); background-image: linear-gradient(top, #7FBF4D, #63A62F); border: 1px solid #63A62F; border-bottom: 1px solid #5B992B; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #96CA6D; box-shadow: inset 0 1px 0 0 #96CA6D; color: #FFF; font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; padding: 7px 0 8px 0; text-align: center; text-shadow: 0 -1px 0 #4C9021; width: 100px; text-decoration: none; }
#ulDescargas li{
    list-style: none;
}
.flash { background: url('../img/adobe-flash-player-3.png'); }
.pdf { background: url('../img/adobe-reader.jpg') center; }
.vlc { background: url('../img/Apps-VLC-Media-Player-Metro-icon.png') center; }
.java { background: url('../img/di-logo-java-orange.png') center; background-size: 350px 300px; }
.sevenzip { background: url('../img/7zip-logo-6A8849A7FF-seeklogo.gif')center; }
.winzip { background: url('../img/winzip-large.jpg')center;background-size: 350px 300px; }
.winzip p {color: #000;text-shadow: 0px 0px 5px #fff }
.sevenzip p {color: #000;text-shadow: 0px 0px 5px #fff}
#mensajeConfirmacion{
    color: #1528B8;
font-weight: bold;
text-shadow: 0px 0px 5px #ADA9A9;
font-size: 1.3em;
}
.news-widget { border: 1px solid lightgrey; background: white; margin-bottom: 20px; }

.news-widget ul { list-style: none; width: 100%; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid lightgrey; }

.news-widget li { float: left; border-right: 2px solid lightgrey; }

.news-widget li:last-child { border-right: none; }

.news-widget .active { background-color: #EBEBEB; }

.news-widget li a { font-weight: bold; display: block; padding: 12px; text-transform: uppercase; text-decoration: none; background: transparent; color: #222; }

.news-thumbnail { border-bottom: 1px solid lightgrey; padding: 5px; }

.news-thumbnail img { width: 50px; height: 50px; margin: 5px; float: left; }

.news-thumbnail a { color: #222; }

.news-feed { background: white; border: 1px solid lightgrey; padding: 10px; margin-bottom: 40px; }

.news-feed ul { list-style: none; padding: 0; margin: 0;}

.page_navigation { text-align: center; font-size: 13px; padding-top: 5px;overflow:auto; }

.page_navigation a { background-color: lightgrey; margin: 0 5px; padding: 2px 5px; color: black;  }

.new { padding: 10px; border-bottom: 1px solid lightgrey; }

.new a { color: #222; font-weight: bold; }

.new img { width: 100px; height: 100px; float: left; margin-right: 10px;}

#vtab {
            margin: 0px 40px 20px 40px;
            height: 100%;
        }
        #vtab > ul > li {
            width: 110px;
            height: 110px;
            background-color: #fff !important;
            list-style-type: none;
            display: inline-block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-bottom: none;
            opacity: .5;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        }
        #vtab > ul > li.mision {
            background: url('../img/Mision100.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.vision {
            background: url('../img/Vision100.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.objetivos {
            background: url('../img/Objetivos100.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.politicas {
            background: url('../img/Politicas100.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.reglamentos {
            background: url('../img/Reglamentos100.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.funciones {
            background: url('../img/Funciones100.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.lineamientos {
            background: url('../img/Lineamientos100.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #ddd;
            border-right: none;
            z-index: 100000;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: top;
            
            text-align: center;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab > div {
            background-color: #fafafa;
            
            border: 1px solid #ddd;
            min-height: 50px;
            padding: 12px;
            position: relative;
            z-index: 999999;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #800;
            font-size: 1.2em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }


article, .section {
  margin-top: 10px;
  background: white;
  padding: 10px;
}
article {
  background: white;
  border: 1px solid lightgrey;
  padding: 10px 20px;
  margin-bottom: 40px;
}
.contacto {
  background: rgb(68, 147, 192);
  padding: 10px;
  margin-right: 10px;
  border-radius: 3px;
}
.contacto .form-control{
    margin-bottom:10px;
}
.respuesta-titulo{
      margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
#capa-respuesta h3{
    font-weight:bold;
}
#capa-respuesta p{
    font-size:0.9em;
}
main>.gris_claro>.container{
    margin-left:20px;
    padding-bottom: 20px;
}

#vtab {
            margin: auto;
            width: 80%;
            height: 100%;
        }
        #vtab > ul > li {
            width: 110px;
            height: 110px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab > ul > li.home {
            background: url('../images/home.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.login {
            background: url('../images/login.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.support {
            background: url('../images/support.png') no-repeat center center;
            background-size: 110px 110px;
        }
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab > div {
            background-color: #fafafa;
            margin-left: 110px;
            border: 1px solid #ddd;
            min-height: 500px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #800;
            font-size: 1.2em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }
        #loginForm label {
            float: left;
            width: 100px;
            text-align: right;
            clear: left;
            margin-right: 15px;
        }
        #loginForm fieldset {
            border: none;
        }
        #loginForm fieldset > div {
            padding-top: 3px;
            padding-bottom: 3px;
        }
        #loginForm #login {
            margin-left: 115px;
        }


/*   ========================================================================== */

        #tabContainer {
    /*width:700px;*/
    padding:15px;
    /*background-color:#2e2e2e;*/
    -moz-border-radius: 4px;
    border-radius: 4px; 
}

#tabs{
    /*height:30px;*/
    overflow:hidden;
}

#tabs > ul{
    font: 1em;
    list-style:none;
}

#tabs > ul > li{
    margin:0 2px 0 0;
    padding:7px 10px;
    display:block;
    float:left;
    color:#FFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius:4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; 
    background: #244B81; /* old browsers */
    }

#tabs > ul > li:hover{
    background: #1f2f4d; /* old browsers */
    cursor:pointer;
    color: #fff;
}

#tabs > ul > li.tabActiveHeader{
    background: #1f2f4d; /* old browsers */
    cursor:pointer;
    color: #fff;
}

#tabscontent {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; 
    padding:10px 10px 25px;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); /* webkit */
    margin:0;
    color:#333;
    min-height: 350px;
}
section, section p{
    font-family: 'colaborate-thinregular', sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    text-align: justify;
    color: black;
}