@font-face{font-family: 'VerdanaIE';
        src: url('../Fonts/verdana.eot?#iefix') format('embedded-opentype');
    }
@media only screen and (min-width: 1380px){
    .franja{width: 100%; background-color: #D3B467; height: 35px; color: white; text-align: center; font-family: 'Century Gothic'; padding-top:8px; visibility: visible; }
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
            .desktopView {display: block !important;visibility: visible !important; line-height: .7em;}
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content: none;
        }
    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }
    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }

    del {
        text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }


    /*---------- BODY --------------------------------*/


    body {
    }

    a {
        text-decoration: none;
    }

    /*---------- Wrapper --------------------*/

    nav {
        width: 100%;
        height: 110px;
    }

    ul {
        text-align: center;
    }
            .navResponsiveSobre {width:15.5%;} /*no bajar*/

    .navResponsiveServicios {width:9.5%;}

    
    .navResponsivePreservacion {width:28%;}

    .navResponsiveMultimedios {width:11.5%;}

    .navResponsiveLeyes {width:5.5%;}

    .navResponsiveHistoria {width:8%;}

    .navResponsiveInternado {width:11%;}

    .navResponsiveDosLineas {width:10%;}
        ul li {
            text-transform: uppercase;
            font-size: .55em;
            font-family: Verdana, VerdanaIE;
            letter-spacing: 1px;
            padding-top: 30px;
            cursor: pointer;
            -webkit-transition: padding .05s linear;
            -moz-transition: padding .05s linear;
            -ms-transition: padding .05s linear;
            -o-transition: padding .05s linear;
            transition: padding .05s linear;
        }

            ul li.drop {
                position: relative;
            }

        ul > li {
            display: inline-block;
        }

        ul li a {
            padding: 0 5px;
            color: #D3B467;
            -webkit-transition: all .1s ease-out;
            -moz-transition: all .1s ease-out;
            -ms-transition: all .1s ease-out;
            -o-transition: all .1s ease-out;
            transition: all .1s ease-out;
        }

            ul li a:hover {
                color: white;
            }

    .dropOut .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 50%;
        margin-left: -8px;
    }
    .dropOutLeft .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 50%;
        margin-left: -8px;
    }
    .dropOutRight .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 65%;
        margin-left: -8px;
    }
    .dropdownContain {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 50%;
        margin-left: -80px; /* half of width */
        top: -500px;
    }
    .dropdownContainLeft {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 50%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
    .dropdownContainRight {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 25%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
    .dropOut {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
 .dropOutLeft {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
  .dropOutRight {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }

        .dropOut ul {
            float: left;
            padding: 10px 0;
        }

        .dropOutLeft ul {
            float: left;
            padding: 10px 0;
        }

        .dropOutRight ul {
            float: left;
            padding: 10px 0;
        }

            .dropOut ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutLeft ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutRight ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }

                .dropOut ul li:hover {
                    background: #D3B467;
                }
                .dropOutLeft ul li:hover {
                    background: #D3B467;
                }
                                .dropOutRight ul li:hover {
                    background: #D3B467;
                }
    .drop:hover {
        background-color: #4C4C4E;
        height: 114px;
    }
    .specialHeight{height: 114px !important;}
    ul li:hover a {
        color: white;
        background-color: transparent;
    }

    ul li:hover .dropdownContain {
        top: 114px;
    }
        ul li:hover .dropdownContainLeft {
        top: 114px;
    }
        ul li:hover .dropdownContainRight {
        top: 114px;
    }
    /** altura triangulo*/
    ul li:hover .underline {
        border-bottom-color: #777;
    }

    ul li:hover .dropOut {
        opacity: 1;
        margin-top: 7px;
    }
    ul li:hover .dropOutLeft {
        opacity: 1;
        margin-top: 7px;
    }
        ul li:hover .dropOutRight {
        opacity: 1;
        margin-top: 7px;
    }
    #navImages {
        display: block;
        float: left;
        text-align: center;
    }

    #navImagesLeyes {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesLeyes img#leyes {
            visibility: hidden;
            display: block;
        }

        #navImagesLeyes:hover {
            height: 114px;
            display: block;
            background-color: #4C4C4E;
        }

            #navImagesLeyes:hover img#leyes {
                visibility: visible;
                display: block;
                padding-left: 25%;
                background-color: #4C4C4E;
            }

    #navImagesDocumentos {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesDocumentos img#documentos {
            visibility: hidden;
            display: block;
        }

        #navImagesDocumentos:hover {
            height: 114px;
            display: block;
            background-color: transparent;
        }

            #navImagesDocumentos:hover img#documentos {
                visibility: visible;
                display: block;
                padding-left: 35%;
            }

    #navImagesSobre {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesSobre img#sobre {
            visibility: hidden;
            display: block;
        }

        #navImagesSobre:hover img#sobre {
            visibility: visible;
            display: block;
            padding-left: 40%;

        }

    #navImagesServicios {
        display: block;
        float: left;
        text-align: center;
        height: 100%;
    }

        #navImagesServicios img#servicios {
            visibility: hidden;
            display: block;
        }

        #navImagesServicios:hover img#servicios {
            visibility: visible;
            display: block;
            padding-left: 22%;
        }

    #navImagesBiblioteca {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesBiblioteca img#biblioteca {
            visibility: hidden;
            display: block;
        }

        #navImagesBiblioteca:hover img#biblioteca {
            visibility: visible;
            display: block;
            padding-left: 45%;
        }


    #navImagesMulti {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesMulti img#multi {
            visibility: hidden;
            display: block;
        }

        #navImagesMulti:hover img#multi {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesHistoria {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesHistoria img#historia {
            visibility: hidden;
            display: block;
        }

        #navImagesHistoria:hover img#historia {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesInternados {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesInternados img#internados {
            visibility: hidden;
            display: block;
        }

        #navImagesInternados:hover img#internados {
            visibility: visible;
            display: block;
            padding-left: 38%;
        }

    #navImagesAsamblea {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesAsamblea img#asamblea {
            visibility: hidden;
            display: block;
        }

        #navImagesAsamblea:hover img#asamblea {
            visibility: visible;
            display: block;
            padding-left: 40%;
        }
