/*  ESTILO LOGIN  */

@import url('shortcodes.css');
@import url('../fontawesome/css/font-awesome.css');

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

.estilo1 {
    font-family: "gothic";
    font-size: 15px;
    color: #f00;
    letter-spacing: -0.025em;
    padding-bottom: 4px;
}

@media (max-width: 1024px) {
    .estilo1 {
        font-size: 14px;
    }
}

.estilo2 {
    font-family: "gothic";
    font-size: 13px;
    color: #a8a8a8;
    letter-spacing: -0.015em;
}

@media (max-width: 1024px) {
    .estilo2 {
        font-size: 11px;
    }
}

.estilo3 {
    font-family: "Lato";
    font-size: 15px;
    color: #fff;
}

.estilo4 {
    font-family: "gothic";
    font-size: 12px;
    color: #ffbcbf;
}

.estilo5 {
    font-family: "Lato";
    font-size: 14px;
    color: #666666;
}

.estilo6 {
    font-family: "Lato";
    font-size: 12px;
    color: #333;
}

.estilo7 {
    font-family: "gothic";
    font-size: 14px;
    color: #f00;
}

.estilo8 {
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    text-shadow:3px 3px 3px #343434;
}
.txtamarillo {
    color: #feed07 !important;
}
.m-t-60 {
    margin-top: 60px;
    float: left !important;
    width: 100% !important;
}

.estilo9 {
    color: #666;
    font-size: 13px;
    font-family: 'gothic';
}

.estilo10 {
    font-size: 19px;
    font-family: 'gothic';
}

.cambio_text {
    color: #666;
    padding: 5px 15px 5px;
    border: 1px solid #c0c0c0;
    font-family: Lato;
    margin-bottom: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .cambio_text:focus {
        border: 1px solid #ddd;
        background: #fbfbfb;
        color: #999;
        outline: 0;
    }

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

/**
 * 1.0 Reset
 *
 *
 * -----------------------------------------------------------------------------
 */

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Clearfix 
======================================================================== */

.clear {
    clear: both;
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* 
 General 
======================================================================== */

body, input, select, textarea {
    font-family: 'gothic';
    letter-spacing: -0.020em;
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
}

figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}

/* Links
======================================================================== */

a {
    color: #3888c8;
    text-decoration: none;
}

    a:hover, a:active {
        outline: 0;
        color: #444444;
    }

/* Headings
======================================================================== */

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-weight: 300;
    line-height: normal;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-size: small;
        font-weight: normal;
        letter-spacing: normal;
    }

h1 small {
    font-size: 20px;
}

h2 small {
    font-size: 16px;
}

h3 small {
    font-size: 14px;
}

h4 small {
    font-size: 12px;
}

/* Layout and Grid
======================================================================== */

#wrapper {
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
}

#boxed #wrapper {
    width: 1280px;
    -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);
}

.inner {
    position: relative;
    width: 1170px;
    margin: 0 auto;
}

    .inner:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.one_half {
    width: 49%;
}

.one_third {
    width: 32%;
}

.two_third {
    width: 66%;
}

.one_fourth {
    width: 23.5%;
}

.one_fifth {
    width: 18.4%;
}

.three_fourth {
    width: 74.5%;
}

.four_fifth {
    width: 79.4%;
}

.two_fifth {
    width: 38.8%;
}

.three_fifth {
    width: 59.2%;
}

.one_sixth {
    width: 15%;
}

.five_sixth {
    width: 82.7%;
}

.one_half,
.one_third,
.two_third,
.one_fourth,
.one_fifth,
.four_fifth,
.one_sixth,
.five_sixth,
.two_fifth,
.three_fifth,
.three_fourth {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 15px;
}

.last {
    margin-right: 0 !important;
}


/* Fullwidth Section */
.section_fullwidth {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
}

.section_inner {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
}

.section_fullwidth a {
}

    .section_fullwidth a:hover {
    }

/* Left Right Sidebar
======================================================================== */

.leftsidebar #sidebar {
    position: relative;
    float: left;
    width: 300px;
}

    .leftsidebar #sidebar .content {
        padding: 0 40px 0px 0;
    }

.leftsidebar .content-area {
    float: right;
    width: 870px;
}

.rightsidebar #sidebar {
    position: relative;
    float: right;
    width: 300px;
}

    .rightsidebar #sidebar .content {
        padding: 0 0 0 40px;
    }

.rightsidebar .content-area {
    float: left;
    width: 870px;
}

.content-area img {
    max-width: 100%;
}

/* Featured Slider
======================================================================== */

#featured_slider {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.slider_wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.slider_stretched {
    max-width: 100%;
}

/* Logo Site title Description
======================================================================== */

