@charset "utf-8";

/*--- RESET CSS ---*/
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
    strong, sub, sup, tt, var, legend, fieldset {
        margin: 0;
        padding: 0;
    }
     
    img, fieldset {
        border: 0;
    }
    img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
        margin: 0;
    }

/*--- FONTS ---*/
    @font-face {
        font-family: "regular";
        font-style: normal;
        src: url("fonts/rotissemisans.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/rotissemisans.woff") format("woff"), 
        url("fonts/rotissemisans.ttf") format("truetype"), 
        url("fonts/rotissemisans.svg#rotissemisans") 
        format("svg");
    }
    @font-face {
        font-family: "italic";
        font-style: normal;
        src: url("fonts/rotissemisans_italic.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/rotissemisans_italic.woff") format("woff"), 
        url("fonts/rotissemisans_italic.ttf") format("truetype"), 
        url("fonts/rotissemisans_italic.svg#rotissemisans_italic") 
        format("svg");
    }
    @font-face {
        font-family: "bold";
        font-style: normal;
        src: url("fonts/rotissemisans_bold.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/rotissemisans_bold.woff") format("woff"), 
        url("fonts/rotissemisans_bold.ttf") format("truetype"), 
        url("fonts/rotissemisans_bold.svg#rotissemisans_bold") 
        format("svg");
    }
    @font-face {
        font-family: "light";
        font-style: normal;
        src: url("fonts/rotissansseriflight.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/rotissansseriflight.woff") format("woff"), 
        url("fonts/rotissansseriflight.ttf") format("truetype"), 
        url("fonts/rotissansseriflight.svg#rotissansseriflight") 
        format("svg");
    }


    
