* { margin:0; padding:0; }

body,h1,h2,h3,h4,h5,h6,p,blockquote,ol,ul,li,dl,dt,dd,table,legend,fieldset,abbr,acronym,blockquote {
    
    padding: 0;
    border: none;
    list-style: none;
    
}
body{
    font-family:Arial, helvetica, sans-serif;
    font-size:13px;
    color:#5b5b5b;
    background: #fcfcfc;
}

p {
    margin:10px 0;
}


.btn_menu {
    
    position: absolute;
    text-align: center;
    
    padding: 5px 10px;
    margin-top:3px;
    color: #777777;
    background-color: #d9edf7;
    font-weight: bold;
    text-decoration: none;
}

.btn_menu:hover {
    text-decoration: underline;
    color: brown;
    background:#FFD5D5;
}


/* LOGOUT */
.logout  {
    /*left:1145px;*/
    top:2px;
    right:0px;
    width:100px;
    text-align: center;
    padding:5px 0px;
    position: absolute;
    display:inline-block;
    color:#777777;
    background-color: #d9edf7;
    font-weight:bold;
    z-index: 10000;
    text-decoration: none;
}

.btn_menu_sincronize {
    top: 2px;
    right: 125px;
}

.btn_menu_cache {
    top: 2px;
    right: 275px;
}

.btn_menu_cache_publi {
    top: 2px;
    right: 388px;
}

/* CABECERA */
#cabecera {
    
    float:left;
    width: 1366px;
    position:relative;
}

.database_control {
    display: inline-block;
    position: absolute;
    top:3px;
    right:0;
}

.database_control .database_name {
    float:left;
    display: inline-block;
    line-height: 25px;
    padding:0 250px 0 0;
}

.database_control .database_change_button, .database_control .database_copy_button {
    float:left;
    display: inline-block;
    cursor: pointer;
}

.database_control .database_copy_button:disabled {
    cursor:default;
}

.database_control select {
    float:left;
    display: inline-block;
    margin:1px 0 0 0;
    background: none repeat scroll 0 0 #EFEFEF;
    border: 2px solid #444444;
    width:100px;
}

/* MENU PRINCIPAL */

.menu_principal {
    display:inline-block;
    float:left;
    width:1366px;
    /*background:#444444;*/
    border-bottom:7px solid #d9edf7;
}

.menu_principal li {
    display:inline-block;
    float:left;
    width:180px;
    height:30px;
    background:#fcfcfc;
    position: relative;
}

.menu_principal li a {
    display:inline-block;
    float:left;
    width:158px;
    padding:9px 10px 5px;
    color: #777777;
    text-decoration:none;
    font-weight:bold;
    border: 1px solid #d9edf7;
    border-bottom:none;
    text-align: center;
    font-size: 14px;
}

