/*  
 * Esta hoja de estilos contiene los estilos necesarios
 * para el layout
 *  
 */

#designerGeneral{
    position: relative;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
#sector-cabecera{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#designerSectoresCompletos{
}

#designerSectoresContenidos {
}

#sector-superior{
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#designerColumnas{
    margin: 0 auto;
}

#sector-izquierdo{
    margin: 0;
    padding: 0;
    float: left;
    height: 100%;
}

#sector-central{
    margin: 0;
    padding: 0;
    float: left;
    height: 100%;
}

#sector-derecho{
    margin: 0;
    padding: 0;
    float: right;
    height: 100%;
}

#sector-inferior{
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#sector-flotante{
    position: fixed;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

body.designerSeleccionableBody #sector-cabecera, body.designerSeleccionableBody #sector-superior,
body.designerSeleccionableBody #sector-izquierdo, body.designerSeleccionableBody #sector-central,
body.designerSeleccionableBody #sector-derecho, body.designerSeleccionableBody #sector-inferior
{
    border: 1px solid #bdb2d7;
    border-radius: 3px;
    min-height: 30px;
}

body.designerSeleccionableBody #sector-cabecera:hover, body.designerSeleccionableBody #sector-superior:hover,
body.designerSeleccionableBody #sector-izquierdo:hover, body.designerSeleccionableBody #sector-central:hover,
body.designerSeleccionableBody #sector-derecho:hover, body.designerSeleccionableBody #sector-inferior:hover
{
    border: 1px solid #644e9a;
}

#sector-central {
    padding: 20px;
    -webkit-box-shadow: 0px 0px 111px -32px rgba(0,0,0,0.81);
	-moz-box-shadow: 0px 0px 111px -32px rgba(0,0,0,0.81);
	box-shadow: 0px 0px 111px -32px rgba(0,0,0,0.81);
}