/*--- GENERALES ---*/

    /*--- CUERPO Y SUBCUERPO---*/

        #cuerpo{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 900px;
            position: relative;
        }
        #subcuerpo{
            background-color: #FFF;
            display: inline-block;
            float: right;
            width: 100%;
            max-width: 730px;
            box-shadow: 0px 0px 10px #888888;
            position: relative;
        }

    /*--- MENU LATERAL ---*/

        #franjarriba{
            background-color: #c6997c;
            z-index: 51;
            display: block;
            float: right;
            width: 5px;
            height: 480px;
            position: fixed;
            top: 130px;
            margin-left: 165px;
        }
        #menu{
            background-color: #c6997c;
            z-index: 50;
            display: block;
            width: 100%;
            max-width: 170px;
            position: fixed;
            top: 200px;
        }
        #menu ul{
            list-style-type: none;
            padding-bottom: 30px;
            padding-left: 40px;
            padding-right: 15px;
            padding-top: 10px;
            background: url(../images/lat_menu.jpg);
            background-repeat: no-repeat;
            background-position: left top;
        }
        #menu li{
            display: block;
            width: auto;
            float: none;
            padding-bottom: 8px;
            padding-top: 8px;
            padding-right: 5px;
            text-align: right;
            border-bottom: 2px #e6bb9b solid;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #menu li:last-child{
            border-bottom: none;
            padding-bottom: 1px;
        }
        #menu a{
            text-decoration: none;
            font-family: "bold";
            font-size: 1em;
            color: #FFF;
            text-align: left;
            position: relative;
            bottom: 0px;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #menu a:hover{
            text-decoration: none;
            color: #a2d3e2;
            bottom: 3px;
        }

        #logochico{
            z-index: 130;
            /* display: inline-block; */
            /* float: none; */
            width: 100%;
            max-width: 115px;
            position: fixed;
            top: 550px;
            margin-left: 40px;
            display: none;
        }

    /*--- MENU OCULTO ---*/
        #menuoculto{
            display:none;
        }

    /*... MENU DESPLEGABLE ---*/
        #menudesplegable{
            display: none;
        }

    /*--- TOP SITIO ---*/
        #top{
            background-color: #f5cda9;
            background: url(../images/top.jpg);
            background-size: 100%;
            display: inline-block;
            width: 100%;
            height: 100%;
            position: relative;
        }
        #icoface{
            display: block;
            float: left;
            padding-top: 11%;
            padding-bottom: 8.75%;
            padding-left: 25%;
        }
        #icoface a{
            padding-right: 5px;
            position: relative;
            bottom: 0px;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #icoface a:hover{
            bottom: 5px;
        }
        #logotop{
            display: block;
            float: right;
            padding-top: 5.5%;
            padding-right: 25%;
        }
        #logotop img{
            width: 100%;
            max-width: 300px;
        }

    /*--- LOGO FLOTANTE ---*/

        #logoflotante{
            z-index: 120;
            display: inline-block;
            position: absolute;
            right: 0px;
            top: 80px;
            /*float: right;
            padding-top: 5.25%;
            margin-left: -268px;*/
        }

    /*--- BANNER HOME ---*/
        #bannerhome{
            background-color: #f5cda9;
            background-size: 100%;
            display: inline-block;
            width: 100%;
            height: 100%;
            margin-top: -4px;
        }

    /*--- MAQUINAS ---*/

        #intro{
            display: inline-block;
            float: none;
            width: 100%;
        }
        #maquinas{
            background: url(../images/negro_arriba.png);
            background-color: #FFF;
            background-position: top center;
            background-repeat: no-repeat;
            display: inline-block;
            float: none;
            width: 100%;
        }
        #maquina1{
            display: inline-block;
            float: left;
            width: 50%;
            padding-top: 1%;
            margin-bottom: -5px;
            opacity: 1;
            cursor: pointer;
        }
        #maquina2{
            display: inline-block;
            float: right;
            width: 50%;
            padding-top: 1%;
            margin-bottom: -5px;
            opacity: 1;
            cursor: pointer;
        }
        
        #fondodetallemaquinas{
            /*display: inline-block;*/
            float: none;
            width: 100%;
            margin-top: -5px;
            margin-bottom: -5px;
            background: url(../images/fon_beige.jpg);
            background-position: top center;
            background-repeat: repeat-y;
            position: relative;
        }
        #detallemaquina1{
            z-index: 121;
            background: url(../images/fondo_detalle.png);
            background-position: center top;
            background-repeat: no-repeat;
            display: inline-block;
            left: 0;
            width: 50%;
            height: 60px;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
            display: none;
            position: absolute;
        }
        #detallemaquina2{
            z-index: 121;
            background: url(../images/fondo_detalle.png);
            background-position: center top;
            background-repeat: no-repeat;
            display: inline-block;
            right: 0;
            width: 50%;
            height: 60px;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
            display: none;
            position: absolute;
        }
        #detallemaquina1 p{
            font-family: "regular";
            font-size: 0.9em;
            color: #FFF;
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
        }
        #detallemaquina2 p{
            font-family: "regular";
            font-size: 0.9em;
            color: #FFF;
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
        }

    /*--- ESPECIALIDADES ---*/

       	#especialidades {
            background: url(../images/fon_beige.jpg);
            background-color: #FFF;
            background-size: 100%;
            background-position: top center;
            background-repeat: repeat-y;
            display: inline-block;
            width: 100%;
        }
        #especialidades h1{
            font-family: "light";
            font-size: 1.75em;
            color: #000;
            opacity: 0.3;
            text-align: center;
            padding-top: 60px;
        }
        #especialidades h2{
            font-family: "regular";
            font-size: 1.25em;
            color: #000;
            opacity: 0.4;
            text-align: center;
            margin-top: -10px;
        }
        #especialidades p{
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: justify; 
            padding-top: 20px;
        }

        #desplegable{
            background: url(../images/fondo_verestudio.png);
            background-size: 160px;
            background-position: bottom center;
            background-repeat: no-repeat;
            display: block;
            float: none;
            padding-top: 20px;
            width: 100%;
            height: 54px;
        }
        #desplegable a{
            font-family: "light";
            font-size: 1em;
            color: #FFF;
            text-align: center;
            text-decoration: none;
            line-height: 4em;
        }
        #negroabajoespe{
        	z-index: 55;
        	background: url(../images/negro_abajo.png);
            background-position: bottom center;
            background-repeat: no-repeat;
        	display: block;
        	width: 100%;
        	height: 20px;
        }

        #estudiososcuro1{
        	background: url(../images/negro_arriba.png);
            background-position: top center;
            background-repeat: no-repeat;
            display: inline-block;
            float: none;
            width: 100%;
            margin-left: -30px;
            background-color: #575757;
            font-family: "light";
            font-size: 0.9em;
            color: #FFF;
            text-align: left;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 30px;
            padding-right: 30px;
        }
        #estudiososcuro{
            display: inline-block;
            float: none;
            width: 100%;
            margin-left: -30px;
            background-color: #575757;
            font-family: "light";
            font-size: 0.9em;
            color: #FFF;
            text-align: left;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 30px;
            padding-right: 30px;
        }
        #estudiosclaro{
            display: inline-block;
            float: none;
            width: 100%;
            margin-left: -30px;
            background-color: #c6997c;
            font-family: "light";
            font-size: 0.9em;
            color: #FFF;
            text-align: left;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 30px;
            padding-right: 30px;
        }
        #estudiosdiferente1{
            display: inline-block;
            float: none;
            width: 100%;
            margin-left: -30px;
            background-color: #d8bea7;
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: left;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 30px;
            padding-right: 30px;
        }
        #estudiosdiferente2{
            display: inline-block;
            float: none;
            width: 100%;
            margin-left: -30px;
            background-color: #f3cda8;
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: left;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 30px;
            padding-right: 30px;
        }
        
        /*--- NAVEGADORES ---*/
            #navegador{
                display: inline-block;
                float: none;
                width: 100%;
            }
            #flechader{
                display: inline-block;
                float: right;
                width: 5%;
            }
            #flechaizq{
                display: inline-block;
                float: left;
                width: 5%;
            }

        
        /*--- ESPECIALIDADES 1 ---*/
            #especialidades1{
                display: block;
                float: none;
            }
            #especialidades1 a{
                font-family: "light";
                font-size: 1em;
                color: #7C6654;
                text-decoration: none;
                position: relative;
                bottom: 0px;
                transition: all .25s;
                -moz-transition:transition: all .25s;
                -ms-transition:transition: all .25s;
                -webkit-transition:transition: all .25s
                -o-transition:transition: all .25s;
            }
            #especialidades1 a:hover{
                text-decoration: none;
                color: #000;
                bottom: 3px;
            }

            #especialidadesizq{
                display: inline-block;
                float: left;
                width: 50%;
            }
            #especialidadesizq ul{
                list-style-type: none;
                border-right: 2px #B99A7F solid;
            }
            #especialidadesizq ul li:last-child{
                border-bottom: none;
            }
            #especialidadesizq ul li{
                font-family: "regular";
                font-size: 0.9em;
                color: #7C6654;
                text-align: right;
                padding: 5px;
                padding-right: 20px;
                border-bottom: 1px #B99A7F solid;
            }
            #especialidadesizq ul li:last-child{
                border-bottom: none;
            }

            #especialidadesder{
                display: inline-block;
                float: right;
                width: 50%;
            }
            #especialidadesder ul li{
                list-style-type: none;
            }
            #especialidadesder ul li{
                font-family: "regular";
                font-size: 0.9em;
                color: #7C6654;
                text-align: left;
                padding: 5px;
                padding-left: 20px;
                border-bottom: 1px #B99A7F solid;
            }
            #especialidadesder ul li:last-child{
                border-bottom: none;
            }

        /*--- ESPECIALIDADES 2 ---*/
            #especialidades2{
				display: block;
                float: none;
                height: auto;
			}

        /*--- ESPECIALIDADES 3 ---*/
            #especialidades3{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 4 ---*/
            #especialidades4{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 5 ---*/
            #especialidades5{
                display: block;
                float: none;
                height: auto;
            }
     
        /*--- ESPECIALIDADES 6 ---*/
            #especialidades6{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 7 ---*/
            #especialidades7{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 8 ---*/
            #especialidades8{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 9 ---*/
            #especialidades9{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 10 ---*/
            #especialidades10{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 11 ---*/
            #especialidades11{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 12 ---*/
            #especialidades12{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 13 ---*/
            #especialidades13{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 14 ---*/
            #especialidades14{
                display: block;
                float: none;
                height: auto;
            }

        /*--- ESPECIALIDADES 15 ---*/
            #especialidades15{
                display: block;
                float: none;
                height: auto;
            }

    /*--- ASOCIADOS ---*/

        #asociados {
            display: inline-block;
            float:none;
            width: 100%;
            margin-top: -4px;
        }
        #asociadoscompleto{
            background: url(../images/negro_arriba.png);
            background-color: #FFF;
            background-position: top center;
            background-repeat: no-repeat;
            display: inline-block;
            float: none;
            width: 100%;
            padding-top: 25px;
        }
        #asociadosizq {
            display: inline-block;
            float: left;
            width: 45%;
            height: 100px;
            font-family: "regular";
            font-size: 1em;
            color: #333;
            text-align: right;
            padding-right: 30px;
            padding-top: 10px;
            border-right: 2px #DDD solid;
        }
        #asociadosder {
            display: inline-block;
            float: right;
            width: 45%;
            padding-left: 30px;
            padding-top: 10px;
            text-align: left;
        }

        #negroabajo{
        	background: url(../images/negro_abajo.png);
            background-position: bottom center;
            background-repeat: no-repeat;
        	display: inline-block;
        	float: none;
        	width: 100%;
        	height: 20px;
        }

    /*--- INSTITUCIONAL ---*/

        #institucional {
            background: url(../images/fon_beige.jpg);
            background-color: #FFF;
            background-size: 100%;
            background-position: top center;
            background-repeat: repeat-y;
            display: inline-block;
            width: 100%;
            margin-top: -4px;
        }
        #franjagris{
            display: inline-block;
            width: 100%;
            height: 20px;
            background-color: #575757;
            margin-bottom: -1px;
        }
        #institucional h1{
            font-family: "light";
            font-size: 1.5em;
            color: #000;
            opacity: 0.4;
            text-align: center;
        }
        #institucional h2 {
            font-family: "regular";
            font-size: 1.25em;
            color: #333;
            text-align: center;
            margin-top: -10px;
        }
        #institucional p {
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: justify;
            padding-bottom: 15px;
            padding-top: 20px;
        }

        #desplegableins1 {
            background: url(../images/fondo_verestudio.png);
            background-size: 160px;
            background-position: bottom center;
            background-repeat: no-repeat;
            display: inline-block;
            float: none;
            padding-top: 20px;
            width: 25%;
            height: 54px;
        }
        #desplegableins1 a {
            font-family: "light";
            font-size: 1em;
            color: #FFF;
            text-align: center;
            text-decoration: none;
            line-height: 4em;
        }
        #desplegableins2 {
            background: url(../images/fondo_verestudio2.png);
            background-size: 160px;
            background-position: bottom center;
            background-repeat: no-repeat;
            display: inline-block;
            float: none;
            padding-top: 20px;
            width: 25%;
            height: 54px;
        }
        #desplegableins2 a {
            font-family: "light";
            font-size: 1em;
            color: #FFF;
            text-align: center;
            text-decoration: none;
            line-height: 4em;
        }

        #institucional1{
            display: inline-block;
            float: none;
            margin-right: 40px;
            margin-left: 40px;
        }

        #institucional2{
            background-color: #575757;
            display: inline-block;
            float: none;
            padding-right: 40px;
            padding-left: 40px;
            padding-bottom: 20px;
            padding-top: 10px;
            margin-top: -5px;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #institucional2 p{
            font-family: "light";
            font-size: 0.9em;
            color: #FFF;
            text-align: justify;
        }

        #institucional3{
            background-color: #363636;
            display: inline-block;
            float: none;
            padding-right: 40px;
            padding-left: 40px;
            padding-bottom: 20px;
            padding-top: 10px;
            margin-top: -5px;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #institucional3 p{
            font-family: "light";
            font-size: 0.9em;
            color: #FFF;
            text-align: justify;
        }

    /*--- STAFF ---*/

        #staff{
            background-color: #9dbbc6;
            display: inline-block;
            float: none;
            width: 100%;
            margin-top: -5px;
        }

        #staffgral{
            background: url(../images/negro_arriba.png);
            background-position: top center;
            background-repeat: no-repeat;
            padding-top: 20px;
            padding-right: 40px;
            padding-left: 40px;
        }

        #staff h1{
            font-family: "light";
            font-size: 1.5em;
            color: #FFF; /* #7C6654 */
            text-align: center;
        }
        #staff h2{
            font-family: "regular";
            font-size: 1.25em;
            color: #333;
            text-align: center;
            margin-top: -10px;
        }
        #staff p{
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: justify;
            padding-bottom: 15px;
            padding-top: 20px;
        }


        #staffizq{
            display: inline-block;
            float: left;
            width: 50%;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        #staffizq ul{
            list-style-type: none;
        }
        #staffizq ul li:last-child{
            border-bottom: none;
        }
        #staffizq ul li{
            font-family: "regular";
            font-size: 0.9em;
            color: #FFF; /* #7C6654 */
            text-align: right;
            padding: 5px;
            padding-right: 20px;
            border-bottom: 1px #FFF solid;
        }
        #staffizq ul li:last-child{
            border-bottom: none;
        }

        #staffder{
            display: inline-block;
            float: right;
            width: 50%;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        #staffder ul{
            border-left: 2px #FFF solid;
        }
        #staffder ul li{
            list-style-type: none;
        }
        #staffder ul li{
            font-family: "regular";
            font-size: 0.9em;
            color: #FFF; /* #7C6654 */
            text-align: left;
            padding: 5px;
            padding-left: 20px;
            border-bottom: 1px #FFF solid;
        }
        #staffder ul li:last-child{
            border-bottom: none;
        }

    /*--- PIE ---*/

        #contacto{
            display: inline-block; 
            width: 100%;
            height: 50px;
            margin-top: -4px;
        }

        #pie{
            background: url(../images/negro_arriba.png);
            background-color: #FFF;
            background-position: top center;
            background-repeat: no-repeat;
            margin-top: -3px;
        }
        #pie ul{
            list-style-type: none;
            display: inline-block;
            float: none;
            width: 90%;
            padding-bottom: 20px;
        }
        #pie li{
            display: inline-block;
            float: left;
            width: 20%;
        }
        #pie p{
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: center;
            padding-bottom: 20px;
            padding-top: 10px;
        }
        #pie a{
            color: #F00;
            text-decoration: none;
        }


    


