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

	Style.css

	Created by:	Dave Rupert
	Contact:		http://github.com/davatron5000/foldy960

	Copyright 2012
	License:	  WTFPL + "Not going to maintain this because
              the rent is too damn high licence."

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

/* Responsive Resets
-------------------------------------------------------------- */

@-o-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

html {
    overflow-y: auto;
}

img,
audio,
video,
canvas {
    max-width: 100%;
}

/* Grid > 6 Column Mobile First
-------------------------------------------------------------- */
.container {
    /*
    The `max-width` property is the width governer. I dare you to experiment
    with setting this larger, something like 1280px.
  */
    /*max-width: 1280px;*/
    width: 100%;
    /*max-width:1880px;
    min-width:320px;*/
    margin: 0px auto;
    position: relative;
}

.row {
    clear: both;
}

@media screen and (min-width: 480px) {
    .container {
        width: 100%;
    }

    .grid-1,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-half,
    .grid-full,
    .grid-unit {
        float: left;
        width: 96.969696969697%;
        margin: 0 1.515151515152% 1em;
    }

    .gallery .grid-unit,
    .grid-half {
        width: 46.969696969697%;
        margin: 0 1.515151515152% 1em;
    }

    .grid-flow-opposite {
        float: right
    }
}

@media screen and (min-width: 640px) {
    .grid-1 {
        width: 13.636363636364%;
    }

    .grid-2 {
        width: 30.30303030303%;
    }

    .grid-3,
    .grid-half {
        width: 46.969696969697%;
    }

    .grid-4 {
        width: 63.636363636364%;
    }

    .grid-5 {
        width: 80.30303030303%;
    }

    .grid-6,
    .grid-full {
        width: 96.969696969697%;
    }

    .gallery .grid-unit {
        width: 30.30303030303%;
    }

    .content-pad-right {
        padding-right: 4%; /* Use (or don't) as necessary. */
    }

    .content-pad-left {
        padding-left: 4%;
    }
}

/* Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
For best results, use your favorite clearfix here.
-------------------------------------------------------------- */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}
/* For IE 6/7 (trigger hasLayout) */

/* Layout
-------------------------------------------------------------- */
/*body {
  font: 100%/1.5 sans-serif;
}*/

section {
    margin-bottom: 2em;
}

footer {
    font-size: 0.9em;
    border-top: 1px solid #ccc;
    padding: 0.5em 0 2.5em;
}

/* Typography
-------------------------------------------------------------- */
.heading {
    font-size: 3em;
    margin: 0;
}

.sub-heading {
    font-size: 2em;
    margin-bottom: 0.5em;
}

a {
    color: #0066cc;
}

    a:focus,
    a:hover {
        color: #003399;
    }

/* Elements
-------------------------------------------------------------- */
figure {
    margin: 0;
    background: #f8f8f8;
}

figcaption {
    padding: 0.5em 1em 1em;
    font-size: 0.875em;
}

code {
    padding: 0.5em;
    background: #efefef;
}

/* Helpers
-------------------------------------------------------------- */
.show-grid div[class*='grid-'] {
    background-color: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    text-align: center;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}



/*----------------------------------------------------------
The base color for this template is #90904B. If you'd like
to use a different color start by replacing all instances of
#90904B with your new color.
----------------------------------------------------------*/
body {
    /*background-color: #90904B;*/
    /*font-size: .85em;*/
    font-size: 12px;
    font-family: "Monserrat-Regular", Monserrat-Bold, Monserrat-Italic;
    margin: 0;
    padding: 0;
    color: #696969;
}

/*a:link {
    color: #034af3;
    text-decoration: underline;
}*/
a:link {
    color: floralwhite;
    text-decoration: none;
}

/*a:visited {
    color: #505abc;
}*/
a:visited {
    color: aliceblue;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
    cursor: pointer;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 2.5em;
    color: #696969;
}


.textoborde {
    border-style: solid;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

    header h1, #header h1 {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
        text-shadow: 1px 1px 2px #111;
    }

#main {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer,
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/


/*u#tabs li a {
    background:#90904B;
    border-color:#5e0000;
    color:#ffffff;
}

#tabs li a:hover {
    background:#5e0000;
    border-color:#5e0000;
    color:#ffffff;
   }

#tabs li a:selected{
    border:2px solid; 
    height:1.8em;
    border-bottom:none !important;
    background:#5e0000;
    
}

#tabs li a:focus{
    background:#5e0000;
    
}

#tabs active a{
   background-color:Fuchsia;
}
l#menu li.activa{
    background-color:Fuchsia;
}*/


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

/*legend {
    font-size: 1.2em;
    font-weight: bold;
}*/

textarea {
    min-height: 75px;
}

input[type="text"]:not(.input_unstyled),
input[type="password"]:not(.input_unstyled) {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 14px;
    color: #444;
    width: 200px;
}

select:not(.input_unstyled) {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

    table td {
        padding: 5px;
        border: solid 1px #e8eef4;
    }


    table th {
        padding: 6px 5px;
        text-align: left;
        background-color: #006533;
        border: solid 1px #006533;
    }

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav,
#menucontainer {
    margin-top: 40px;
}

