@charset "utf-8";
/* css document*/
html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 980px;
    font-family: arial;
    font-size: 11px;
}
div{
    position: relative;
}
img{
    display: block;
    border: 0;
}
p{
    line-height: 18px;
    color: #333;
}
ul{
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
strong{
    color: #005B8A;
}
a:link, a:visited{
    text-decoration: none;
    color: #0099FF;
}
a:hover{
    text-decoration: underline;
}
a em{
    color: gray;
}
#contenedor{
    width: 100%;
    min-height: 100%;
    min-width: 980px;
    overflow: hidden;
}
/*---------------------------------------------------------- MULTIPROPIETAT --*/
#capsalera, #peu, #menu li.selected .sec, table.listado thead th, table.editar thead th{
    background: #005B8A;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005B8A), to(#006FAE)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #005B8A, #006FAE); /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #005B8A, #006FAE); /* IE 10 */
    background: -ms-linear-gradient(top, #005B8A, #006FAE); /* Opera 11.10+ */
    background: -o-linear-gradient(top, #005B8A, #006FAE);
}
.popup h3, #menu li{
    background: #CFE4FF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CFE4FF), to(#E3EFFF)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #CFE4FF, #E3EFFF); /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #CFE4FF, #E3EFFF); /* IE 10 */
    background: -ms-linear-gradient(top, #CFE4FF, #E3EFFF); /* Opera 11.10+ */
    background: -o-linear-gradient(top, #CFE4FF, #E3EFFF);
}
#logo, #menu_superior{
    min-height: 65px;
}
/*--------------------------------------------------------------- CAPSALERA --*/
#capsalera{
    width: 100%;
    min-height: 66px;
    overflow: hidden;
}
#logo{
    background: white;
    min-width: 100px;
    float: left;
}
#titol{
    width: 275px;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0 ;
}
table.editar tbody td:first-child, form label{
    width: 150px;
    text-align: right;
    font-style: italic;
    color: gray;
}
/*--------------------------------------------------------------------- PEU --*/
#peu{
    overflow: hidden;
    width: 100%;
    height: 40px;
    margin-top: -40px;
}
#peu #copy{
    padding: 5px 0 0 10px;
    overflow: hidden;
}
#peu #copy img{
    float: left;
    margin-right: 10px;
}
#peu #copy p, #peu #copy a{
    color: white;
    margin: 7px 0 0 0;
}
/*------------------------------------------------------------------- POPUP --*/
.popup{
    min-width: 300px;
    min-height: 250px;
    margin: auto;
    border: solid 1px #B7D8FF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.popup h3{
    font-size: 11px;
    font-weight: bold;
    text-shadow: 1px 1px 1px white;
    margin: 0 0 35px 0;
    padding: 6px 0;
    border-bottom: solid 1px #CFE4FF;
}
.small{
    width: 400px;
}
/*-------------------------------------------------------------------- FORM --*/
form label{
    display: block;
    float: left;
    padding: 6px 10px 5px 10px;
}
form label.curt{
    width: auto;
    text-align: left;
}
form br{
    clear: left;
}
form input, form textarea, form select{
    margin: 5px 0;
    font-family: arial;
    font-size: 12px;
    color: #333333;
}
.botonera{
    margin-left: 40px;
}
.botonera input{
    margin-left: 10px;
}
input.llarg, textarea.llarg{
    width:95%;
}
form table.editar input[type="text"]:not(.curt){
    width:50%;
}
form table.editar ul.aside input[type="text"]{
    width:auto;
}
input.curt{
    width:7%;
}
fieldset{
    width: 98%;
}
/*------------------------------------------------------------------ TITOLS --*/
h2{
    font-size: 22px;
    margin: 15px 0 15px 0;
    text-shadow: 1px 1px 1px gray;
}
/*------------------------------------------------------------------ MODULS --*/
.modul_capasalera, .modul_peu{
    overflow: hidden;
    width: 98%;
}
.modul_capasalera p{
    color: gray;
    font-size: 9px;
}
.modul_capasalera p span{
    font-size: 11px;
    color: #333333;
    font-weight: bold;
}
.modul_peu .btn{
    float: left;
    margin-right: 15px;
}
/*------------------------------------------------------------------- ALERT --*/
#alert, #alert table, #alert table td{
    height: 200px;
    width: 300px;
    text-align: center;
}
#alert{
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -150px;
    background: white;
    border: solid 1px #e7e7e7;
    box-shadow: 0px 0px 10px silver;
    border-radius: 10px;
    color:crimson;
}
#alert table, #alert td{
    width: 100%;
}
#alert.info{
    color:darkgreen;
}
.close{
    display: block;
    position: absolute;
    padding: 15px;
    top: 0;
    right: 0;
    cursor: pointer;
    color: gray;
}
.close:hover{
    text-decoration: none;
    color: black;
}
/*----------------------------------------------------------- MENU SUPERIOR --*/
#menu_superior{
    min-width: 200px;
    position: absolute;
    top: 0;
    right: 0;
    background: white;
}
#menu_superior #usuario{
    margin: 5px 0 5px 10px;
}
#menu_superior #usuario img{
    float: left;
    margin-right: 10px;
}
#menu_superior #botons{
    position: absolute;
    bottom:0;
    width: 100%
}
#menu_superior #botons a{
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    padding: 5px 0;
}
/*-------------------------------------------------------------------- MENU --*/
#menu{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 170px;
    height: 100%;
    min-height: 100%;
    float: left;
    margin: 45px 10px 35px 0;
    padding: 10px;
}
#menu li:first-child, #menu li:first-child p{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#menu li:last-child{
    border-bottom: solid 1px #B7D8FF;
}
#menu li{
    border-left: solid 1px #B7D8FF;
    border-right: solid 1px #B7D8FF;
    line-height: 26px;
    position: relative;
    border-top: solid 1px #B7D8FF;
    overflow: hidden;
}
#menu li .sec, #menu li .sec a{
    font-weight: bold;
    text-shadow: 1px 1px 1px white;
    color: #006FAE;
}
#menu li.selected{
    background: #006FAE;
    border: solid 1px #006FAE;
}
#menu li.selected .sec, #menu li.selected .sec a{
    color: white;
    text-shadow: 1px 1px 1px #B7D8FF;
}
#menu li p{
    margin: 0;
    padding: 5px 0 5px 10px;
}
#menu li .desplegar{
    position: absolute;
    padding: 15px 12px;
    border-left: solid 1px #B7D8FF;
    right: 0;
    top: 0;
    cursor: pointer;
    display: none;
    background-position: 6px -532px;
}
#menu li:hover .desplegar{
    display: block;
}
#menu li .opcions_menu{
    border-top: solid 1px #B7D8FF;
    background: white;
    display: none;
}
#menu li a{
    display: block;
}
/*--------------------------------------------------------------------- COS --*/
#cos{
    overflow: hidden;
    margin-bottom: 60px;
}
/*----------------------------------------------------------- TABLE LISTADO --*/
table.listado, table.editar{
    width: 98%;
    table-layout: fixed;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: solid 1px #B7D8FF;
}
table.listado{
    margin-bottom: 25px;
}
table.listado thead th, table.editar thead th{
    text-align: left;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 1px #B7D8FF;
    line-height: 30px;
    padding-left: 10px;
}
table.listado thead th:first-child, table.editar thead th:first-child{
    border-top-left-radius: 10px;
}
table.listado thead th:last-child, table.editar thead th:last-child{
    border-top-right-radius: 10px;
}