/*--- PANTALLA 900 ...*/
    @media only screen and (max-width: 900px) {

    /*--- CUERPO Y SUBCUERPO---*/

        #cuerpo{
            max-width: 768px;
        }
        #subcuerpo{
            max-width: 628px;
        }

    /*--- MENU LATERAL ---*/

        #franjarriba{
            background-color: #c6997c;
            z-index: 51;
            display: block;
            float: right;
            width: 5px;
            height: 500px;
            position: fixed;
            top: 110px;
            margin-left: 135px;
        }
        #menu{
            max-width: 140px;
            top: 170px;
        }
        #menu ul{
            padding: 20px;
            padding-left: 15px;
            padding-right: 15px;
            background: none;
        }
        #menu li{
            padding-bottom: 10px;
            padding-top: 10px;
            padding-right: 0px;
        }
        #menu li:last-child{
            padding-bottom: 1px;
        }


        #logochico{
            top: 40px;
            margin-left: 14px;
        }

    /*--- TOP SITIO ---*/
        #top{
            background-color: #f5cda9;
            background: url(../images/top.jpg);
            background-size: 100%;
            display: inline-block;
            width: 100%;
            height: 100%;
            position: relative;
        }
        #icoface{
            padding-top: 10%;
            padding-bottom: 8%;
            padding-left: 10%;
        }
        #logotop{
            padding-top: 5.5%;
            padding-right: 33%;
        }
        #logotop img{
            width: 80%;
        }

    /*--- LOGO FLOTANTE ---*/

        #logoflotante{
            top: 30px;
            width: 35%;
        }

    
        
        /*--- ESPECIALIDADES 1 ---*/
            #especialidades1{
                width: 628px;
                height: 300px;
            }

        
        /*--- ESPECIALIDADES 2 ---*/
            #especialidades2{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 3 ---*/
            #especialidades3{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 4 ---*/
            #especialidades4{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 5 ---*/
            #especialidades5{
                width: 628px;
                height: 300px;
            }

        
        /*--- ESPECIALIDADES 6 ---*/
            #especialidades6{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 7 ---*/
            #especialidades7{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 8 ---*/
            #especialidades8{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 9 ---*/
            #especialidades9{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 10 ---*/
            #especialidades10{
                width: 628px;
                height: 300px;
            }


        /*--- ESPECIALIDADES 11 ---*/
            #especialidades11{
                width: 628px;
                height: 300px;
            }

    }