/*div#title {
    display: block;
    float: left;
    text-align: left;
}*/

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

    #logindisplay a:link {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}
/* estilos para submenu  */
/* TAB SUBMENU   
----------------------------------------------------------*/
ul#submenu {
    border-bottom: 1px #90904B solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: left;
}

    ul#submenu li {
        display: inline;
        list-style: none;
    }

        ul#submenu li#greeting {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            color: #fff;
        }

        ul#submenu li a {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            background-color: #e8eef4;
            color: #034af3;
            border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
        }

            ul#submenu li a:hover {
                background-color: #fff;
                text-decoration: none;
            }

            ul#submenu li a:active {
                background-color: #a6e2a6;
                text-decoration: none;
            }

        ul#submenu li.selected a {
            background-color: #fff;
            color: #000;
        }

nav,
#submenucontainer {
    margin-top: 40px;
}

/* fin estilos para submenu*/

/* Estilos para Menu*/

A:link {
    text-decoration: none;
    color: #000000;
}

A:visited {
    text-decoration: none;
    color: #FFFFFF;
}

A:active {
    text-decoration: none;
    color: #006533;
}

A:hover {
    text-decoration: none;
    color: #006533;
    font-weight: bold;
}

A.style_menu_huerfano:link {
    text-decoration: none;
    color: #FFFFFF;
}

A.style_menu_huerfano:visited {
    text-decoration: none;
    color: #FFFFFF;
}

A.style_menu_huerfano:active {
    text-decoration: none;
    color: #FFFFFF;
}

A.style_menu_huerfano:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.style_menu_padre {
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    background-repeat: no-repeat;
    height: 20px;
    background-color: #006533;
    /*background-color:#5e0000;*/
    cursor: pointer;
}

.style_menu_huerfano {
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background-repeat: no-repeat;
    height: 20px;
    background-color: #90904B;
    /*background-color:#5e0000;*/
    cursor: pointer;
}

.style_menu_huerfanoover {
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background-repeat: no-repeat;
    height: 20px;
    background-color: #006533;
    cursor: pointer;
}

.style_menu_hijoover {
    text-align: left;
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    cursor: pointer;
    line-height: normal;
    font-style: normal;
}

.style_menu_hijoout {
    text-align: left;
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    background-repeat: no-repeat;
    background-color: #c6cca0;
    cursor: pointer;
    line-height: normal;
    font-style: normal;
}
/*Fin estilos Menus*/



/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

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

.ui-helper-clearfix {
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}
/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jquit.com/builder/#gcc=ffffff&gcb=d4d4d4&gct=525252&gci=d4d4d4&pcc=d4d4d4&acb=525252&o=ffffff&ghc=3399ff&ght=ffffff&ghi=ffffff&gdc=d4d4d4&gdb=d4d4d4&gdt=525252&tdc=3399ff&tdb=3399ff&tdt=ffffff&tdi=ffffff&ddc=d4d4d4&ddb=d4d4d4&ddt=525252&pxd=000000&asc=3399ff&ast=ffffff&goc=66B3FF&gob=66B3FF&got=ffffff&toc=66B3FF&tob=66B3FF&tot=ffffff&toi=ffffff&doc=66B3FF&dob=66B3FF&dot=ffffff&pxa=525252&gac=3399ff&gab=3399ff&gat=ffffff&tac=ffffff&tab=d4d4d4&tat=525252&tai=d4d4d4&dac=3399ff&dab=3399ff&dat=ffffff&dic=d4d4d4&dib=3399ff&dit=ffffff&gic=efdca9&gib=efdca9&git=525252&gii=525252&ec=c31d1d&eb=c31d1d&et=ffffff&ei=ffffff
 */


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #F7F7F7;
    background: #ffffff;
    color: #444444;
}

    .ui-widget-content a {
        color: #90904b;
    }

.ui-widget-header {
    border: 1px solid #90904b;
    background: #dddddd;
    color: #444444;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #FFF;
    }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #cccccc;
        background: #ffffff;
        color: #444444;
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #444444;
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #ff0084;
        background: #ffffff;
        color: #222222;
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #222222;
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #222222;
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: normal;
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
/*.ui-icon-triangle-1-e { background-position: -32px -16px; }*/
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}




/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
    background: #eeeeee;
    opacity: .80;
    filter: Alpha(Opacity=80);
    height: 2500px
}

.ui-widget-shadow {
    margin: -4px 0 0 -4px;
    padding: 4px;
    background: #aaaaaa;
    opacity: .60;
    filter: Alpha(Opacity=60);
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
/*.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
*/

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute; /*top: 50%;*/
    margin-top: -12px;
}

.ui-button-icon-only .ui-icon { /*left: 50%;*/
    margin-left: -12px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .35em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .35em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .35em;
}














/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 2px;
        bottom: 2px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }
/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .4em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: normal;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