.logo {
    position: relative;
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.logo_contraloria {
    /*position: relative;
	    display: inline-block;
	    float:left;
	    vertical-align: middle;*/
    text-align: right;
}

/* Logo Text */

.logo > a {
}

.logo img {
    transform: scale(1);
}

/* Header Style 1 (default)
======================================================================== */

#header {
    position: relative;
    padding-top: 15px;
    z-index: 20;
}

    #header .primarymenu {
        float: right;
    }

.header {
    min-height: 60px;
}

    #header, .header:after {
        clear: both;
        content: "";
        display: block;
    }

.menuwrap:after, .menuwrap:before {
    display: block;
    content: " ";
    clear: both;
}

#header .atp_ajaxcart {
    position: relative;
    margin-top: 0;
    padding: 0 10px;
    border: 1px solid #DDDDDD;
    border-width: 0 1px 0 1px;
    background-color: #FFFFFF;
}

/* Fixed Header
======================================================================== */

.fixed-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 10px 0;
    z-index: 3000;
    background-color: #ffffff; /* IE Fall Back*/
    background-color: rgba(255,255,255,0.95); /* Latest Browsers */
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

#fixedheader .primarymenu {
    float: right;
}

/* arrows (for all except IE7) */

.sf-arrows .sf-with-ul {
    padding-right: 1.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}

    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        position: absolute;
        content: '\f107';
        font-family: 'FontAwesome';
        font-size: 13px;
        top: 28%;
        right: 5px;
    }

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: 3px;
    margin-right: 10px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 13px;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

/* Right Sidebar Nav */
.rightsidebar .sub_nav li.current_page_item > a,
.rightsidebar .sub_nav li.current_page_item > a:hover {
    background-image: url(images/sub_arrowleft.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}

/* Left Sidebar Nav */
.leftsidebar .sub_nav li.current_page_item > a,
.leftsidebar .sub_nav li.current_page_item > a:hover {
    background-image: url(images/sub_arrowright.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.sub_nav li.current_page_item > a,
.sub_nav li.current_page_item > a:hover {
    position: relative;
    margin: 0 -7px;
    padding: 11px 25px;
    zoom: 1;
    color: #ffffff;
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,0.1), inset -1px 0 0 rgba(0,0,0,0.1);
}

.sub_nav li a:hover {
    background-color: #f5f5f5;
}

.sub_nav li:first-child a {
    border-top-color: #e8e8e8;
}

.sub_nav li:last-child a {
    border-bottom-color: #e8e8e8;
}

.sub_nav li.current_page_item > a,
.sub_nav li.current_page_item > a:hover {
    background-color: #3888c8;
    color: #ffffff;
}

/* 
 Footer Copyright
======================================================================== */

#footer {
    position: relative;
    background-color: #1a405e;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0 0 0;
    color: #869aaf;
}

    #footer a:hover {
        color: #ffffff;
    }

/* 
 Copyright
======================================================================== */

.copyright {
    background-color: /*#092c45*/ #f4f4f4;
    font-family: "gothic";
    letter-spacing: -0.015em;
    color: #333;
    font-size: 13px;
    padding: 20px 0;
    position: relative;
}

    .copyright p {
        margin-bottom: 0;
    }

.copyright_left {
    float: left;
    width: 50%;
}

.copyright_right {
    float: right;
    width: 50%;
    text-align: right;
}

/* 
Back to Top
======================================================================== */

#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}

    #back-top a {
        width: 44px;
        display: block;
        text-align: center;
        font: 11px/100% Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #bbb;
        /* transition */
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }

        #back-top a:hover {
            color: #000;
        }

    /* arrow icon (span tag) */

    #back-top span {
        width: 40px;
        height: 40px;
        display: block;
        background: #444444 url(../images/top_arrow.png) no-repeat center center;
        border: 2px solid transparent;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }

    #back-top a:hover span {
        width: 40px;
        height: 40px;
        display: block;
        background: #c00000 url(../images/top_arrow.png) no-repeat center center;
        border: 2px solid transparent;
    }

/* 
 Appointment Section
======================================================================== */

.iva_appt_section { /* color fondo login */
    background-color: /*#1a405e*/ #ee3a43;
    margin: 0;
    overflow: visible;
    padding: 40px 0 0 0;
    position: relative;
    width: 100%;
    color: #ffffff;
}

    .iva_appt_section:after {
        clear: both;
        content: '';
        display: block;
    }

.iva_appt_inner {
    margin: 0 auto;
    width: 1170px;
}

    .iva_appt_inner:after {
        clear: both;
        content: "";
        display: block;
    }

.iva_apptform_wrap {
    position: relative;
    margin: 0 auto;
}

    .iva_apptform_wrap .input-col {
        position: relative;
        display: inline-block;
        width: 25%;
    }