/*--- PANTALLA 768 ...*/
    @media only screen and (max-width: 768px) {

    /*--- CUERPO Y SUBCUERPO---*/

        #cuerpo{
            max-width: 640px;
        }
        #subcuerpo{
            max-width: 500px;
        }

    /*--- MENU LATERAL ---*/

        #franjarriba{
            background-color: #c6997c;
            z-index: 51;
            display: block;
            float: right;
            width: 5px;
            height: 465px;
            position: fixed;
            top: 90px;
            margin-left: 135px;
        }
        #menu{
            top: 136px;
        }
        #logochico{
            top: 10px;
        }

    /*--- TOP SITIO ---*/
        #icoface{
            padding-top: 9%;
            padding-bottom: 7%;
            padding-left: 7%;
        }
        #logotop{
            padding-top: 5%;
            padding-right: 23%;
        }
        #logotop img{
            width: 70%;
        }

    /*--- MAQUINAS ---*/

        #detallemaquina1 p{
            font-size: 0.8em;
        }
        #detallemaquina2 p{
            font-size: 0.8em;
        }

    /*--- ESPECIALIDADES ---*/

        /*--- NAVEGADORES ---*/
            
            #flechader{
                padding-right: 2%;
            }
            #flechaizq{
                padding-left: 2%;
            }

        /*--- ESPECIALIDADES 1 ---*/
            #especialidades1{
                width: 500px;
                height: auto;
            }

        
        /*--- ESPECIALIDADES 2 ---*/
            #especialidades2{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 3 ---*/
            #especialidades3{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 4 ---*/
            #especialidades4{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 5 ---*/
            #especialidades5{
                width: 500px;
                height: auto;
            }

        
        /*--- ESPECIALIDADES 6 ---*/
            #especialidades6{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 7 ---*/
            #especialidades7{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 8 ---*/
            #especialidades8{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 9 ---*/
            #especialidades9{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 10 ---*/
            #especialidades10{
                width: 500px;
                height: auto;
            }


        /*--- ESPECIALIDADES 11 ---*/
            #especialidades11{
                width: 500px;
                height: auto;
            }

    /*--- ASOCIADOS ---*/

        #asociadosizq {
            width: 44%;
            height: auto;
            font-size: 0.9em;
        }
        #asociadosder {
            width: 44%;
            padding-left: 20px;
            padding-top: 0px;
        }

    /*--- INSTITUCIONAL ---*/

        #institucional1{
            margin-right: 20px;
            margin-left: 20px;
        }

        #institucional2{
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 20px;
            padding-top: 0px;
        }
        #institucional3{
            padding-right: 20px;
            padding-left: 20px;
            padding-bottom: 20px;
            padding-top: 0px;
        }

        #desplegableins1 {
            width: 35%;
        }
        #desplegableins2 {
            width: 35%;
        }

    }