/* General */
/*html{background-color:#ffffff;}*/
.ui-widget {
    font-family: "Segoe UI", Helvetica, Verdana;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 2px solid #dddddd;
    background: inherit;
    font-weight: bold;
    text-decoration: none;
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        text-decoration: none;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: bold;
    color: #ffffff;
    border-width: 2px;
}

    .ui-state-hover a, .ui-state-hover a:hover {
        color: #ffffff;
        text-decoration: none;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #dddddd;
    font-weight: bold;
    color: #ff0084;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #ff0084;
        text-decoration: none;
    }

.ui-widget :active {
    outline: none;
}

/* Accordion */
.ui-accordion-header {
    border: 2px solid;
}

.ui-accordion .ui-accordion-header {
    margin-top: 2px;
}

.ui-accordion-content {
    border: 2px solid;
    border-top: none;
    margin-bottom: 3px !important;
}

.ui-accordion .ui-accordion-header a {
    font-size: 1.0em;
    padding: .6em .3em .5em 2.9em;
    font-weight: bold;
}

.ui-accordion > .ui-state-active a, .ui-accordion > div > h3.ui-state-active a {
    padding-bottom: .8em;
}
/*.ui-accordion .ui-accordion-header .ui-icon{margin-top:-12px;}*/
.ui-accordion > .ui-state-active, .ui-accordion > div > h3.ui-state-active {
    border-bottom: none !important;
}

.ui-accordion-header > .ui-icon {
    margin: 4px;
}

/* Tabs */
.ui-tabs {
    padding: 0;
    border: none;
}

.ui-tabs-nav {
    padding: 0px 0px 0px 0px !important;
    border: none;
    border-bottom: 2px solid;
    background-color: #ffffff;
}
    /*.ui-tabs-nav .ui-state-default{border:none;padding:0px !important;margin-right:2px !important;background:none !important;}*/
    .ui-tabs-nav .ui-state-default a {
        border: 0px solid;
        position: relative;
        top: 1px;
        font-weight: bold;
    }

    .ui-tabs-nav .ui-tabs-selected a {
        border: 2px solid;
        height: 1.8em;
        border-bottom: none !important;
    }

.ui-tabs .ui-widget-content {
    border: 1px solid !important;
    border-top: 1px solid !important;
}

.ui-tabs-nav .ui-state-hover {
    border: none;
}


/* Dialog */
.ui-dialog {
    border-width: 2px;
    padding: 0;
}

.ui-dialog-titlebar {
    border: none;
    border-bottom-width: 2px;
    padding: .6em 1em .6em 1em !important;
    font-weight: bold;
    font-size: 1.1em;
}

.ui-dialog-buttonpane {
    border-top-width: 2px !important;
    margin-top: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 24px;
    height: 24px;
    margin: -13px 0px 0px 0px;
    padding: 0;
}

.ui-dialog-titlebar-close > .ui-icon {
    margin: 4px !important;
}

/* Datepicker*/
.ui-datepicker {
    border: 2px solid;
    padding: 0 !important;
}

    .ui-datepicker .ui-datepicker-header {
        border: none;
        padding: .4em 1em .4em 1em;
    }

        .ui-datepicker .ui-datepicker-header .ui-state-default, .ui-datepicker .ui-datepicker-header .ui-state-hover {
            background: none;
            border: none;
            padding: 0;
        }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        width: 24px;
        height: 24px;
        margin: 0;
    }

        .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
            position: relative;
            top: 0;
            left: 0;
            margin: 0;
        }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
        top: 2px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
        top: 2px;
    }

    .ui-datepicker table {
        margin: 0px;
        border: 1px solid;
    }

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-active {
    border-width: 2px;
}

.ui-datepicker .ui-icon {
    margin: 4px !important;
}

/* Button */
.ui-button {
    border-width: 2px !important;
    border-bottom-style: solid;
    font-weight: bold !important;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -1px;
}

/* Additional states */
.ui-state-highlight {
    border: 2px solid;
}

.ui-state-error {
    border: 2px solid;
}
/*.ui-state-highlight .ui-icon, .ui-state-error .ui-icon{position:relative;top:-4px;}*/

/* Slider */
.ui-slider {
    border: none;
}

    .ui-slider .ui-slider-handle {
        width: .8em;
        height: .8em;
        border: none;
        margin: -.4em;
    }

.ui-slider-horizontal .ui-slider-handle {
    margin-top: 0;
    top: 0;
}

.ui-slider-vertical .ui-slider-handle {
    margin-left: 0;
    left: 0;
}

/* Progressbar */
.ui-progressbar {
    border: none;
    height: 0.8em;
}

    .ui-progressbar .ui-progressbar-value {
        border: none;
    }

/* Autocomplete */
.ui-autocomplete {
    border: solid 2px #bbbbbb;
    padding: 0;
}

    .ui-autocomplete .ui-menu-item a {
        padding: 5px;
        border: none;
        margin: 0 !important;
    }

/* Icon states */
.ui-icon {
    width: 16px;
    height: 16px;
}
/* General */
.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_d4d4d4_0.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_525252_0.png)
}