table.listado tbody td{
    padding: 0 0 0 10px;
}

table:not(.notHover) tr:hover, table tr:hover{
    background: #E3EFFF;
}
table tr.notHover:hover, table tr.notHover:hover tr{
    background: none;
}
table.listado tbody td a{
    /*display: block;*/
    line-height: 33px;
}

table tbody td.marcadores{ 
	padding: 5px 22px 0 0;
	text-align:right;
}
table.listado tbody td.marcadores a{
	display:inline;
    line-height: 3px;
}
/*------------------------------------------------------------ TABLE EDITAR --*/
table.editar{
    table-layout: auto;
}
table.editar tbody tr:last-child td{
    text-align: left;
   
}
table.editar tr:last-child:hover{
    background: none;
}
.aside li{
    float: left;
}
table.editar tr td.separador{
    color:#0099FF;
    font-weight: bold;
    border-bottom: solid 1px #B7D8FF;
    padding: 10px 10px 0 0;
    margin: 0 0 10px 0;
}
/*--------------------------------------------------------------------- BTN --*/
.btn{
    height: 33px;
    overflow: hidden;
    border-radius: 5px;
    width: auto;
    cursor: pointer;
    font-size: 11px;
}
.btn div{
    background: url(../images/fons/btn2.png) repeat-x top left;
    height: 33px;
    width: auto;
    float:left;
}
.btn div:first-child{
    width: 6px;
    background: url(../images/fons/sprite_btn.png) no-repeat 0 -58px;
}
.btn div:last-child{
    width: 6px;
    background: url(../images/fons/sprite_btn.png) no-repeat -7px -58px;
}
.btn a:link, .btn a:visited{
    display: block;
    padding: 0 6px;
    line-height: 33px;
    text-decoration: none;
    color: #333333;
}
.btn a:hover, .btn:hover{
    color: #0069A2;
    text-shadow: 1px 1px 1px white;
}
input[type="button"], input[type="submit"]{
    border: none;
    background: url(../images/fons/sprite_btn.png) no-repeat top left;
    color: #333333;
    font-size: 11px;
    width:93px;
    height:35px;
    cursor: pointer;
    margin-left: 10px;
}
input[value*="buscar"], .btn_buscar, input.btn_buscar{
    border: none;
    background: url(../images/fons/sprite_btn.png) no-repeat 0 -36px;
    color: #333333;
    font-size: 11px;
    width:80px;
    height:22px;
    cursor: pointer;
    margin-left: 10px;
}
.btn_mini, a.btn_mini:link, a.btn_mini:visited{
    display: block;
    font-size: 9px;
    line-height: 10px;
    font-weight: normal;
    background: white;
    border-radius: 6px;
    padding: 2px 0;
    margin: 3px;
    text-align: center;
    color: #005B8A;
    background: url(../images/fons/btn2.png) repeat-x 0 -6px ;
    border: solid 1px #0099FF;
}
a.btn_mini:hover{
    color:#0099FF;
    text-decoration: none;
    text-shadow: 1px 1px 1px white;
}
/*------------------------------------------------------------------- pager --*/
.pager{
    text-align: right;
    border-top: solid 1px #B7D8FF;
    margin: 5px 0;
    padding: 9px 0 0 0;
}
.pager strong{
    background-color: #005D90;
    color: white;
    padding: 2px 4px;
    font-size: 14px;
}
.pager a{
    padding: 2px 4px;
    font-size: 14px;
}
table.listado tbody td .pager a{
    display:inline;
}
.pager a:link {
    text-decoration: none;
}
.pager a:visited{

}
.pager a:hover{
    background-color: #CFE8F5;
}
/*-------------------------------------------------------------- pestanyera --*/
div.contingutficha{
    display:none;
}
div.contingutficha table{
    border-top-right-radius: 0px;    
    border-top-left-radius: 0px;   
    margin-top: -1px;
    position: relative;
    z-index: 1;
}
ul.pestanyera{
    position: relative;
    z-index: 2;
}
ul.pestanyera li{
    float: left;
    cursor: pointer;
    padding: 10px 15px;
    border-left: solid 1px #B7D8FF;
    border-right: solid 1px #0099FF;
    color:#0099FF;
    background-color:#E3EFFF;
}
ul.pestanyera li:not(.selected){
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CEE3FF), to(#E3EFFF)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #CEE3FF, #E3EFFF); /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #CEE3FF, #E3EFFF); /* IE 10 */
    background: -ms-linear-gradient(left, #CEE3FF, #E3EFFF); /* Opera 11.10+ */
    background: -o-linear-gradient(left, #CEE3FF, #E3EFFF);
}
ul.pestanyera li.selected{
    background-color:white;
    color:#005B8A;
    border-bottom: solid 1px white;
}
/*------------------------------------------------------------------ ICONES --*/
table.listado tbody td a[class^="icon_"], .btn a[class^="icon_"], #menu li .desplegar, a[class^="icon_"], p[class^="icon_"]{
    background-image: url(../images/icones/sprite.png);
    background-repeat: no-repeat;
}
table.listado tbody td a[class^="icon_"], .btn a[class^="icon_"]{
    padding-left: 20px;
}
table.listado tbody td a[class^="icon_"].solo, .btn a[class^="icon_"].solo{
    text-indent: -5000px;
}
table.listado tbody td a.icon_folder, .btn a.icon_folder{
    background-position: 0 8px;
}
table.listado tbody td a.icon_folder_open, .btn a.icon_folder_open{
    background-position: 0 -52px;
}
table.listado tbody td a.icon_folders, .btn a.icon_folders{
    background-position: 0 -112px;
}
table.listado tbody td a.icon_delete_mini, .btn a.icon_delete_mini{
    background-position: 0 -172px;
}
table.listado tbody td a.icon_edit, .btn a.icon_edit{
    background-position: 0 -232px;
}
table.listado tbody td a.icon_send_mail, .btn a.icon_send_mail{
    background-position: 0 -292px;
}
table.listado tbody td a.icon_delete, .btn a.icon_delete{
    background-position: 0 -352px;
}
table.listado tbody td a.icon_close, .btn a.icon_close, a.icon_close{
    background-position: 0 -412px;
}
table.listado tbody td a.icon_save, .btn a.icon_save{
    background-position: 0 -472px;
}

a.icon_close{
    background-position: 0 -420px;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    text-indent: -5000px;
    cursor: pointer;
}
p[class^="icon_"]{
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 0 0 0;
}
/*------------------------------------------------------------------- MIGAS --*/
.migas{
    margin: 10px 0;
    font-size: 10px;
}
/*----------------------------------------------------------------- galeria --*/
#images{
    width: 98%;
    margin: auto;
    margin-top: 25px;
}
#images fieldset{
    background:#e7e7e7;
}
.fotos{
    overflow:hidden;
    padding:0;
    margin:0;
    text-align: left;
}
.fotos li{
    position: relative;
    text-align: left;
    width:60px;
    height: 60px;
    background: url(../images/icones/ajax-loader.gif) no-repeat center center;
    float: left;
    margin: 15px 5px;
}
/* galeria imagenes */
#tapadora{
    display: none;
    position:fixed;
    top:0;
    left:0;
    background-color: #000;
    z-index:19;
    filter:alpha(opacity=60); /* Para IE */
    -moz-opacity:.60; /* Para Firefox */
    opacity:.60; /* Browsers que soporten CSS3 */
    cursor:pointer;
    width:100%;
    height:100%;
}
#popup{
    display: none;
    width:800px;    
    min-height:400px;
    left: 50%;
    top: 50%;
    margin: -240px 0 0 -440px;
    padding: 20px;
    background-color: #fff;
    border: 3px solid #00639A;
    border-radius: 10px;    
    position: absolute;
    z-index: 20;
}
#images_products ul{
    width: 700px;
}
#images_products ul li{
    list-style-type: none;
    font-size: 11px;
    text-align: center;
    float: left;
}
.list_usuarios{
	float:left;
	width:235px;
	height:23px;
	background:#f0f0f0;
	margin:0 6px 6px 0;
	padding:6px;
        cursor:pointer;
}    
.fotos_selector{
    list-style-type: none;
    overflow:hidden;
    padding:0;
    margin:0;
}
.fotos_selector li{
    position: relative;
    text-align: left;
    width:60px;
    height: 60px;
    background: url(../images/icones/ajax-loader.gif) no-repeat center center;
    float: left;
    margin: 15px 5px;
    cursor:pointer;
}
.fotos_added{
    list-style-type: none;
    overflow:hidden;
    padding:0;
    margin:0;
}
.fotos_added li{
    position: relative;
    text-align: left;
    width:60px;
    height: 60px;
    background: url(../images/icones/ajax-loader.gif) no-repeat center center;
    float: left;
    margin:0 15px 15px 0;
}
.boton_borrar{
    position:absolute;
    top:2px;
    right:2px;
    cursor:pointer;
}
#selector_relacionadas{
    background:#e7e7e7;
}
.noticias_relacionadas{
    list-style-type: square;
    overflow:hidden;
    padding:20px;
    margin:0;
}
.noticias_selector_added{
    list-style-type: none;
    overflow:hidden;
    padding:0;
    margin:0;
}
.noticias_selector_added li{
    float: left;
    min-width: 75px;
    max-width: 100px;
    height: 45px;
    padding: 2px;
    text-align: left;
    font-size: 9px;
    background-color: #e7e7e7;
    margin: 0 2px 2px 0;
    position: relative;
}
.noticias_selector{
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden;
}
.noticias_selector li{
    float: left;
    min-width: 75px;
    max-width: 100px;
    height: 45px;
    padding: 2px;
    text-align: left;
    font-size: 9px;
    background-color: #e7e7e7;
    margin: 0 2px 2px 0;
    position: relative;
    cursor:pointer;
}
/* ---------------------------------------------------- GESTOR DE CONTENIDO --*/
#contenedor_items {

}
.item_pagina{
    width: 350px;
    min-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.item_pagina div.desplegar{
    width: 60px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    background: url(../images/icones/toggle_mini.png) no-repeat 35px 12px;
    text-indent: -9999px;
    opacity: .5;
}
.item_pagina div.desplegar.ample{
    width: 90px;
    background-position: 65px 12px;
}
.item_pagina div.desplegar:hover{
    opacity: 1;
}
.item_pagina_titulo{
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    width: 328px;
    padding: 0 10px;
    line-height: 30px;
    background-color: #E1EEFF;
    border: solid 1px #B7D8FF;
    -moz-border-radius:4px;
    border-radius:4px;
    z-index: 1;
}
.item_pagina_titulo a{
    line-height: 30px;
    z-index: 1;
    font-weight: bold;
    text-shadow: 1px 1px 1px white;
}
.item_pagina_titulo em{
    font-size: 9px;
    font-style: italic;
    color: gray;
}
.item_pagina_titulo div.sin_enlace{
    position: absolute;
    top: 0;
    right: 40px;
    line-height: 30px;
    z-index: 0;
    font-size: 9px;
    font-style: italic;
    color: gray;
}
.item_pagina_contenido{
    padding: 35px 10px 5px 10px;
    top: 5px;
    position: relative;
    z-index: 1;
    background-color: white;
    border: solid 1px #B7D8FF;
    display: none;
    z-index: 0;
}
.item_pagina_contenido p{
    margin: 0 0 6px 0;
}
.item_pagina_contenido p label{
    display: block;
    width: 90px;
    text-align: right;
    color: #666666;
    margin-right: 10px;
    float: left;
    font-style: italic;
    font-size: 10px;
}
.item_bottons{
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 7px 8px;
    border-top: solid 1px #B7D8FF;;
    border-left: solid 1px #B7D8FF;
    background: #F0F0F0;
}
table.listado tbody td div.item_bottons a{
    line-height: 22px;
}
.item_bottons div{
     float: right;
}
.item_bottons br{
    clear: both;
}
.item_bottons div.guardando{
    width: 62px;
    padding: 0 5px 0 5px;
    margin: 0 0 0 5px;
    line-height: 20px;
    font-size: 9px;
    text-align: right;
    border-radius: 4px;
    border: solid 1px #4A95C9;
    background: url(../images/icones/loading-mini.gif) no-repeat 6px 5px #E1EEFF;
}
.item_bottons span{
    display: none;
}
.item_bottons div.guardando span{
    display: block;
    color: #0099FF;
}
.item_bottons div.guardando input{
    display: none;
}
div.anotacion{
    margin: 0 0 15px 0;
}
div.anotacion p, div.anotacion ol{
    margin: 0;
    line-height:normal;
}
div.anotacion ol{
    font-size: 9px;
    color: gray;
    margin: 5px 0;
}
/*pagina inicio*/
.guardados_ok{
    color:darkgreen;
    text-align:right;
    margin-right: 30px;
}
/* ---------------------------------------------------------------- GENÈRIC --*/
.info{
    color:#0099FF;
    font-style: italic;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
/* ---------------------------------------------------------------- ADMINS --*/
#permisos{
    width: 98%;
    margin: auto;
    margin-top: 25px;
}
#permisos fieldset{
    background:#e7e7e7;
}
/* ---------------------------------------------------------------- datepicker --*/
.datepicker img{
    margin:7px 0 0 0;
}