/*--- PANTALLA 640 ...*/
    @media only screen and (max-width: 640px) {

    /*--- CUERPO Y SUBCUERPO---*/

        #cuerpo{
            max-width: 480px;
        }
        #subcuerpo{
            max-width: 100%;
        }

    /*--- MENU LATERAL ---*/

        #franjarriba{
            display: none;
        }
        #menu{
            display: none;
        }
        #logochico{
            opacity: 0;
        }

    /*--- MENU OCULTO ---*/
        /*#menuoculto{
            background-color: #c6997c;
            display: block;
            z-index: 51;
            width: 100%;
            max-width: 480px;
            height: 45px;
            position: relative;
        }
        #menuoculto ul{
            list-style-type: none;
            padding: 10px;
        }
        #menuoculto li{
            display: block;
            width: auto;
            float: left;
            padding-right: 7px;
            padding-left: 7px;
            padding-bottom: 7px;
            text-align: center;
            border-right: 2px #e6bb9b solid;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #menuoculto li:last-child{
            border-right: none;
        }
        #menuoculto li:hover{
            background-color: #d6af96;
        }
        #menuoculto a{
            text-decoration: none;
            font-family: "bold";
            font-size: 0.8em;
            color: #FFF;
            text-align: left;
            position: relative;
            bottom: 0px;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #menuoculto a:hover{
            text-decoration: none;
            color: #000;
            bottom: -2px;
        }*/

    /*--- MENU DESPLEGABLE ---*/
            #menudesplegable{
                display: block;
                background-color: #c6997c;
                z-index: 200;
                overflow: hidden;
                width: 100%;
                height: 40px;
            }
            #menudesplegable ul{
                float: none;
                list-style-type:none;
                text-align: center;
                padding-top: 10px;
                transition: all .25s;
                -moz-transition:transition: all .55s;
                -ms-transition:transition: all .55s;
                -webkit-transition:transition: all .55s
                -o-transition:transition: all .55s
            }
            #menudesplegable ul a{
                font-family: "regular";
                font-size: 1em;
                text-decoration: none;
                text-align: center;
                color: #FFF;
            }

                /* SUBMENU DESPLEGABLE  */
                    #menudesplegable ul li ul{
                        z-index: 102;
                        background-color: #c6997c;
                        display: inline-block;
                        float: none;
                        width: 100%;
                        position: absolute;
                        opacity: 0;
                        visibility: hidden;
                        top: -30px;
                        right: 0px;
                        transition: all .25s;
                        -moz-transition:transition: all .25s;
                        -ms-transition:transition: all .25s;
                        -webkit-transition:transition: all .25s;
                        -o-transition:transition: all .25s;
                    }
                    #menudesplegable ul li ul li{
                        width: auto;
                        height: 35px;
                        border-bottom: 1px solid #575757;
                        transition: all .25s;
                        -moz-transition:transition: all .25s;
                        -ms-transition:transition: all .25s;
                        -webkit-transition:transition: all .25s
                        -o-transition:transition: all .25s;
                    }
                    #menudesplegable ul li ul li a{
                        font-family: 'regular';
                        font-size: 1em;
                        color: #FFF;
                        text-align: center;
                        text-decoration: none;
                        line-height: 35px;
                        bottom: 0px;
                        transition: all .25s;
                        -moz-transition:transition: all .25s;
                        -ms-transition:transition: all .25s;
                        -webkit-transition:transition: all .25s
                        -o-transition:transition: all .25s;
                    }
                    #menudesplegable ul li ul li a:hover{
                        color: #000;
                        bottom: 3px;
                        position: relative;        
                    }
                    #menudesplegable ul li:hover ul {
                        opacity: 1;
                        display: block;
                        visibility: visible;
                        float: none;
                        top: 30px;
                    }

    /*--- TOP SITIO ---*/
        #icoface{
            padding-top: 7%;
            padding-bottom: 6%;
            padding-left: 5%;
        }
        #logotop{
            text-align: left;
            padding-top: 6%;
            padding-right: 18%;
        }
        #logotop img{
            width: 60%;
        }

     /*--- MAQUINAS ---*/

        #detallemaquina1 p{
            font-size: 0.75em;
            padding-left: 5px;
            padding-right: 5px;
        }
        #detallemaquina2 p{
            font-size: 0.75em;
            padding-left: 5px;
            padding-right: 5px;
        }

    /*--- ESPECIALIDADES ---*/



        /*--- ESPECIALIDADES 1 ---*/
            #especialidades1{
                width: 480px;
            }

        
        /*--- ESPECIALIDADES 2 ---*/
            #especialidades2{
                width: 480px;
            }


        /*--- ESPECIALIDADES 3 ---*/
            #especialidades3{
                width: 480px;
            }


        /*--- ESPECIALIDADES 4 ---*/
            #especialidades4{
                width: 480px;
            }


        /*--- ESPECIALIDADES 5 ---*/
            #especialidades5{
                width: 480px;
            }

        
        /*--- ESPECIALIDADES 6 ---*/
            #especialidades6{
                width: 480px;
            }


        /*--- ESPECIALIDADES 7 ---*/
            #especialidades7{
                width: 480px;
            }


        /*--- ESPECIALIDADES 8 ---*/
            #especialidades8{
                width: 480px;
            }


        /*--- ESPECIALIDADES 9 ---*/
            #especialidades9{
                width: 480px;
            }


        /*--- ESPECIALIDADES 10 ---*/
            #especialidades10{
                width: 480px;
            }


        /*--- ESPECIALIDADES 11 ---*/
            #especialidades11{
                width: 480px;
            }

    }

