* { 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: white;
}

p {
    margin:10px 0;
}


.btn_menu {
    
    position: absolute;
    text-align: center;
    
    padding: 5px 10px;
    margin-top:3px;
    color: white;
    background-color: #22718A;
    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:#ffffff;
    background-color: #22718A;
    font-weight:bold;
    z-index: 10000;
    text-decoration: none;
}

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

.btn_menu_cache_es {
    top: 2px;
    right: 662px;
}

.btn_menu_cache_kiwi {
    top: 2px;
    right: 352px;
    background-color: #7EB278;
}

.btn_menu_cache_kiwi_mobile {
    top: 2px;
    right: 469px;
    background-color: #7EB278;
}
.btn_menu_cache_es_mobile {
    top: 2px;
    right: 641px;
}

.btn_menu_cache_it {
    top: 2px;
    right: 318px;
}

/* CABECERA */
#cabecera {
    
    float:left;
    width: 1566px;
    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:1566px;
    /*background:#444444;*/
    border-bottom:7px solid #22718A;
}

.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: black;
    text-decoration:none;
    font-weight:bold;
    border: 1px solid #22718A;
    border-bottom:none;
    text-align: center;
    font-size: 14px;
}

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

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

.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;
            }


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

                span.menu_desplegable_titulo:hover {
                    cursor:default;
                }

                .selected span.menu_desplegable_titulo {
                    color: white !important;
                }
        
                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:1566px;
}

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


/* ICONO NUEVO */

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

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

.ico_type_url {
    background-color: #1B9C88;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #79D1BD),
        color-stop(1, #1B9C89)
    );
    background-image: -o-linear-gradient(bottom, #79D1BD 0%, #1B9C89 100%);
    background-image: -moz-linear-gradient(bottom, #79D1BD 0%, #1B9C89 100%);
    background-image: -webkit-linear-gradient(bottom, #79D1BD 0%, #1B9C89 100%);
    background-image: -ms-linear-gradient(bottom, #79D1BD 0%, #1B9C89 100%);
    background-image: linear-gradient(to bottom, #79D1BD 0%, #1B9C89 100%);
}
.ico_type_embed {
    background-color: #FF8534;
    color:#813333;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.08, #F2DB80),
        color-stop(1, #FF8534)
    );
    background-image: -o-linear-gradient(bottom, #F2DB80 8%, #FF8534 100%);
    background-image: -moz-linear-gradient(bottom, #F2DB80 8%, #FF8534 100%);
    background-image: -webkit-linear-gradient(bottom, #F2DB80 8%, #FF8534 100%);
    background-image: -ms-linear-gradient(bottom, #F2DB80 8%, #FF8534 100%);
    background-image: linear-gradient(to bottom, #F2DB80 8%, #FF8534 100%);
}


.ico_new_embed_pendiente {
    width:12px;
    height:12px;
    background-color: red !important;
    background-image: none;
    position: absolute;
    top: 4px;
    left: 5px;
    padding: 3px;
    color: white;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #f3c5bd; /* Old browsers */
    
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjNjNWJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZmY2NjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjZWEyODAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3MjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #f3c5bd 0%, #ff6600 28%, #ea2803 58%, #c72200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f3c5bd), color-stop(28%,#ff6600), color-stop(58%,#ea2803), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #f3c5bd 0%,#ff6600 28%,#ea2803 58%,#c72200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #f3c5bd 0%,#ff6600 28%,#ea2803 58%,#c72200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #f3c5bd 0%,#ff6600 28%,#ea2803 58%,#c72200 100%); /* IE10+ */
    background: linear-gradient(45deg,  #f3c5bd 0%,#ff6600 28%,#ea2803 58%,#c72200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
   
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}


.ico_new_embed {
    width:12px;
    height:12px;
    background-color: red !important;
    background-image: none;
    position: absolute;
    top: 4px;
    left: 5px;
    padding: 3px;
    color: white;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #d2ff52; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDJmZjUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxZTg0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #d2ff52 0%, #91e842 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #d2ff52 0%,#91e842 100%); /* IE10+ */
    background: linear-gradient(45deg,  #d2ff52 0%,#91e842 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}


/* 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 !important;
    padding: 8px !important;
    width: auto !important;
    float: left;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.52);
    z-index: 999999999;
}

/* -- 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;
}

.german-flag {
    background:  url(/assets/imagenes/maqueta/german-Bandera.png);
    width: 25px;
    height: 25px;
    display: block;
    
}

.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,
.btn_filter_list.categoria-longtail-activa, .btn_filter_list.categoria-longtail-activo{
    background-image: url("/assets/imagenes/maqueta/activada.png");
    background-repeat: no-repeat;
    background-position: 8px 10px;
    padding-left: 27px;
}

.btn_filter_list.categoria-longtail-activa, .btn_filter_list.categoria-longtail-activo{
    margin-left: 40px;
}

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

.btn_longtail {
    border-color: rgb(140, 163, 199);
    background-color: rgb(202, 218, 221);
}

.btn_longtail:hover, .btn_longtail.actual {
    background-color: rgb(78, 175, 194);
}

.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-longtail {
    background-image: url("/assets/imagenes/maqueta/icon-web.jpg");
    background-repeat: no-repeat;
    background-position: 13px 5px;
    padding-left: 40px;
    background-size: 20px;
}

.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;
}