.ui-state-active .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_ffffff_0.png);
}

.ui-widget-overlay {
    background: #333333;
}
/*.ui-widget-content{color:#ffffff;}*/





/* Button states */
.ui-state-default, .ui-widget-content .ui-state-default {
    background-color: #c5b097;
    border-color: #c5b097;
    color: #ffffff !important;
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
    background-color: #006533;
    border-color: #006533;
    color: #ffffff !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
    background-color: #006533;
    border-color: #006533;
    color: #ffffff !important;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #006533;
    border-color: #006533;
    color: #ffffff !important;
}


/* Accordion */
.ui-accordion-content {
    border-color: #c5b097;
    background: #ffffff
}

.ui-accordion-header.ui-state-active, .ui-accordion-header.ui-state-active.ui-state-hover {
    background-color: #90904b !important;
    color: #90904b;
    border-color: #c5b097 !important;
}

    .ui-accordion-header.ui-state-active a {
        color: #90904b !important;
    }

.ui-accordion-header.ui-state-default {
    border-color: #006533#006533#006533 !important;
    background: #006533;
}
    /*.ui-accordion-header.ui-state-default{border-color:#A10066;background:#A10066;}
.ui-accordion-header.ui-state-default{border-color:#0055CC #0055CC #003580 !important;background:#A10066;}
*/

    /*4A8FE8 A7CCFC */
    .ui-accordion-header.ui-state-default a {
        color: #ffffff;
    }

.ui-accordion-header.ui-state-hover {
    background-color: #006533;
    border-color: #006533;
}

    .ui-accordion-header.ui-state-hover a {
        color: #ffffff;
    }

.ui-accordion-header.ui-state-active .ui-icon {
    background-color: #006533;
}

.ui-accordion-header.ui-state-default .ui-icon {
    background-color: #006533;
}

.ui-accordion-header.ui-state-hover .ui-icon {
    background-color: #006533;
}

.ui-accordion-header {
    background-color: #006533
}

    .ui-accordion-header.ui-state-hover {
        background-color: #006533;
    }



/* Tabs states */
.ui-tabs-nav > .ui-state-default a {
    border-color: #006533;
    color: #ffffff;
}
/*.ui-tabs-nav > .ui-tabs-selected a{border-color:#d4d4d4 !important;background:#90904b !important;color:#d4d4d4!important;}*/
.ui-tabs-nav > .ui-tabs-selected a {
    border-color: #c5b097 !important;
}

.ui-tabs-nav > .ui-state-hover a {
    background: #006533;
    border-color: #006533;
    color: #ffffff;
}

.ui-tabs-nav > .ui-state-focus a {
    background: #006533;
    border-color: #006533;
    color: #ffffff;
}

.ui-tabs .ui-widget-content {
    border-color: #c5b097 !important;
    background-color: #ffffff;
}

.ui-tabs-nav {
    border-color: #c5b097;
}

/* Dialog states */
.ui-dialog {
    background-color: #ffffff !important;
}

.ui-dialog-titlebar {
    color: #0480be;
    background-color: #F7F7F7;
}

.ui-dialog-buttonpane {
    border-color: #ffffff !important;
    background-color: #ffffff;
}

.ui-dialog-content {
    background-color: #ffffff !important;
}

.ui-dialog-titlebar .ui-icon {
    background-image: url(/Scripts/lib/jquery-ui/1.8.20/jMetro/css/images/ui-icons_72b42d_256x240.png);
}

.ui-dialog-titlebar .ui-state-hover .ui-icon {
    background-image: url(/Scripts/lib/jquery-ui/1.8.20/jMetro/css/images/ui-icons_72b42d_256x240.png) !important;
}