.span_1_of_2{

	width:20%;
}
.span_2_of_2{

	width: 80%;

}
        .styleNav{background-color:#D9DADB;  text-align:center;}
        .styleLogo{background-image: url('../images/logo-60.png');background-size: contain; background-repeat: no-repeat;background-position:center; }
        .leftAllBorder{border-left: 5px solid #D3B467;}
        .rightAllBorder{border-right: 5px solid #D3B467;}
		header {
			width: 80%; /* 960px / 1024px */
            padding-left: 10%;
            padding-right: 10%;
		}

		#maincontent{
            
            /*width:100%;  960px / 1024px */
            /*
            padding-left: 10%;
            padding-right: 10%;
                */

		}
body {
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: transparent;

}		
		.maincontent{
			/*width: 90%;  960px / 1024px */
            /*
            padding-left: 15%;
            padding-right: 15%;
                */
		}
#maincontentIndex{
            width:100%; /* 960px / 1024px */
            
		}
		
		.maincontentIndex{
            
			width: 100%; /* 960px / 1024px */

		}

		footer {
			width: 100%; /* 960px / 1024px */

		}

}

/* 1025 and up    */
@media only screen and (min-width: 1025px) and (max-width: 1379px) {
    .franja{width: 100%; background-color: #D3B467; height: 35px; color: white; text-align: center; font-family: 'Century Gothic'; padding-top:8px; visibility: visible;}
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
            .desktopView {display: block !important;visibility: visible !important; line-height: .7em;}
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content: none;
        }
    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }
    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }

    del {
        text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }


    /*---------- BODY --------------------------------*/

    body {
    }

    a {
        text-decoration: none;
    }

    /*---------- Wrapper --------------------*/

    nav {
        width: 100%;
        height: 110px;
    }

    ul {
        text-align: center;
    }



            ul li.drop {
                position: relative;
            }

        ul > li {
            display: inline-block;
        }

        ul li a {
            padding: 0 5px;
            color: red;
            -webkit-transition: all .1s ease-out;
            -moz-transition: all .1s ease-out;
            -ms-transition: all .1s ease-out;
            -o-transition: all .1s ease-out;
            transition: all .1s ease-out;
        }

            ul li a:hover {
                color: white;
            }

            .navResponsiveSobre {width:16%;} /*no bajar*/

    .navResponsiveServicios {width:10%;}

    
    .navResponsivePreservacion {width:24%;}

    .navResponsiveMultimedios {width:12%;}

    .navResponsiveLeyes {width:6%;}

    .navResponsiveHistoria {width:9%;}

    .navResponsiveInternado {width:11%;}

    .navResponsiveDosLineas {width:10%;}
                ul li {
            text-transform: uppercase;
            font-size: .53em;
            font-family: Verdana, VerdanaIE;
            letter-spacing: 1px;
            padding-top: 30px;
            cursor: pointer;
            -webkit-transition: padding .05s linear;
            -moz-transition: padding .05s linear;
            -ms-transition: padding .05s linear;
            -o-transition: padding .05s linear;
            transition: padding .05s linear;
        }
    .dropOut .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 50%;
        margin-left: -8px;
    }
    .dropOutLeft .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 50%;
        margin-left: -8px;
    }
    .dropOutRight .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 65%;
        margin-left: -8px;
    }
    .dropdownContain {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 50%;
        margin-left: -80px; /* half of width */
        top: -500px;
    }
    .dropdownContainLeft {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 50%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
    .dropdownContainRight {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 25%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
    .dropOut {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
 .dropOutLeft {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
  .dropOutRight {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }

        .dropOut ul {
            float: left;
            padding: 10px 0;
        }

        .dropOutLeft ul {
            float: left;
            padding: 10px 0;
        }

        .dropOutRight ul {
            float: left;
            padding: 10px 0;
        }

            .dropOut ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutLeft ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutRight ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }

                .dropOut ul li:hover {
                    background: #D3B467;
                }
                .dropOutLeft ul li:hover {
                    background: #D3B467;
                }
                                .dropOutRight ul li:hover {
                    background: #D3B467;
                }
    .drop:hover {
        background-color: #4C4C4E;
        height: 113px;
    }
    .specialHeight{height: 113px !important;}
    ul li:hover a {
        color: white;
        background-color: transparent;
    }

    ul li:hover .dropdownContain {
        top: 113px;
    }
        ul li:hover .dropdownContainLeft {
        top: 113px;
    }
        ul li:hover .dropdownContainRight {
        top: 113px;
    }
    /** altura triangulo*/
    ul li:hover .underline {
        border-bottom-color: #777;
    }

    ul li:hover .dropOut {
        opacity: 1;
        margin-top: 7px;
    }
    ul li:hover .dropOutLeft {
        opacity: 1;
        margin-top: 7px;
    }
        ul li:hover .dropOutRight {
        opacity: 1;
        margin-top: 7px;
    }
    #navImages {
        display: block;
        float: left;
        text-align: center;
    }

    #navImagesLeyes {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesLeyes img#leyes {
            visibility: hidden;
            display: block;
        }

        #navImagesLeyes:hover {
            height: 113px;
            display: block;
            background-color: #4C4C4E;
        }

            #navImagesLeyes:hover img#leyes {
                visibility: visible;
                display: block;
                padding-left: 25%;
                background-color: #4C4C4E;
            }

    #navImagesDocumentos {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesDocumentos img#documentos {
            visibility: hidden;
            display: block;
        }

        #navImagesDocumentos:hover {
            height: 113px;
            display: block;
            background-color: transparent;
        }

            #navImagesDocumentos:hover img#documentos {
                visibility: visible;
                display: block;
                padding-left: 35%;
            }

    #navImagesSobre {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesSobre img#sobre {
            visibility: hidden;
            display: block;
        }

        #navImagesSobre:hover img#sobre {
            visibility: visible;
            display: block;
            padding-left: 40%;

        }

    #navImagesServicios {
        display: block;
        float: left;
        text-align: center;
        height: 100%;
    }

        #navImagesServicios img#servicios {
            visibility: hidden;
            display: block;
        }

        #navImagesServicios:hover img#servicios {
            visibility: visible;
            display: block;
            padding-left: 28%;
        }

    #navImagesBiblioteca {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesBiblioteca img#biblioteca {
            visibility: hidden;
            display: block;
        }

        #navImagesBiblioteca:hover img#biblioteca {
            visibility: visible;
            display: block;
            padding-left: 45%;
        }


    #navImagesMulti {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesMulti img#multi {
            visibility: hidden;
            display: block;
        }

        #navImagesMulti:hover img#multi {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesHistoria {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesHistoria img#historia {
            visibility: hidden;
            display: block;
        }

        #navImagesHistoria:hover img#historia {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesInternados {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesInternados img#internados {
            visibility: hidden;
            display: block;
        }

        #navImagesInternados:hover img#internados {
            visibility: visible;
            display: block;
            padding-left: 38%;
        }

    #navImagesAsamblea {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesAsamblea img#asamblea {
            visibility: hidden;
            display: block;
        }

        #navImagesAsamblea:hover img#asamblea {
            visibility: visible;
            display: block;
            padding-left: 40%;
        }
