.marco_superior

	{
		background: #9b9b9b;

		min-width: 380px;
		width: 100%;
		height: 63px;

		overflow: hidden;	
	}



/*El grosor del marco inferior se toca en "pantallas_drag.js"*/



.contenedor_drag

	{
	    overflow: hidden;
	    background: #9b9b9b;
	}



.pantalla_izquierda, .pantalla_derecha

	{
		float: left;
		width: 50%;
		overflow: auto;

		color: #555;
	}



.pantalla_unica

	{
		overflow: auto;

		color: #555;
	}



.linea_vertical_izquierda_drag

	{
	    padding-left: 0px;
	    padding-right: 5px;
	}



.linea_vertical_derecha_drag

	{
	    padding-left: 5px;
	    padding-right: 0px;
	}



.contenido_izquierda, .contenido_derecha

	{
		background-image: radial-gradient(#fff, #fff, #cbcbcb, #b2b2b2, #b2b2b2); 

		/*background-image: url(../imgs/fondo.jpg);*/

		overflow: auto;
		padding: 0 10px;
	}



.titulo_vista_administrador

	{
		margin-top: 30px;

		font-family: Typo-Hoop_Regular_punto; 

		font-size:22px;

		color: #555; 

		padding-right: 25px;

		text-align: right;		
	}



.titulo_vista_cliente

	{
		margin-top: 30px;

		font-family: Typo-Hoop_Regular_punto; 

		font-size:22px;

		color: #555; 

		padding-left: 25px;		
	}



.contenido_izquierda div, .contenido_derecha div

	{
		height: initial;
	}



#linea_vertical_arrastrable

	{
		position: absolute;
	    z-index: 3;
	    width: 10px;
	    cursor: col-resize;
	    background: transparent;
	}



.icono_ojo

    {
        stroke: currentColor;
        stroke-width: 8.25%;
        stroke-linecap: round;
        stroke-linejoin: round;
        fill: none;

        width: 1em;
        height: 1em;

        font-size: 1.7em; 

        color: #95782a;
    }



/*Fade-in de submenus administrador y usario / cliente*/

.submenu_modulos 

    {
        animation: fadein 1.2s;
        -moz-animation: fadein 1.2s; /* Firefox */
        -webkit-animation: fadein 1.2s; /* Safari and Chrome */
        -o-animation: fadein 1.2s; /* Opera */
    }



@keyframes fadein 

    {
        from 

            {
                opacity:0;
            }

        to 

            {
                opacity:1;
            }
    }



/* Firefox */

@-moz-keyframes fadein 

    { 
        from 

            {
                opacity:0;
            }

        to 

            {
                opacity:1;
            }
    }



/* Safari and Chrome */

@-webkit-keyframes fadein 

    { 
        from 

            {
                opacity:0;
            }

        to 

            {
                opacity:1;
            }
    }



/* Opera */

@-o-keyframes fadein 

    { 
        from 

            {
                opacity:0;
            }

        to 

            {
                opacity: 1;
            }
    }



/*..........................................................*/      

#contenedor_detalles_resultados_buscados

	{
		/*background-color: #ff0000;*/

		height: 72px;
	}



/*Sublogo de la pantalla derecha y de la izquierda*/

.sublogo_izq_der_drag

	{ 
		background-color: transparent; 

		border: none;

		margin-top: 90%;

		opacity: 0.3;
	}



.sublogo_izq_der

	{ 
		background-color: transparent; 

		border: none;

		margin-top: 55%;

		opacity: 0.3;
	}