.ui-dialog-titlebar-close {
    background-image: url(/Scripts/lib/jquery-ui/1.8.20/jMetro/css/images/ui-icons_525252_0l{l.png) !important;
    background-position: 176px 114px !important;
}

    .ui-dialog-titlebar-close.ui-state-hover {
        background: url(/Scripts/lib/jquery-ui/1.8.20/jMetro/css/images/ui-icons_72b42d_256x240.png) !important;
        background-position: -232px -168px !important;
    }






/* Slider */
.ui-slider {
    background: #c5b097;
}

    .ui-slider .ui-slider-range {
        background: #006533;
    }

    .ui-slider .ui-state-default {
        background-color: #000000;
    }

    .ui-slider .ui-state-active {
        background-color: #90904b !important;
    }

    .ui-slider .ui-state-focus {
        background-color: #000000;
    }

    .ui-slider .ui-state-hover {
        background-color: #90904b;
    }

/* Progressbar */
.ui-progressbar {
    background: #c5b097;
}

    .ui-progressbar .ui-progressbar-value {
        background-color: #006533;
    }

/* Autocomplete */

.ui-autocomplete {
    border-color: #90904b;
}

    .ui-autocomplete a {
        background-color: #ffffff;
        color: #90904b;
    }

    .ui-autocomplete .ui-state-hover {
        background: #006533;
        color: #ffffff;
    }

/* Datepicker */
/*.ui-datepicker {border-color:#A10066;}*/
.ui-datepicker {
    border-color: #006533;
}
    /*.ui-datepicker .ui-datepicker-header{background-color:#A10066;color:#ffffff;}*/
    .ui-datepicker .ui-datepicker-header {
        background-color: #006533;
        color: #006533;
        border-color: #006533 !important;
    }


    .ui-datepicker table {
        border-color: #006533;
    }

    .ui-datepicker tbody tr:nth-child(2n) td, .ui-datepicker tbody tr.even td {
        background: none repeat scroll 0 0 #006533;
    }

.ui-datepicker-calendar {
    background: #006533;
}

    .ui-datepicker-calendar .ui-state-default {
        background-color: #006533;
        border-color: #eee;
        color: #999;
        border-width: 0px;
        border: 0 none !important;
    }

    .ui-datepicker-calendar .ui-state-hover {
        background-color: #536A7F !important;
        border-color: #536A7F !important;
        color: #ffffff !important;
    }

    .ui-datepicker-calendar .ui-state-highlight {
        background-color: #c5b097;
        border-color: #006533;
        color: #ffffff;
    }

    .ui-datepicker-calendar .ui-state-active {
        background-color: #536A7F;
        border-color: #536A7F;
        color: #ffffff;
    }

.ui-datepicker .ui-icon {
    background-image: url(images/ui-icons_ffffff_0.png);
}

.ui-datepicker .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_3399ff_0.png)
}

.ui-datepicker-next, .ui-datepicker-prev {
    background-image: url(images/ui-icons_ffffff_0.png);
    background-position: -232px -216px;
}

.ui-datepicker-next-hover, .ui-datepicker-prev-hover {
    background-image: url(images/ui-icons_ffffff_0.png) !important;
    background-position: -232px -168px !important;
    opacity: 1;
}

.ui-datepicker-next.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled {
    background-image: url(images/ui-icons_ffffff_0.png);
    background-position: -232px -216px;
}



/* Highlight */
.ui-state-highlight {
    border-color: #efdca9;
    color: #90904b;
    background: #efdca9;
}

    .ui-state-highlight .ui-icon {
        background-image: url(images/ui-icons_525252_0.png);
    }

/* Error */
.ui-state-error {
    border-color: #c31d1d;
    color: #ffffff;
    background: #c31d1d;
}

    .ui-state-error .ui-icon {
        background-image: url(images/ui-icons_ffffff_0.png);
    }

.Solicitud_Compra_Datos_Solicitados {
    background-color: #8FCCEC;
}

.td {
    border-style: solid;
    border-color: #000000;
    width: 20%;
    background-color: #006533;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF;
}

.td1 {
    border-style: solid;
    border-color: #000000;
    width: 80%;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: #000000;
}

.btn_guardar {
    position: relative;
    left: 45%;
    background: #006533;
    border-color: #006533;
    color: #ffffff;
    display: none;
}

.input_text {
    display: block;
    width: 500px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.deshabilitado_sgc {
    max-width: 85%;
    min-width: 95%;
    max-height: 100%;
    min-height: 15%;
    overflow: auto;
    border: 0px;
    width: 100%;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: #000000;
    background-color: transparent;
}

.habilitado_sgc {
    border: inset 1px #07240b;
    font-weight: 100;
    max-width: 85%;
    min-width: 95%;
    max-height: 100%;
    min-height: 15%;
    overflow: auto;
    width: 100%;
    font-family: Arial;
    font-size: medium;
    color: #000000;
    background-color: transparent;
}

#textarea_proceso {
    display: none;
}

.upload {
    overflow: hidden;
    background: url(images/documento.ico) no-repeat;
    width: 30px !important;
    background-size: 20px 20px;
    height: 30px !important;
}

div.upload input {
    background: url(images/documento.ico) no-repeat;
    display: block !important;
    background-size: 20px 20px;
    width: 30px !important;
    height: 30px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

#image_src {
    position: absolute;
    top: 50%;
    left: 80%;
}

#btn_crear_documento {
    position: relative;
    left: 270%;
}

.goog-te-banner-frame {
    visibility: hidden !important;
}

#body-main {
    top: 0px !important;
}

.glyphicon {
    font-size: 20px;
}

.jtable-column-header-text {
    color: #FFFFFF;
}

button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    background-color: #006533;
    color: #FFFFFF;
    border-color: #006533;
    border-radius: 3px;
}
/**************************terrestre*******************************************/
.contenedor {
    width: 100%;
    max-width: 1240px;
    min-width: 320px;
    margin: auto;
    margin-top: -1%;
    --padding-container: 0;
    grid-auto-rows: max-content;
    padding: 20px 20px 30px 10px;
    background: rgba(5, 7, 12, 0.5); /* Incrementado a 0.8 para hacerlo más oscuro */
    color: white;
}