.menu_principal li:hover{
    background:#FCFFD8;
}
.menu_principal li:hover a { color:#000000; }

.menu_principal li.selected{
    background-color: #d9edf7;
    cursor:default;
    
}
.menu_principal li.selected a {cursor:default;color:#f2f2f2; font-weight: bold;color:black; }

.menu_principal li.action-buttons {
    float: right;
    margin-right: 115px;
    margin-top: 4px;
    width: auto;
}

.menu_principal li.action-buttons:hover {
    background-color: white;
}

.menu_principal li.action-buttons input {
    padding: 3px;
    color: white;
    background: #22718A;
    background: transparent url(/assets/imagenes/maqueta/bg_management_tabs.png) repeat-x;
    font-size: 12px;
    margin-left: 5px;
    border: none;
    cursor: pointer;
}

.btn_flush {
    top: 2px;
    right: 133px;
    width: 100px;
    text-align: center;
    padding: 5px 0px;
    position: absolute;
    display: inline-block;
    color: white;
    background-color: #22718A;
    font-weight: bold;
    z-index: 10000;
    text-decoration: none;
}

.btn_flush:hover {
    background: #DE0707;
    text-decoration: underline;
}

.menu_principal .flag {
    margin-top: -7px !important;
    margin-left: 4px;
    position: absolute;
}

      
/* -- MENU SECUNDARIO DESPLEGABLE ---------------------------------------------- -- */        

        .menu_principal li ul
        {
            position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
            left:0; /* Para que no monte sobre el <li> */
            top:0px;
            margin-left:0px;
            display:none;
            list-style: none;
        }

        .menu_principal> li > ul /* Solo para los ul debajo de los li de primer nivel. */
        {
           position:absolute;
           left:-1px;
           top:32px;
           display:none;
           list-style:none;
           width:180px;
        }

        .menu_principal> li > ul.menu_desplegable
        {
            left:0px;
        }

        .menu_principal li:hover > ul
        {
            display:block;
            z-index: 50000;
        }

            .menu_desplegable
            {
                padding:0px;
                background-color: white;
                /*border:1px solid #937543;*/

                box-shadow: 3px 5px 7px rgba(0,0,0,0.5);
               -webkit-box-shadow: 3px 5px 7px rgba(0,0,0,0.5);
               -moz-box-shadow: 3px 5px 7px rgba(0,0,0,0.5);
            }
            
            .menu_desplegable_titulo .flag {
                margin-top: -5px !important;
            }

            .menu_desplegable li
            {
                text-decoration: none;
                display:inline-block;
                width:230px;
            }


            .menu_desplegable li a {
                cursor: pointer !important;                
                text-align: left;
                color:black !important;
                font-weight: normal !important;
                width:209px;
            }
            
                span.menu_desplegable_titulo {
                    display: inline-block;
                    float: left;
                    width: 158px;
                    padding: 7px 10px 12px;
                    text-decoration: none;
                    font-weight: bold;
                    border: none;
                    border-bottom: none;
                    text-align: center;
                    font-size: 14px;
                }

                span.menu_desplegable_titulo:hover {cursor:default;color:#f2f2f2; font-weight: bold;color:black; }

                span.menu_desplegable_titulo.subtitle {
                    background-color: #8F0610;
                    color:white;
                    text-align: left;
                    width: 209px;
                }
                
        

/* END MENU PRINCIPAL */
#contenedor{
    margin:0 auto;
    display:block;
    width:1366px;
}

/* CONTENIDO */
#contenido {
    margin:0 auto;
    float:left;
    min-height:400px;
    width: 1366px;
    background:#FBEED5;
}
/* END CONTENIDO */


/* ICONO NUEVO */

.ico_new
{
    position: absolute;
    top: 5px;
    right: 5px;
}

.ico_type {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 3px;
    color: white;
    border-radius: 13px;
    -moz-border-radius: 13px;
    border: 1px solid #666;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.ico_type_url { background-color: #1B9C88; }
.ico_type_embed { background-color: #FF8534; }

/* PIE */

#footer {
    width:992px!important;
    text-align:center;
    margin:0 auto;
    display:block;
}

#footer .footer-container {
    padding:70px 0 30px 0;
    float:left;
    width:100%;
}

.menu-footer {
    width:100%;
    float:left;
    display:inline-block;
    padding:12px 0 0 0;
}

.menu-footer a {
    width:auto;
    display:inline-block;
    margin:0 15px;
    font-weight:bold;
    color:#8d8b8b;
    font-size:12px;
}

.text-footer {
    display:inline-block;
    font-size:12px;
    color:#b7b7b7;
    font-weight:bold;
    margin:5px 0 0 0;
}

.rights-footer {
    display:inline-block;
    font-size:12px;
    color:#b7b7b7;
    font-weight:bold;
    margin:20px 0 0 0;
}

/* ERRORES*/
.dialog-message {
    display: none;
}


.inplace_form {
    display: inline;
    margin: -16px 0px 0px 0px;
    padding: 8px;
    width: auto;
    float: left;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.52);
}

/* -- FLAGS -------------------------------------------------------------------- -- */
.spanish-flag {
    background: transparent url(/assets/imagenes/maqueta/banderas.png) 0px 0px;
    width: 25px;
    height: 26px;
    display: block;
    background-size: 102px;
}

