﻿@font-face{font-family: Confrotaa; src: url('../Fonts/Comfortaa Regular.ttf')}
@font-face {
    font-family: 'ConfrotaaThinIE';
    src: url('../Fonts/Comfortaa_Thin-webfont.eot?#iefix') format('embedded-opentype');
}
@font-face{font-family: 'ConfrotaaThin';
           src: url('../Fonts/Comfortaa_Thin.ttf');
}
@font-face{font-family: TrajanPro; 
           src: url('../Fonts/TrajanPro-Regular.ttf')
}
@font-face{font-family: 'TrajanProIE';
    src: url('../Fonts/trajan_pro.eot?#iefix') format('embedded-opentype');
}

@font-face{font-family: 'VerdanaIE';
    src: url('../Fonts/verdana.eot?#iefix') format('embedded-opentype');
}
/**@font-face{font-family: TrajanPro; src: url('../Fonts/TrajanPro-Regular.ttf')}*/

    body {font-family: Verdana, VerdanaIE; font-size: 10px;}
    a:link{color:#333333; text-decoration: none;} 
    a:visited{color:#333333;}
    a:hover{color: #D3B467;}
    .OrangeSmallFont{font-size: .7em;}

    .borradorLink:link{color:#333333;font-size: 1em;}
    .borradorLink:visited{color:#333333;;font-size: 1em;}
    .borradorLink:hover{color:#D3B467;font-size: 1em;}

    .centro{text-align: center;}

    .guayabaLink:link{color:#9A8959;}
    .guayabaLink:visited{color:#9A8959;}
    .guayabaLink:hover{color:white;}

    .footerLink:link{color:#D2B467;}
    .footerLink:visited{color:#D2B467;}
    .footerLink:hover{color:white;}

    .twitterLink:link{color:#907D46;}
    .twitterLink:visited{color:#907D46;}
    .twitterLink:hover{color:#29ABE1;}

    .rssLink:link{color:#907D46;}
    .rssLink:visited{color:#907D46;}
    .rssLink:hover{color:#F7921E;}

    .rssYellow:link{color:#907D46;}
    .rssYellow:visited{color:#907D46;}
    .rssYellow:hover{color:#E9A954;}

    .rssBlue:link{color:#907D46;}
    .rssBlue:visited{color:#907D46;}
    .rssBlue:hover{color:#4D95A9;}

    .blueWhite:link{color:#4D95A9;}
    .blueWhite:visited{color:#4D95A9;}
    .blueWhite:hover{color:white;}

    .hoverWhite:link{color:#333333;}
    .hoverWhite:Visited{color:#333333;}
    .hoverWhite:Hover{color:#D3B467;}

    .hoverBlack{color:#7A7A7A;}
    .hoverBlack:link{color:#D3B467;}
    .hoverBlack:Visited{color:#D3B467;}
    .hoverBlack:Hover{color:#907D46;}

    .pinkLink:link{color:#907D46;}
    .pinkLink:Visited{color:#907D46;}
    .pinkLink:Hover{color:#EB1E79;}

    .grayLink:link{color:#907D46;}
    .grayLink:Visited{color:#907D46;}
    .grayLink:Hover{color:#666666;}

    .blueText{color:#396E7C;}
    .burgandyText{color:#A53A35;}

    .paging{text-align:center;padding-top: 3%; padding-bottom: 3%;}
    .paging a{border: 1px solid #907D46; padding: .1% .6% .1% .6%; color:#907D46; }
    .paging a:hover{border: 1px solid #907D46; padding: .1% .6% .1% .6%; color:white; background-color:#907D46; }

    .paging .current{border: 1px solid #907D46; padding: .1% .6% .1% .6%; color:white; background-color:#907D46; }
    .yearLeyes{font-family: Verdana, VerdanaIE;
               font-size: .8em;
    }
    .orangeFont{color:#E9A954;}
    .upperText{text-transform: uppercase;}
    .fontTitleUnidades{font-family: Verdana, VerdanaIE; text-transform: uppercase;display: block;font-size: .8em; color: #907D46;}
    .fontSubTitleUnidades{font-family: Verdana,  VerdanaIE; color: #9A8959;display: block;font-size: 1em; font-weight: bold;}
    .fontSubTitleTalleres{font-family: Verdana, VerdanaIE; color: #D3B467;display: block;font-size: .8em; padding-top: 3%;padding-bottom: 1%;}

    .fontUnidades{font-family: Verdana, VerdanaIE;display: block;text-align: justify;font-size: .8em; color: #333333;}
    .fontDirector{font-family: Verdana, VerdanaIE;display: block;font-size: .8em; color:#333333;}
    .justificado{text-align: justify;}
    .fontHistoriador{font-family: Verdana, VerdanaIE;display: block;text-align: justify;font-size: .8em;color: #333333;}
    .fontWhite{color:#333333;}
    .fontUnidadesList{font-family: Verdana, VerdanaIE;display: block;padding-left: 15%;font-size: 1em;}
    .fontContactos{font-family: Verdana, VerdanaIE;color: #333333;text-transform: uppercase;font-size: .8em; }
    .fontContactosTitles{font-family: Verdana, VerdanaIE;color: #333333;text-transform: uppercase;font-size: .8em;}
    .lineContactos{font-family: Verdana, VerdanaIE;color: #907D46;font-size: 1em; text-transform: capitalize;}
    .listUnidades li{text-align: left;text-transform:none;text-align: justify;font-size: 1em;  }
    .listCircle li{text-align: left;text-transform:none;text-align: justify;font-size: 1em;  }
    ol.listCircle{ list-style-type: disc;display: block;margin: 3% 3% 3% 3%; color:#D3B467;}
    .marginLeft a:hover{color:white;}
    ol.listUnidades{ list-style-type: decimal;display: block;margin: 3% 3% 3% 3%;}
    /*    
    .fontDirector a:link{color: #D3B467;}
    .fontDirector a:visited{color: #D3B467;}
    .fontDirector a:hover{color: #D3B467;}

    .fontWhite{color:white;}
    .fontWhite a:link{color: #D3B467;}
    .fontWhite a:visited{color: #D3B467;}
    .fontWhite a:hover{color: #D3B467;}

     ol.listUnidades{ list-style-type: decimal;display: block;margin: 3% 3% 3% 3%;}
     ol.listCircle{ list-style-type: disc;display: block;margin: 3% 3% 3% 3%; color:#D3B467;}
     ol.listCircle a:link{color:white;}
     ol.listCircle a:visited{color:white;}
    */

    .menuA:link{color:white;}
    .menuA:Visited{color:white;}
    .menuA:Hover{color:#D3B467;}

    .imgBlueLink{width:500%;}
    .titleImages{width: 100%;}
    .titulosActualizaciones {
        text-transform: uppercase;
        text-align: center;
        font-size: 100%;
        letter-spacing: 1px;
        color: #F2F2F2;

        display: block;
        line-height: 30px;
        vertical-align: middle;
        background: -webkit-linear-gradient(left, #737376, #373738); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #737376, #373738); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #737376, #373738); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #737376, #373738); /* Standard syntax (must be last) */
        font-size: .8em;
        border-top: 1px dashed #323232;
        border-bottom: 1px dashed #323232;
                
    }

    .titulosSubActualizaciones {
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #907D46;
        background-color: transparent;
        line-height: 35px;
        font-size: .8em;
        white-space: nowrap;

    }
.actualizacionesResultados a {
        color: #D3B467;
    }

    .actualizacionesResultados {
        font-size: .8em;
        color: #D3B467;
        padding-left: 20px;
        line-height: 100%;
        text-align: left;
 
    }
.marginLeft{padding-left: 28%;font-size: .8em;}
.marginLeft a{ color: #D3B467;}
.paddingTop{padding-top: 5%; padding-left: 3%;}
.paddingBottom{padding-bottom:3%;}

    .bold {
        font-weight: bold;
    }

    .small {
        font-size: .8em;
    }

    img.imgLogo {
        width: 80%;
        height: auto;
        padding-top: 5%;
    }

    img.imgIconsVivo {
        width: 90%;
        height: auto;
        padding-left: 1%;
    }

    img.imgIconsCuerpos {
        width:80%;
        height: auto;
        padding-left: 1%;
    }

    .imgBoton {
        width: 25%;
        height: auto;
    }
    img.imgIconsServicios {
        width: 5%;
        height: auto;
        padding-top: .8%;
        padding-left: 3%;
    }
     .imgNuestraHistoria {
        width: 5%;
        height: auto;
        padding-top: .8%;
        padding-left: 3%;
    }
    img.imgIcons {
        width: 15%;
        height: auto;
    }

    img.imgTest {
        width: 100%;
        height: auto;
        border-bottom: 3px solid #D3B467;
    }

        img.imgUnidades {
        width: 75%;
        padding-bottom: 2%;
        height: auto;
    }

    img.imgIconsUnidades {
        width: 30%;
        height: auto;
    }

    img.imgIconsTres {
        width: 100%;
        height: auto;
    }

    img.imgIconsFooter {
        width: 75%;
        height: auto;

    }

    .divFoto {
        background-color: transparent;
    }

    img.imgNuevosServicios {
        width: 95%;
        height: auto;
    }
.movilView {display: none;
            visibility: hidden;
}
    .testBorder {
        background-image: url('../images/division-nuevos-servicios.png');
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 85%;
        border-top: 0px;
        background-color: transparent;
        color: white;
    }

    .testBorderTop {
        background-image: url('../images/division-nuevos-servicios.png');
        background-repeat: no-repeat;
        background-position: top;
        background-size: 85%;
        border-top: 0px;
        background-color: transparent;
        color: white;
    }

    .divBajoFoto {
        background-image: url('../images/unidades-bk.png'), url('../images/bk-guayaba-line.png');
        background-repeat: no-repeat, no-repeat;
        background-position: top, bottom;
        background-size: 100%,90%;
        border-top: 0px;
        background-color: transparent;
        color: white;
    }

    .divNuevoServicio {
        background-color: transparent;
        color: white;
    }

    .menu {
        text-align: center;
    }

    .menu-menu {
        background-color: #D9DADB;
        text-align: center;
        position: relative;
    }

    .menu-top {
        background-color: #D9DADB;
        text-align: right;
        color: #F2F2F2;
        text-transform: uppercase;
        background-image: url('../images/ribbon-background.jpg');
        background-repeat: no-repeat;
        background-position: right;
    }

    .menu-background {
        /**
        background-image: url('../images/top-background.png');
        background-repeat: repeat-x;
            */
    }

    .divBajoFoto {
        background-color: transparent;
        padding-bottom: 2%;
        text-align: center;
        padding-top: 1%;
        font-family: Verdana, VerdanaIE;
    }

    .smallFont {
        font-family: Verdana, VerdanaIE;
        font-size: .6em;
    }

    .bigFont {
         font-family: Verdana, VerdanaIE;
        font-size: .8em;
        color: #907D46;
    }

    .divNuevoServicio {
        padding-top: 1%;
        text-transform: uppercase;
    }

    .divTres {
        padding-top: 5%;
    }

    .bkActualizaciones {
        background-image: url('../images/bk-actualizaciones.png');
        background-repeat: repeat-x;
        background-position: bottom;
    }

    .footer {
        background-color: transparent;
        width: 100%;
        font-size: .6em;
    }

    .divScroller {
        background-color: transparent;
        color: #7A7A7A;
        padding-top: 3%;
        width: 100%;
    }

    .divSeparatorScroller {
        padding-bottom: 10px;
        border: 5px solid transparent;
        background-color: transparent;
    }

    .tramite {
        font-size: .8em;
        text-align: right;
        text-transform: uppercase;
    }

    .full {
        width: 94%;
        background-color: #FFFFFF;
        border: 1px solid #B3B3B3;
    }
    .tramiteButton{text-align: right; padding-top: 1%;}
    .tblActualizaciones{text-align: left;margin-left: 2%;}
            .franja{width: 100%; background-color: #D3B467; height: 35px; color: white; text-align: center; font-family: 'Century Gothic'; padding-top:8px; visibility: visible; }