/*--- PANTALLA 480 ...*/
    @media only screen and (max-width: 480px) {

    /*--- CUERPO Y SUBCUERPO---*/

        #cuerpo{
            max-width: 360px;
        }

    /*--- TOP SITIO ---*/
        #icoface img{
            width: 80%;
        }
        #icoface{
            padding-top: 8%;
            padding-bottom: 5%;
            padding-left: 15%;
        }
        #logotop{
            width: 65%;
            text-align: left;
            padding-top: 4.5%;
            padding-right: 0%;
        }
        #logotop img{
            width: 70%;
        }

    /*--- LOGO FLOTANTE ---*/

        #logoflotante{
            display: none;
        }

    /*--- ESPECIALIDADES ---*/



        /*--- ESPECIALIDADES 1 ---*/
            #especialidades1{
                width: 360px;
                height: auto;
            }

            #especialidadesizq{
                float: none;
                width: 100%;
            }
            #especialidadesizq ul{
                border-right: none;
                padding-right: 15px;
                padding-left: 15px;
            }
            #especialidadesizq ul li{
                text-align: center;
                padding-right: 0px;
            }
            #especialidadesizq ul li:last-child{
                border-bottom: 1px #B99A7F solid;
            }

            #especialidadesder{
                float: none;
                width: 100%;
            }
            #especialidadesder ul{
                padding-right: 15px;
                padding-left: 15px;
            }
            #especialidadesder ul li{
                text-align: center;
                padding-left: 0px;
            }


        
        /*--- ESPECIALIDADES 2 ---*/
            #especialidades2{
                width: 360px;
            }


        /*--- ESPECIALIDADES 3 ---*/
            #especialidades3{
                width: 360px;
            }


        /*--- ESPECIALIDADES 4 ---*/
            #especialidades4{
                width: 360px;
            }


        /*--- ESPECIALIDADES 5 ---*/
            #especialidades5{
                width: 360px;
            }

        
        /*--- ESPECIALIDADES 6 ---*/
            #especialidades6{
                width: 360px;
            }


        /*--- ESPECIALIDADES 7 ---*/
            #especialidades7{
                width: 360px;
            }


        /*--- ESPECIALIDADES 8 ---*/
            #especialidades8{
                width: 360px;
            }


        /*--- ESPECIALIDADES 9 ---*/
            #especialidades9{
                width: 360px;
            }


        /*--- ESPECIALIDADES 10 ---*/
            #especialidades10{
                width: 360px;
            }


        /*--- ESPECIALIDADES 11 ---*/
            #especialidades11{
                width: 360px;
            }

    /*--- ASOCIADOS ---*/

        #asociadosizq {
            float: none;
            width: 100%;
            height: auto;
            text-align: center;
            padding-right: 0px;
            padding-top: 0px;
            padding-bottom: 20px;
            border-bottom: 2px #DDD solid;
        }
        #asociadosder {
            float: none;
            width: 100%;
            padding-left: 0px;
            padding-top: 20px;
            text-align: center;
        }

    /*--- INSTITUCIONAL ---*/

        #desplegableins1 {
            width: 45%;
        }
        #desplegableins2 {
            width: 45%;
        }

    /*--- STAFF ---*/

        #staffgral{
            padding-right: 20px;
            padding-left: 20px;
        }

        #staffizq{
            display: inline-block;
            float: none;
            width: 100%;
            padding-top: 20px;
            padding-bottom: 0px;
        }
        #staffizq ul li:last-child{
            border-bottom: 1px #FFF solid;
        }
        #staffizq ul li{
            font-family: "regular";
            font-size: 0.9em;
            text-align: center;
            padding: 5px;
            padding-right: 0px;
            border-bottom: 1px #FFF solid;
        }
        #staffizq ul li:last-child{
            border-bottom: none;
        }

        #staffder{
            display: inline-block;
            float: none;
            width: 100%;
            padding-top: 0px;
            padding-bottom: 20px;
        }
        #staffder ul{
            border-left: none;
        }
        #staffder ul li{
            text-align: center;
            padding: 5px;
            padding-left: 0px;
            border-bottom: 1px #FFF solid;
        }

    /*--- PIE ---*/

        #pie li{
            float: none;
            width: 40%;
        }
        #pie p{
            padding: 20px;
        }


    }