.italian-flag {
    background: transparent url(/assets/imagenes/maqueta/banderas.png) 153px 0px;
    width: 25px;
    height: 25px;
    display: block;
    background-size: 102px;
}

.usa-flag {
    background: transparent url(/assets/imagenes/maqueta/banderas.png) 178px 0px;
    width: 25px;
    height: 25px;
    display: block;
    background-size: 102px;
}

.french-flag {
    background: transparent url(/assets/imagenes/maqueta/banderas.png) 128px 0px;
    width: 25px;
    height: 25px;
    display: block;
    background-size: 102px;
}

.spanish-flag.none, .italian-flag.none, .usa-flag.none, .french-flag.none {
    background-position-y: 79px;
}


/* -- Botones ------------------------------------------------------------------ -- */

.btn_filter_list {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px 0 0;
    background-color: #FFEDED;
    border: 1px solid #FFCDCD;
    padding: 8px;
    cursor: pointer;
    color: #5B5B5B;
    text-decoration: none;
    font-weight: bold;
}

.btn_filter_list:hover {
    background-color: #FFCDCD;
}

.btn_filter_list.actual {
    background-color: #CA0000;
    color: white;
}

.btn_action {
    float: right;
    margin: 8px 10px 0px 0px;
    background-color: #FFEDED;
    border: 1px solid #FFCDCD;
    padding: 6px 15px 4px 16px;
    cursor: pointer;
    line-height: 23px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.btn_action:hover {
    background-color: #FFCDCD;
}
 
.btn_filter_list.categoria-activa, .btn_filter_list.categoria-activo {
    background-image: url("/assets/imagenes/maqueta/activada.png");
    background-repeat: no-repeat;
    background-position: 8px 10px;
    padding-left: 27px;
}

.btn_filter_list.categoria-inactiva, .btn_filter_list.categoria-desactivo {
    background-image: url("/assets/imagenes/maqueta/desactivada.png");
    background-repeat: no-repeat;
    background-position: 8px 10px;
    padding-left: 27px;
}

.btn_filter_list.categoria-any-on{
    background-image: url("/assets/imagenes/maqueta/any-on.png");
    background-repeat: no-repeat;
    background-position: 8px 10px;
    padding-left: 50px;
}

.btn_filter_list.categoria-all-off {
    background-image: url("/assets/imagenes/maqueta/all-off.png");
    background-repeat: no-repeat;
    background-position: 8px 10px;
    padding-left: 50px;
}


.btn_filter_list.categoria-preparacion {
    background-image: url("/assets/imagenes/maqueta/en-construccion.png");
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding-left: 37px;
    background-size: 30px;
}

.btn_filter_list.categoria-cajon {
    background-image: url("/assets/imagenes/maqueta/caja.png");
    background-repeat: no-repeat;
    background-position: 8px 5px;
    padding-left: 34px;
}

.btn_filter_list.categoria-rehacer {
    background-image: url("/assets/imagenes/maqueta/rehacer.png");
    background-repeat: no-repeat;
    background-position: 8px 7px;
    padding-left: 32px;
    background-size: 18px;
}


/*******************************************************************************
*   PAGINACION
******************************************************************************** */

/* PAGINACION */
.paginacion {
    margin:10px 0 10px 0;
    display:inline-block;
    float:left;
    clear:both;
    width: 100%;
}

.paginacion a{
	border:solid 1px #c6baa4;
	margin-right:2px;
}

.paginacion .next a, .paginacion .previous a {
	font-weight:bold;
}
.paginacion .actual a{
	background:#c6baa4;
	color:#FFFFFF;
	font-weight:bold;
}
.paginacion a:link, .paginacion a:visited {
	color:#222222;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
.paginacion a:hover{
	border:solid 1px #222222;
    background-color: #666;
    color:white;
}

/**************************/
/* PARA QUE UN ELEMENTO ENGLOBE A SUS ELEMENTOS FLOAT */
/**************************/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}