/*.hero {
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 5px rgba(15,15,15, .5);
    content: "";
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.49) 0%, #0000008c 100%), url('Images/TerrestreNuevo.jpg');
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/
.hero {
    padding: 3% 0 3% 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 5px rgba(15, 15, 15, 0.5);
    content: "";
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.08) 100%), url('Images/TerrestreNuevo.JPG');
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    animation: mostrar 1.5s ease-in-out;
    box-shadow: 0 0 20px 0 #468ABD;
}

.heros {
    padding: 3% 0 3% 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 5px rgba(15, 15, 15, 0.5);
    content: "";
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.05) 100%), url('Images/Hospedaje_2.JPG');
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    animation: mostrar 1.5s ease-in-out;
    box-shadow: 0 0 20px 0 #468ABD;
}
.her {
    padding: 3% 0 3% 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 5px rgba(15, 15, 15, 0.5);
    content: "";
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.05) 100%), url('Images/JLM_7242.JPG');
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    animation: mostrar 1.5s ease-in-out;
    box-shadow: 0 0 20px 0 #006533;
}

/*.her {
    padding: 3% 0 3% 0;
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 5px rgba(15,15,15, .5);
    content: "";
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.49) 0%, #0000008c 100%), url('Images/JLM_7242.JPG');
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}*/

.formulario {
    width: 100%;
    max-width: 1240px;
    min-width: 320px;
    margin: auto;
    margin-top: -1%;
    --padding-container: 0;
    grid-auto-rows: max-content;
    padding: 20px 20px 30px 10px;
    background: rgba(5, 7, 12, 0.5); /* Incrementado a 0.8 para hacerlo más oscuro */
    color: white;
}

.linea {
    height: 2px;
    padding: 0;
    margin: 20px auto 0 auto;
}

/*cartas informativas-carrusel*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

.wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    max-width: 100%;
    position: relative;
}

    .wrapper i {
        top: 50%;
        height: 44px;
        width: 44px;
        color: #343F4F;
        cursor: pointer;
        font-size: 1.15rem;
        position: absolute;
        text-align: center;
        line-height: 44px;
        background: #fff;
        border-radius: 50%;
        transform: translateY(-50%);
        transition: transform 0.1s linear;
    }

        .wrapper i:active {
            transform: translateY(-50%) scale(0.9);
        }

        .wrapper i:hover {
            background: #f2f2f2;
        }

        .wrapper i:first-child {
            left: -22px;
            display: none;
        }

        .wrapper i:last-child {
            right: -22px;
        }

    .wrapper .carousel {
        margin-left: 25px;
        font-size: 0px;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        scroll-behavior: smooth;
    }

.carousel.dragging {
    cursor: grab;
    scroll-behavior: auto;
}

    .carousel.dragging img {
        pointer-events: none;
    }

.carousel img {
    height: 340px;
    object-fit: cover;
    user-select: none;
    margin-left: 14px;
    width: calc(100% / 3);
}

    .carousel img:first-child {
        margin-left: 0px;
    }

@media screen and (max-width: 100%) {
    .carousel img {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 550px) {
    .carousel img {
        width: 100%;
    }
}
/**************************fin terrestre*******************************************/


/**************************inicio terceros*******************************************/
#left {
    background-color: darkgray;
}

#right {
    background-color: darkgray;
}

* {
    margin: 0;
    box-sizing: border-box;
}


* {
    margin: 0;
    box-sizing: border-box;
}

.main {
    margin: auto;
    width: 90%;
    max-width: 1000px;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.472), rgba(255, 255, 255, 0.365), url('Images/TerrestreNuevo.jpg'));
    overflow: hidden;
    padding: .7em;
    border-radius: 1em;
    display: grid;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: .6em;
    animation: mostrar 1.5s ease-in-out;
}