.iva_appt_content input {
    background: url("../images/iconos.gif") no-repeat scroll 0 0 transparent;
    background-color: #d62f36;
    margin-bottom: 0px !important;
    /*background: #ffffff#d62f36;*/
    border: none;
    border-bottom: 0px solid #ffffff;
    color: /*#444444*/ #f;
    font-size: 14px;
    margin-top: 0;
    /*padding: 8px 12px;*/
    transition: all 300ms ease-in 0s;
    width: 100%;
    /*border:1px solid #cecece;
        -webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);
        box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);*/
}

input.usuario {
    background-position: 13px 11px;
    padding: 10px 5px 10px 44px;
    color: #fff;
    text-transform: uppercase;
}

input.contrasena {
    background-position: 13px -21px;
    padding: 10px 5px 10px 44px;
    color: #fff;
}

input.security {
    background-position: 13px -54px;
    padding: 10px 5px 10px 15px;
    color: #fff;
    text-transform:uppercase;
}

input.fecha_nac {
    background-position: 13px -90px;
    padding: 10px 5px 10px 44px;
    color: #fff;
}

input.numeral {
    background-position: 13px -125px;
    padding: 10px 5px 10px 44px;
    color: #fff;
    margin-top: 10px;
}

.combo_login {
    background-color: #fff;
    font-family: 'gothic';
    letter-spacing: -0.025em;
    border: none;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    color: /*#444444*/ #a0a0a0;
    font-size: 14px;
    padding: 10px 55px 10px 10px !important;
    height: 41px !important;
}

.iva_appt_content input::-webkit-input-placeholder {
    color: #fff;
}

.iva_appt_content input:-moz-placeholder {
    color: #666666;
}

.iva_appt_content input:focus {
}

.iva-timeslot-radio {
    border: 3px solid #ffffff;
    margin: 0 5px 10px 0;
    display: none;
    cursor: pointer;
    float: left;
}

.iva-appt-time-slot {
    font-size: 12px;
    margin: 0 5px 5px 0;
    position: relative;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    color: #666666;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .iva-appt-time-slot.disabled {
        cursor: default;
        background-color: #F2DEDE;
        color: #B54442;
    }

.iva-appt-time-slot-selected {
    background-color: #3fb0e7;
    color: #ffffff;
}

.iva_appt_time_slots {
    display: inline-block;
    width: 33.3%;
}

.iva_appt_checkbox {
    display: inline-block;
    float: left;
}

.iva-appt-time-slot i {
    margin-right: 5px;
}


/* 
 Next previous navigation
======================================================================== */

.iva-np-headwrap {
    display: table;
    min-height: 100px;
    margin-bottom: 30px;
    background-image: url('images/patterns/line_pat.png');
    width: 100%;
    position: relative;
}

.iva-np-allitems {
    background-color: #3888c8;
    display: table-cell;
    width: 100px;
    min-height: 100px;
    vertical-align: middle;
    z-index: 2;
    text-align: center;
}

    .iva-np-allitems a {
        color: #ffffff;
        margin: auto;
        vertical-align: middle;
    }