.span_1_of_2{

	width:20%;
}
.span_2_of_2{

	width: 80%;

}
        .styleNav{background-color:#D9DADB;  text-align:center;}
        .styleLogo{background-image: url('../images/logo-60.png');background-size: contain; background-repeat: no-repeat;background-position:center; }
        .leftAllBorder{border-left: 5px solid #D3B467;}
        .rightAllBorder{border-right: 5px solid #D3B467;}
		header {
			width: 80%; /* 960px / 1024px */
            padding-left: 10%;
            padding-right: 10%;
		}

		#maincontent{
            
            /*width:100%;  960px / 1024px */
            /*
            padding-left: 10%;
            padding-right: 10%;
                */

		}
body {
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: transparent;

}		
		.maincontent{
			/*width: 90%;  960px / 1024px */
            /*
            padding-left: 15%;
            padding-right: 15%;
                */
		}
#maincontentIndex{
            width:100%; /* 960px / 1024px */
            
		}
		
		.maincontentIndex{
            
			width: 100%; /* 960px / 1024px */

		}

		footer {
			width: 100%; /* 960px / 1024px */

		}


}
/* Go full widht at less that 1023 pixeles    */
@media only screen and (min-width: 1000px) and (max-width: 1024px)   {
    .franja{width: 100%; background-color: #D3B467; height: 35px; color: white; text-align: center; font-family: 'Century Gothic'; padding-top:8px; visibility: visible; }
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    body {
        line-height: 1;
    }
            .desktopView {display: block !important;visibility: visible !important; line-height: .7em;}
    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }
        .navResponsiveSobre {width:16%;} /*no bajar*/

    .navResponsiveServicios {width:10%;}

    
    .navResponsivePreservacion {width:26%;}

    .navResponsiveMultimedios {width:12%;}

    .navResponsiveLeyes {width:6%;}

    .navResponsiveHistoria {width:9%;}

    .navResponsiveInternado {width:11%;}

    .navResponsiveDosLineas {width:10%;}

        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content: none;
        }
    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }
    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }

    del {
        text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }


    /*---------- BODY --------------------------------*/
    @font-face {
        font-family: Confrotaa;
        src: url('./Fonts/Comfortaa Regular.ttf');
    }

    @font-face {
        font-family: 'ConfrotaaThinIE';
        src: url('../Fonts/Comfortaa_Thin-webfont.eot?#iefix') format('embedded-opentype');
    }

    @font-face {
        font-family: 'ConfrotaaThin';
        src: url('../Fonts/Comfortaa_Thin.ttf');
    }
    @font-face{font-family: 'VerdanaIE';
    src: url('../Fonts/verdana.eot?#iefix') format('embedded-opentype');
}
    body {
        font-family: Verdana, VerdanaIE;
    }

    a {
        text-decoration: none;
    }

    /*---------- Wrapper --------------------*/

    nav {
        width: 100%;
        height: 95px;
    }

    ul {
        text-align: center;
    }

        ul li {
            text-transform: uppercase;
            font-size: .53em; /*.53*/
            font-family: Verdana, VerdanaIE;
            letter-spacing: 1px;
            padding-top: 30px;
            cursor: pointer;
            -webkit-transition: padding .05s linear;
            -moz-transition: padding .05s linear;
            -ms-transition: padding .05s linear;
            -o-transition: padding .05s linear;
            transition: padding .05s linear;
        }

            ul li.drop {
                position: relative;
            }

        ul > li {
            display: inline-block;
        }

        ul li a {
            padding: 0 5px;
            color: #D3B467;
            -webkit-transition: all .1s ease-out;
            -moz-transition: all .1s ease-out;
            -ms-transition: all .1s ease-out;
            -o-transition: all .1s ease-out;
            transition: all .1s ease-out;
        }

            ul li a:hover {
                color: white;
            }

    .dropOut .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 50%;
        margin-left: -8px;
    }
    .dropOutLeft .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 50%;
        margin-left: -8px;
    }
    .dropOutRight .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 65%;
        margin-left: -8px;
    }
    .dropdownContain {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 50%;
        margin-left: -80px; /* half of width */
        top: -500px;
    }
    .dropdownContainLeft {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 50%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
    .dropdownContainRight {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 25%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
    .dropOut {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
 .dropOutLeft {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
  .dropOutRight {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }

        .dropOut ul {
            float: left;
            padding: 10px 0;
        }

        .dropOutLeft ul {
            float: left;
            padding: 10px 0;
        }

        .dropOutRight ul {
            float: left;
            padding: 10px 0;
        }

            .dropOut ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutLeft ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutRight ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }

                .dropOut ul li:hover {
                    background: #D3B467;
                }
                .dropOutLeft ul li:hover {
                    background: #D3B467;
                }
                                .dropOutRight ul li:hover {
                    background: #D3B467;
                }
    .drop:hover {
        background-color: #4C4C4E;
        height: 113px;
    }
        .specialHeight{height: 113px !important;}
    ul li:hover a {
        color: white;
        background-color: transparent;
    }

    ul li:hover .dropdownContain {
        top: 113px;
    }
        ul li:hover .dropdownContainLeft {
        top: 113px;
    }
        ul li:hover .dropdownContainRight {
        top: 113px;
    }
    /** altura triangulo*/
    ul li:hover .underline {
        border-bottom-color: #777;
    }

    ul li:hover .dropOut {
        opacity: 1;
        margin-top: 8px;
    }
    ul li:hover .dropOutLeft {
        opacity: 1;
        margin-top: 8px;
    }
        ul li:hover .dropOutRight {
        opacity: 1;
        margin-top: 8px;
    }
    #navImages {
        display: block;
        float: left;
        text-align: center;
    }

    #navImagesLeyes {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesLeyes img#leyes {
            visibility: hidden;
            display: block;
        }

        #navImagesLeyes:hover {
            display: block;
            background-color: #4C4C4E;
            height: 113px;
        }

            #navImagesLeyes:hover img#leyes {
                visibility: visible;
                display: block;
                padding-left: 25%;
                background-color: #4C4C4E;
            }

    #navImagesDocumentos {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesDocumentos img#documentos {
            visibility: hidden;
            display: block;
        }

        #navImagesDocumentos:hover {
            display: block;
            background-color: transparent;
        height: 113px;
        }

            #navImagesDocumentos:hover img#documentos {
                visibility: visible;
                display: block;
                padding-left: 35%;
            }

    #navImagesSobre {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesSobre img#sobre {
            visibility: hidden;
            display: block;
        }

        #navImagesSobre:hover img#sobre {
            visibility: visible;
            display: block;
            padding-left: 40%;
        }

    #navImagesServicios {
        display: block;
        float: left;
        text-align: center;
        height: 100%;
    }

        #navImagesServicios img#servicios {
            visibility: hidden;
            display: block;
        }

        #navImagesServicios:hover img#servicios {
            visibility: visible;
            display: block;
            padding-left: 25%;
        }

    #navImagesBiblioteca {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesBiblioteca img#biblioteca {
            visibility: hidden;
            display: block;
        }

        #navImagesBiblioteca:hover img#biblioteca {
            visibility: visible;
            display: block;
            padding-left: 45%;
        }


    #navImagesMulti {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesMulti img#multi {
            visibility: hidden;
            display: block;
        }

        #navImagesMulti:hover img#multi {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesHistoria {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesHistoria img#historia {
            visibility: hidden;
            display: block;
        }

        #navImagesHistoria:hover img#historia {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesInternados {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesInternados img#internados {
            visibility: hidden;
            display: block;
        }

        #navImagesInternados:hover img#internados {
            visibility: visible;
            display: block;
            padding-left: 38%;
        }

    #navImagesAsamblea {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesAsamblea img#asamblea {
            visibility: hidden;
            display: block;
        }

        #navImagesAsamblea:hover img#asamblea {
            visibility: visible;
            display: block;
            padding-left: 40%;
        }
        .styleNav{background-color:#D9DADB;text-align:center; }
        .styleLogo{background-image: url('../images/logo-60.png');background-size: contain;height: 140px; background-repeat: no-repeat;}

}