@keyframes mostrar {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.main__figure {
    justify-items: center;
    gap: .6em;
    animation: mostrar 1.5s ease-in-out;
    overflow: hidden;
    border-radius: 1em;
    background-color: #006533;
    display: grid;
    box-shadow: 0 0 20px 0 #696969;
    background: linear-gradient(90deg, #006533, #006533);
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    width: 100%;
    max-width: 100%;
    /*opacity: 0.7;*/
}

.main__img {
    margin: auto;
    width: 80%;
    max-width: 60vw;
}

.main__contact {
    box-shadow: 0 0 20px 0 #006533;
    display: flex;
    border-radius: 1em;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 1.5em;
    padding: 3em .7em;
    overflow: hidden;
}

.main__form {
    justify-items: center;
    gap: 1.5em;
    padding: 10px 50px 20px;
}

.main__input {
    width: 80%;
    max-width: 500px;
    outline: none;
    border: none;
    padding: 1em;
    font: inherit;
    border-radius: .6em;
}

.main__input--send {
    background-color: #DC3F31;
    color: #fff;
    font-weight: 600;
}

.main__title {
}

.main__paragraph {
    margin: .3em 0;
}


.main__social {
    grid-auto-flow: column;
    justify-content: center;
    grid-auto-columns: max-content;
    gap: 1em;
}

.main__link {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: .6em 1.5em;
}

    .main__link:hover {
        background-color: #fff;
    }

.main__icon {
    width: 30px;
    height: 30px;
}

/*cartas informativas*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
/*Cards*/
.container-card {
    width: 100%;
    display: flex;
    max-width: 1100px;
    margin: auto;
}

.title-cards {
    width: 100%;
    max-width: 1080px;
    margin: auto;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    color: #7a7a7a;
}

.card {
    width: 100%;
    margin: 20px;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
    transition: all 400ms ease-out;
    cursor: default;
}

    .card:hover {
        box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
        transform: translateY(-3%);
    }

    .card img {
        width: 100%;
        height: 210px;
    }

    .card .contenido-card {
        padding: 15px;
        text-align: center;
    }

        .card .contenido-card h3 {
            margin-bottom: 15px;
            color: #7a7a7a;
        }

        .card .contenido-card p {
            line-height: 1.8;
            color: #6a6a6a;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .card .contenido-card a {
            display: inline-block;
            padding: 10px;
            margin-top: 10px;
            text-decoration: none;
            color: #2fb4cc;
            border: 1px solid #2fb4cc;
            border-radius: 4px;
            transition: all 400ms ease;
            margin-bottom: 5px;
        }

            .card .contenido-card a:hover {
                background: #2fb4cc;
                color: #fff;
            }

@media only screen and (min-width:320px) and (max-width:768px) {
    .container-card {
        flex-wrap: wrap;
    }

    .card {
        margin: 15px;
    }
}

.card {
    width: 100%;
    margin: 20px;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    cursor: default;
    transition: all 400ms ease;
    text-align: center;
}

    .card:hover {
        box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
        transform: translateY(-3%);
    }

    .card .contenido {
        padding: 15px;
        text-align: center;
    }

    .card .icono_card {
        color: #006533;
    }

    .card .contenido h3 {
        font-weight: 400;
        margin-bottom: 15px;
    }

    .card .contenido a {
        text-decoration: none;
        display: inline-block;
        padding: 10px;
        margin-top: 10px;
        color: #2FB4CC;
        border: 1px solid #2FB4CC;
        border-radius: 4px;
        transition: all 400ms ease;
    }

        .card .contenido a:hover {
            background: #2FB4Cc;
            color: #fff;
        }

/* Propiedad para visualizar check tipo interruptor */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #006533;
}

input:focus + .slider {
    box-shadow: 0 0 1px #006533;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*Icono para interactuar con filas de imagenes en formulario*/
.icono-documento-grafico {
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    color: lightgrey;
}
    /*Icono para interactuar con filas de formulario*/
    .icono-documento-grafico:hover {
        color: grey;
    }

/*Icono para agregar filas de formulario*/
.icono-documento-grafico-add {
    right: 5px;
    bottom: 0px;
    color: #006533;
}

/*Icono para eliminar filas de formulario*/
.icono-documento-grafico-close {
    right: 5px;
    top: -4px;
    color: #E68261;
}

/*Icono para archivos adjuntos*/
.icono-adjuntar-grafico {
    cursor: pointer;
}

.redondeado {
    border-radius: 5px;
}
/* radio buttom mas grande*/
/*.radio-tag {
    border: 0px;
    width: 100%;
    height: 2em;
}*/

.dynamic-textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    resize: none;
    overflow: hidden; /* Oculta la barra de desplazamiento vertical */
}
/* Estilos para el checkbox personalizado */
.custom-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    cursor: pointer;
}

    .custom-checkbox input[type="checkbox"] {
        opacity: 0;
        position: absolute;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.custom-checkbox input[type="checkbox"]:checked + .checkmark:after {
    content: "\2713"; /* Unicode para el símbolo de verificación (✓) */
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #007bff; /* Color de la marca de verificación */
}
/* Estilo básico para el input de texto */
.mi-input {
    width: 300px; /* Ancho del input */
    height: 30px; /* Altura del input */
    border: 1px solid #ccc; /* Borde del input */
    border-radius: 5px; /* Bordes redondeados */
    padding: 5px; /* Espacio interno */
    font-size: 16px; /* Tamaño de fuente */
}

    /* Estilo cuando el input está enfocado (haciendo clic en él) */
    .mi-input:focus {
        border-color: #007bff; /* Cambia el color del borde al azul cuando está enfocado */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Sombra alrededor del input */
    }

.two-fields {
    width: 100%;
}

    .two-fields .input-group {
        width: 100%;
    }

    .two-fields input {
        width: 50% !important;
    }

.titulo-con-linea-extendida {
    position: relative;
    display: block;
    color: #006533;
    padding-bottom: 8px;
    margin: 0 auto;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
}

.page-header-arrendamiento {
    position: relative;
    display: block;
    text-align: left;
    color: #006533;
}

    .page-header-arrendamiento::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30%;
        height: 2px;
        background-color: #006533;
    }

Estilos para el contenedor
.imagen-3d {
    perspective: 1000px; /* Añade perspectiva para el efecto 3D */
    display: inline-block; /* Para que el contenedor no ocupe toda la línea */
}