.iva-np-title {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

    .iva-np-title h2 {
        margin-bottom: 0;
        font-weight: bold;
    }

.iva-np-navs {
    display: table-cell;
    width: 100px;
    min-height: 100px;
    background-color: #ffffff;
    z-index: 3;
}

.iva-np-pagination {
    vertical-align: middle;
    margin: auto;
    display: table;
}

    .iva-np-pagination i {
        padding: 38px 17px;
    }

    .iva-np-pagination a {
        display: table-cell;
        color: #666666;
    }

        .iva-np-pagination a:hover,
        .iva-np-pagination a:hover {
            color: #4abdd4;
        }

/*----------------------------------------------------------------------------------*/

.combo1 {
    background-color: #fff;
    font-family: "gothic";
    margin-bottom: 0px !important;
    /*background: #ffffff#d62f36;*/
    border: none;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    color: /*#444444*/ #a0a0a0;
    font-size: 14px;
    margin-top: 0;
    padding: 10px 12px 11px;
    /*transition: all 300ms ease-in 0s;*/
    width: 85%;
    /*border:1px solid #cecece;
	    -webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);
	    box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);*/
}

.text_contrasena {
    background-color: #fff;
    font-family: "gothic";
    margin-bottom: 0px !important;
    /*background: #ffffff#d62f36;*/
    border: none;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    color: /*#444444*/ #a0a0a0;
    font-size: 14px;
    margin-top: 0;
    padding: 9px 12px 12px;
    /*transition: all 300ms ease-in 0s;*/
    width: 85%;
    /*border:1px solid #cecece;
        -webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);
        box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);*/
}

.combo_olvido_contrasena {
    background-color: #fff;
    font-family: "gothic";
    margin-bottom: 0px !important;
    /*background: #ffffff#d62f36;*/
    border: none;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    color: /*#444444*/ #a0a0a0;
    font-size: 14px;
    margin-top: 0;
    padding: 5px 12px 8px;
    /*transition: all 300ms ease-in 0s;*/
    width: 83%;
    /*border:1px solid #cecece;
        -webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);
        box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);*/
}

.text_olvido_contrasena_captcha {
    background-color: #fff;
    font-family: "gothic";
    margin-bottom: 0px !important;
    /*background: #ffffff#d62f36;*/
    border: none;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    color: /*#444444*/ #a0a0a0;
    font-size: 14px;
    margin-top: 0;
    padding: 5px 12px 10px;
    /*transition: all 300ms ease-in 0s;*/
    width: 83%;
    /*border:1px solid #cecece;
        -webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);
        box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);*/
}

.text_contrasena_captcha {
    background-color: #fff;
    font-family: "gothic";
    margin-bottom: 0px !important;
    /*background: #ffffff#d62f36;*/
    border: none;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    color: /*#444444*/ #a0a0a0;
    font-size: 14px;
    margin-top: 0;
    padding: 9px 12px 12px;
    /*transition: all 300ms ease-in 0s;*/
    width: 25%;
    /*border:1px solid #cecece;
        -webkit-box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);
        box-shadow:inset 0 0 3px 2px rgba(0,0,0,0.15);*/
}

.btn_olvido_contrasena {
    color: #fff;
    font: 2.4em Lato;
    font-size: 70%;
    padding: 12px;
    background-color: rgba(60,60,60,1);
    border: 1px solid #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 1px;
    border-bottom: 1px solid #9f9f9f;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    cursor: pointer;
}

    .btn_olvido_contrasena:hover {
        background-color: rgba(60,60,60,0.9);
    }

.btn-login {
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    font-family: Lato;
    font-size: 0.909em;
    font-weight: normal;
    padding: 11px 16px 11px 16px;
    border: 1px solid #000;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    background: -webkit-linear-gradient(#414141, #2a2a2a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#414141, #2a2a2a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#414141, #2a2a2a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#414141, #2a2a2a); /* Standard syntax */
}

    .btn-login:link, .btn-login:hover {
        color: #fff;
        text-shadow: 0px 1px 1px #000;
        font-family: Lato;
        font-size: 0.909em;
        font-weight: normal;
        padding: 11px 16px 11px 16px;
        border: 1px solid #000;
        cursor: pointer;
        text-transform: uppercase;
        border-radius: 3px;
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        background: -webkit-linear-gradient(#414141, #2a2a2a); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#414141, #2a2a2a); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#414141, #2a2a2a); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#414141, #2a2a2a); /* Standard syntax */
    }

.btn_black {
    color: #fff;
    font-family: 'gothic';
    font-size: 12px;
    padding: 8px 30px 8px 30px;
    background-color: rgba(60,60,60,1);
    border: 1px solid #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 1px;
    border-bottom: 1px solid #9f9f9f;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    cursor: pointer;
}

    .btn_black:hover {
        color: #fff;
        text-decoration: none;
    }

.titulo_alert {
    font-family: "gothic";
    font-size: 16px;
    color: #d93c41;
    position: absolute;
    margin-top: 10px;
    width: 335px;
    line-height: 1.25em;
}


.titulo_alert2 {
    font-family: "gothic";
    font-size: 16px;
    color: #d93c41;
    position: relative;
    margin-top: 10px;
    width: 335px;
    line-height: 1.25em;
}

.columna_informacion {
    width: 33.3%;
    float: left;
}

input.usuario::-webkit-input-placeholder {
    text-transform:none;
}

input.usuario:-moz-placeholder { /* Firefox 18- */
    text-transform:none;
}

input.usuario::-moz-placeholder {  /* Firefox 19+ */
    text-transform:none;
}

input.usuario:-ms-input-placeholder {  
    text-transform:none;
}

input.security::-webkit-input-placeholder {
    text-transform:none;
}

input.security:-moz-placeholder { /* Firefox 18- */
    text-transform:none;
}

input.security::-moz-placeholder {  /* Firefox 19+ */
    text-transform:none;
}

input.security:-ms-input-placeholder {  
    text-transform:none;
}




@media (max-width: 959px) {

    .columna_informacion {
        width: 90%;
        float: left;
        margin-top: 8px;
        margin-bottom: 8px;
    }
}

@media (max-width: 1024px) {
    #messageRecovery {
        left: 292px !important;
        top: 258px !important;
    }
}