/*--- PANTALLA 360 ...*/
    @media only screen and (max-width: 360px) {

    /*--- CUERPO Y SUBCUERPO---*/

        #cuerpo{
            max-width: 320px;
        }

    /*--- TOP SITIO ---*/
        #icoface img{
            width: 100%;
        }
        #icoface{
            padding-top: 6%;
            padding-bottom: 1%;
            padding-left: 12%;
        }

    /*--- ESPECIALIDADES ---*/


        /*--- ESPECIALIDADES 1 ---*/
        #especialidades {
            background: url(none);
            background-color: #ffe6d0;
            background-size: 100%;
            background-position: top center;
            background-repeat: repeat-y;
            display: inline-block;
            width: 100%;
        }
        #especialidades h1{
            font-family: "light";
            font-size: 2em;
            color: #7C6654;
            text-align: center;
        }
        #especialidades h2{
            font-family: "regular";
            font-size: 1.25em;
            color: #333;
            text-align: center;
            margin-top: -10px;
        }
        #especialidades p{
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: justify;
            padding-bottom: 15px;
            padding-top: 20px;
        }



        #especialidades1{
                width: 320px;
                height: auto;
            }

            #especialidadesizq{
                float: none;
                width: 100%;
            }
            #especialidadesizq ul{
                border-right: none;
                padding-right: 15px;
                padding-left: 15px;
            }
            #especialidadesizq ul li{
                text-align: center;
                padding-right: 0px;
            }
            #especialidadesizq ul li:last-child{
                border-bottom: 1px #B99A7F solid;
            }

            #especialidadesder{
                float: none;
                width: 100%;
            }
            #especialidadesder ul{
                padding-right: 15px;
                padding-left: 15px;
            }
            #especialidadesder ul li{
                text-align: center;
                padding-left: 0px;
            }


        
        /*--- ESPECIALIDADES 2 ---*/
            #especialidades2{
                width: 360px;
            }


        /*--- ESPECIALIDADES 3 ---*/
            #especialidades3{
                width: 360px;
            }


        /*--- ESPECIALIDADES 4 ---*/
            #especialidades4{
                width: 360px;
            }


        /*--- ESPECIALIDADES 5 ---*/
            #especialidades5{
                width: 360px;
            }

        
        /*--- ESPECIALIDADES 6 ---*/
            #especialidades6{
                width: 360px;
            }


        /*--- ESPECIALIDADES 7 ---*/
            #especialidades7{
                width: 360px;
            }


        /*--- ESPECIALIDADES 8 ---*/
            #especialidades8{
                width: 360px;
            }


        /*--- ESPECIALIDADES 9 ---*/
            #especialidades9{
                width: 360px;
            }


        /*--- ESPECIALIDADES 10 ---*/
            #especialidades10{
                width: 360px;
            }


        /*--- ESPECIALIDADES 11 ---*/
            #especialidades11{
                width: 360px;
            }

    /*--- INSTITUCIONAL ---*/

        #institucional {
           background: url(none);
            background-color: #ffe6d0;
            display: inline-block;
            width: 100%;
            margin-top: -4px;
        }

    }