/* Go full widht   */
@media only screen and (min-width:800px) and (max-width: 999px) {
    .franja{width: 100%; background-color: #D3B467; height: 35px; color: white; text-align: center; font-family: 'Century Gothic'; padding-top:8px; visibility: visible; font-size: .7em; }
        @font-face{font-family: 'VerdanaIE';
    src: url('../Fonts/verdana.eot?#iefix') format('embedded-opentype');
}
    .span_1_of_2{

	width:100%;
}
.span_2_of_2{

	width: 100%;

}

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    body {
        line-height: 1;
    }
    .styleLogo{background-image: url('../images/logo-800.png');background-size: 55%; background-repeat: no-repeat;height: 120px; background-position: center;position: absolute; z-index:1000;}
    .styleNav{background-color:#D9DADB; text-align:center;padding-top: 11.5%; z-index:-100;}                

        .navResponsiveSobre {width:15%;} /*no bajar*/

    .navResponsiveServicios {width:10%;}

    
    .navResponsivePreservacion {width:27%;}

    .navResponsiveMultimedios {width:12%;}

    .navResponsiveLeyes {width:5%;}

    .navResponsiveHistoria {width:9%;}

    .navResponsiveInternado {width:11%;}

    .navResponsiveDosLineas {width:11%;}
     .dropOut ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;

            }
.dropOutLeft ul li {
                text-transform: uppercase;
                font-size: .7em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutRight ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }

    ul li a:hover {
                color: white;
            }


    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content: none;
        }
    /* remember to define focus styles! */
    :focus {
        outline: 0;
    }
    /* remember to highlight inserts somehow! */
    ins {
        text-decoration: none;
    }

    del {
        text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }


    /*---------- BODY --------------------------------*/

    body {
    }

    a {
        text-decoration: none;
    }

    /*---------- Wrapper --------------------*/

    nav {
        width: 100%;
        height: 100px;
    }

    ul {
        text-align: center;
    }

        ul li {
            text-transform: uppercase;
            font-size: .53em;
            font-family: Verdana, VerdanaIE;
            letter-spacing: 1px;
            padding-top: 45px;
            cursor: pointer;
            -webkit-transition: padding .05s linear;
            -moz-transition: padding .05s linear;
            -ms-transition: padding .05s linear;
            -o-transition: padding .05s linear;
            transition: padding .05s linear;
        }

            ul li.drop {
                position: relative;
            }

        ul > li {
            display: inline-block;
        }

        ul li a {
            padding: 0 5px;
            color: #D3B467;
            -webkit-transition: all .1s ease-out;
            -moz-transition: all .1s ease-out;
            -ms-transition: all .1s ease-out;
            -o-transition: all .1s ease-out;
            transition: all .1s ease-out;
        }

            ul li a:hover {
                color: white;
            }
        .menu-top{display: none !important; visibility: hidden!important;}
        .desktopView {display: block !important;visibility: visible !important; line-height: .7em;}
    .dropOut .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 50%;
        margin-left: -8px;
    }
    .dropOutLeft .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 25%;
        margin-left: -8px;
    }
        .dropOutRight .triangle {
        width: 0;
        height: 0;
        position: absolute;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1A1A1A;
        top: -8px;
        left: 75%;
        margin-left: -8px;
    }
    .dropdownContain {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 50%;
        margin-left: -80px; /* half of width */
        top: -500px;
    }
    .dropdownContainLeft {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 100%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
        .dropdownContainRight {
        width: 160px;
        position: absolute;
        z-index: 2;
        left: 0%;
        margin-left: -80px; /* half of width */
        top: -400px;
    }
    .dropOut {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
        .dropOutLeft {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
            }
        .dropOutRight {
        width: 160px;
        background: -webkit-linear-gradient(#383839, #757679); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#383839, #757679); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#383839, #757679); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#383839, #757679); /* Standard syntax (must be last) */
        border-bottom: 5px solid #D3B467;
        float: left;
        position: relative;
        margin-top: 0px;
        opacity: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
        box-shadow: 0 1px 6px rgba(0,0,0,.15);
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
        .dropOut ul {
            float: left;
            padding: 10px 0;
        }
                .dropOutLeft ul {
            float: left;
            padding: 10px 0;
        }
                                .dropOutRight ul {
            float: left;
            padding: 10px 0;
        }
            .dropOut ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutLeft ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
.dropOutRight ul li {
                text-transform: uppercase;
                font-size: 1em;
                font-family: Verdana, VerdanaIE;
                border-bottom: 1px solid #999999;
                text-align: center;
                float: left;
                width: 140px;
                padding: 10px 0px 10px 0px;
                margin: 0px 10px;
                color: white;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                -webkit-transition: background .1s ease-out;
                -moz-transition: background .1s ease-out;
                -ms-transition: background .1s ease-out;
                -o-transition: background .1s ease-out;
                transition: background .1s ease-out;
            }
                .dropOut ul li:hover {
                    background: #D3B467;
                }
                .dropOutLeft ul li:hover {
                    background: #D3B467;
                }
                .dropOutRight ul li:hover {
                    background: #D3B467;
                }
    .drop:hover {
        background-color: #4C4C4E;
        height: 100%;
    }

    ul li:hover a {
        color: white;
        background-color: transparent;
    }

    ul li:hover .dropdownContain {
        top: 100px;
    }
    ul li:hover .dropdownContainLeft {
        top: 100px;
    }
    ul li:hover .dropdownContainRight {
        top: 100px;
    }
    /** altura triangulo*/
    ul li:hover .underline {
        border-bottom-color: #777;
    }

    ul li:hover .dropOut {
        opacity: 1;
        margin-top: 8px;
    }
    ul li:hover .dropOutLeft {
        opacity: 1;
        margin-top: 8px;
    }
    ul li:hover .dropOutRight {
        opacity: 1;
        margin-top: 8px;
    }
    #navImages {
        display: block;
        float: left;
        text-align: center;
    }

    #navImagesLeyes {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesLeyes img#leyes {
            visibility: hidden;
            display: block;
        }

        #navImagesLeyes:hover {
            display: block;
            background-color: #4C4C4E;
        }

            #navImagesLeyes:hover img#leyes {
                visibility: visible;
                display: block;
                padding-left: 25%;
                background-color: #4C4C4E;
            }

    #navImagesDocumentos {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesDocumentos img#documentos {
            visibility: hidden;
            display: block;
        }

        #navImagesDocumentos:hover {
            display: block;
            background-color: transparent;
        }

            #navImagesDocumentos:hover img#documentos {
                visibility: visible;
                display: block;
                padding-left: 35%;
            }

    #navImagesSobre {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesSobre img#sobre {
            visibility: hidden;
            display: block;
        }

        #navImagesSobre:hover img#sobre {
            visibility: visible;
            display: block;
            padding-left: 40%;
        }

    #navImagesServicios {
        display: block;
        float: left;
        text-align: center;
        height: 100%;
    }

        #navImagesServicios img#servicios {
            visibility: hidden;
            display: block;
        }

        #navImagesServicios:hover img#servicios {
            visibility: visible;
            display: block;
            padding-left: 28%;
        }

    #navImagesBiblioteca {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesBiblioteca img#biblioteca {
            visibility: hidden;
            display: block;
        }

        #navImagesBiblioteca:hover img#biblioteca {
            visibility: visible;
            display: block;
            padding-left: 45%;
        }


    #navImagesMulti {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesMulti img#multi {
            visibility: hidden;
            display: block;
        }

        #navImagesMulti:hover img#multi {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesHistoria {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesHistoria img#historia {
            visibility: hidden;
            display: block;
        }

        #navImagesHistoria:hover img#historia {
            visibility: visible;
            display: block;
            padding-left: 35%;
        }

    #navImagesInternados {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesInternados img#internados {
            visibility: hidden;
            display: block;
        }

        #navImagesInternados:hover img#internados {
            visibility: visible;
            display: block;
            padding-left: 38%;
        }

    #navImagesAsamblea {
        display: block;
        float: left;
        text-align: center;
    }

        #navImagesAsamblea img#asamblea {
            visibility: hidden;
            display: block;
        }

        #navImagesAsamblea:hover img#asamblea {
            visibility: visible;
            display: block;
            padding-left: 40%;
        }
}
 @media only screen and (max-width: 799px) {
     .franja{width: 100%; background-color: #D3B467; height: 35px; color: white; text-align: center; font-family: 'Century Gothic'; padding-top:8px; visibility: visible; font-size: .7em; }
         @font-face{font-family: 'VerdanaIE';
    src: url('../Fonts/verdana.eot?#iefix') format('embedded-opentype');
}
      ul li {
            text-transform: uppercase;
            font-size: .7em;
            font-family: Verdana, VerdanaIE;
            letter-spacing: 1px;
            padding-top: 30px;
            cursor: pointer;
            -webkit-transition: padding .05s linear;
            -moz-transition: padding .05s linear;
            -ms-transition: padding .05s linear;
            -o-transition: padding .05s linear;
            transition: padding .05s linear;
        }
    .styleLogo {
        background-image: url('../images/logo-60.png');
        background-size: contain;
        height: 240px;
        background-repeat: no-repeat;
        background-position: center;

    }

}