/* Estilos para la imagen */
.imagen-3d img {
    width: 100%; /* Ajusta esto según necesites */
    transition: transform 0.5s ease; /* Animación suave */
    transform: rotateY(0deg); /* Estado inicial */
}

.imagen-3d:hover img {
    transform: rotateY(20deg); /* Cambia este valor para ajustar el efecto 3D */
}

.fixed-size-img {
    width: auto; /* O define un ancho específico */
    height: auto; /* O define una altura específica */
    display: block; /* Evita espacios extra debajo de la imagen */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.form-animation {
    animation: fadeIn 1s ease-out forwards;
}

#frmarrendamiento {
    opacity: 0; /* Comienza invisible */
    animation: fadeIn 1s ease-out forwards;
}

#txttotalvalorcontrato {
    width: 100%; /* Asegúrate de que el ancho sea suficiente para el contenido */
    box-sizing: border-box; /* Incluye padding y bordes en el ancho */
    overflow: hidden; /* Oculta cualquier contenido que desborde */
    white-space: nowrap; /* Evita que el contenido se ajuste en varias líneas */
}

.modal fade {
    z-index: 1050; /* Ajusta según necesidades */
}

.select2-container--open {
    z-index: 1100; /* Asegúrate de que sea mayor que el del modal */
}

.important-notes {
    background-color: #fff4c3; /* Un color de fondo suave */
    border-left: 5px solid #ffcc00; /* Una línea a la izquierda para destacar */
    padding: 10px 20px; /* Algo de relleno alrededor del texto */
    margin: 20px 0; /* Margen para separar de otros contenidos */
    font-style: italic; /* Estilo de fuente cursiva para destacar */
}

.ui-datepicker {
    z-index: 10000 !important;
    display: block;
    visibility: visible;
    opacity: 1;
}

.campo-requerido {
    color: red;
    font-size: 12px;
    display: none; /* Se oculta por defecto, se puede mostrar cuando se haga la validación */
}

video {
    display: block;
    margin: 0 auto; /* Centra el video horizontalmente */
}

.video-container {
    text-align: center; /* Centra el contenido horizontalmente */
    padding: 20px;
}

.video-container, .calendar-container, .infografia-container, .video-aligned {
    text-align: center;
    margin-bottom: 5px; /* Reducir el margen inferior */
}

    .calendar-container img {
        max-width: 100%;
        height: auto;
    }

    .calendar-container a {
        color: #468ABD;
        text-decoration: none;
    }

.infografia-container {
    margin-bottom: 0;
    padding-bottom: 0;
    max-width: 100%;
    height: auto;
}

.infografia-image {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain; /* or cover, depending on the desired effect */
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row.no-gutters > [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }

.video-aligned {
    margin-top: 0;
    padding-top: 0;
}

.video-row {
    margin-top: -5px; /* Subir la fila de videos más cerca de la infografía */
}

.highlight {
    background-color: yellow;
    color: black;
    font-weight: bold;
}
/**************** banco Perfiles ajustar Textarea *******************************/

.textarea-container {
    position: relative;
}

    .textarea-container div {
        border: 1px solid #ced4da;
        border-radius: .25rem;
        padding: .375rem .75rem;
        font-size: 1.4rem; /* Adjust the font size as needed */
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        text-indent: 2em; /* Indentation for the first line */
    }

textarea {
    padding: .375rem .75rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
}
/**************** fin *******************************/

/**************** Contratos de Arendamiento *******************************/

.panel-heading {
    background-color: #D4D4D4 !important; /* Gray background color */
    color: black !important; /* Black text color */
    font-weight: bold !important; /* Bold text for the heading */
    padding: 10px !important; /* Padding for better appearance */
    border-radius: 5px 5px 0 0 !important; /* Rounded top corners */
    border-color: #468ABD !important; /* Border color for heading */
}

.panel-body {
    padding: 15px; /* Padding inside the panel */
    border: 1px solid #D4D4D4; /* Border for the panel body */
    border-top: none; /* Remove border on the top to connect with heading */
    border-radius: 0 0 5px 5px; /* Rounded bottom corners */
}
/**************** fin Contratos de Arendamiento*******************************/

/**************** Contratos de Arendamiento otro si *******************************/

/* Agrega este CSS en tu archivo de estilos o dentro de una etiqueta <style> en tu HTML */
.is-invalid {
    border-color: #dc3545; /* Color rojo */
}

.invalid-feedback-custom {
    color: #dc3545;
    margin-top: 0.25rem;
    font-size: 80%;
}
/* Estilo del ícono circular */
.icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.iconotrosi {
    width: 60px;
    height: 60px;
    background-color: #5F9DCB;
    color: white;
    font-size: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    position: relative;
}
.tooltip {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.iconotrosi:hover {
    background-color: #4c89b0;
}

.iconotrosi:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
/**************** fin Contratos de Arendamiento otro si *******************************/
.requerido {
    border: 2px solid red;
}