/*--- PANTALLA 320 ...*/
    @media only screen and (max-width: 320px) {

    /*--- CUERPO Y SUBCUERPO---*/

        #cuerpo{
            max-width: 240px;
        }

    /*--- TOP SITIO ---*/
        #top{
            background: url(none);
            background-color: #ffe6d0;
        }

        #icoface{
            display:none;
        }

        #logotop{
            padding-top: 5%;
            padding-right: 23%;
        }
        #logotop img{
            width: 100%;
        }

    /*--- APAGAR BANNER HOME ---*/
        #wowslider-container1{
            display:none;
        }

    /*--- ESPECIALIDADES ---*/


        /*--- ESPECIALIDADES 1 ---*/
        
        #especialidades h1{
            font-size: 1.8em;
            padding-top: 10px;
        }
        #especialidades h2{
            font-size: 1em;
            margin-top: -10px;
        }
        #especialidades p{
            font-family: "light";
            font-size: 0.9em;
            color: #000;
            text-align: justify;
            padding-bottom: 15px;
            padding-top: 20px;
        }



        #especialidades1{
                width: 240px;
                height: auto;
            }

       
        /*--- ESPECIALIDADES 2 ---*/
            #especialidades2{
                width: 240px;
            }


        /*--- ESPECIALIDADES 3 ---*/
            #especialidades3{
                width: 240px;
            }


        /*--- ESPECIALIDADES 4 ---*/
            #especialidades4{
                width: 240px;
            }


        /*--- ESPECIALIDADES 5 ---*/
            #especialidades5{
                width: 240px;
            }

        
        /*--- ESPECIALIDADES 6 ---*/
            #especialidades6{
                width: 240px;
            }


        /*--- ESPECIALIDADES 7 ---*/
            #especialidades7{
                width: 240px;
            }


        /*--- ESPECIALIDADES 8 ---*/
            #especialidades8{
                width: 240px;
            }


        /*--- ESPECIALIDADES 9 ---*/
            #especialidades9{
                width: 240px;
            }


        /*--- ESPECIALIDADES 10 ---*/
            #especialidades10{
                width: 240px;
            }


        /*--- ESPECIALIDADES 11 ---*/
            #especialidades11{
                width: 240px;
            }

    /*--- NAVEGADORES ---*/

            #flechader{
                display: inline-block;
                float: right;
                width: 15%;
            }
            #flechaizq{
                display: inline-block;
                float: left;
                width: 15%;
            }

    /*--- ASOCIADOS ---*/

        #asociadosizq {
            width: 90%;
            border-right: none;
        }
        #asociadosder {
            width: 90%;
        }

    /*--- INSTITUCIONAL ---*/

        #desplegableins1 {
            width: 45%;
        }
        #desplegableins2 {
            width: 45%;
        }
        #desplegableins1 a {
            font-family: "light";
            font-size: 0.8em;
            color: #FFF;
            text-align: center;
            text-decoration: none;
            line-height: 5em;
        }
        #desplegableins2 a {
            font-family: "light";
            font-size: 0.8em;
            color: #FFF;
            text-align: center;
            text-decoration: none;
            line-height: 5em;
        }

    /*--- PIE ---*/
        #pie li{
            width: 75%;
        }


    }

/*--- PANTALLA 240 ...*/
    @media only screen and (max-width: 240px) {
        
    

    }