html,
body {
  background: black url(../background/book-light-blur-guitar-pen-dark-992497-pxhere.com.jpg) no-repeat center center fixed; 
  background-size: cover;
  height: 100%;
  /*text-align: center;*/
}
img {max-width:100%;}

h3 {background-color:rgba(255,255,255,0.75);padding-top:1ex;padding-bottom:1ex;}

.es_capssalera {background:rgba(0,0,0,0.8);color:rgba(255,255,255,1.0);}
#LoginForm td {background:rgba(0,0,0,0.65);color:rgba(255,255,255,1.0);}
#LoginForm input[type="text"] , #LoginForm input[type="password"] {color:black;}

.shadow, .headerTitle {text-shadow: 0 1px 3px rgba(0,0,0,.5);}
.headerTitle {padding:15px 15px 15px 15px;}
.anuntis            { font-family: Arial, sans-serif ; color: red}
.interempresas  { font-family: Arial, sans-serif ; color: #808080 }

#capceleraApp {color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,.5);}
.divRounded {
    margin: 15px 5px 0px 5px;
    color: black;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .64);
    min-height: 190px;
}

.divRounded ul {text-shadow:none; list-style: disc ;padding-left: 20px;}

/*edicion cabecera */
#tableCapArticle {border-collapse: separate;border-spacing: 4px; color: black !important;}
/* header azul en tables*/
.titol_sub {
    border-bottom: thin solid gray;
    font-size: 14;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #5b8cb0;
    border-radius: 9px;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
    text-align:right;
}
.titol_sub_editparts {text-align: center;padding:10px;}
/* Edicion cuerpo */
.barraInformacio {position: fixed;top:5; width:99%;display: none;}
#cboTipusParts {background-color: yellow;color: red;}
/* info extra a veure article */
.cuadreInfo {border-radius: 10px;padding:10px;background-color: #cff0f0}
.capceleraSectors , .capceleraEmpreses{font-size: 16px ;font-weight: bold}
.titolSector ,  .titolEmpresa {font-weight: bold;font-size: 14px}
.descSector, .descApartat, .titolApartat, .descEmpresa {font-size: 14px;padding-right: 5px;}
.capresultat {font-size: 18px;font-weight: bold;color: red}
/*index articles */
.linia {display:table-row;}
#Articles5estrelles img{margin:0;width:790px;height:350px;}
table#apartats_article {margin:5px 0 5px 0;width:auto;font-size:16px;border-collapse: separate;border-spacing: 2px;}
table#apartats_article th {background:blue;color:white;font-weight:bold;text-align:left}
table#apartats_article td {background:#F0F1F1; }
.correcte{background:white;color:green;font-weight:bold; font-size:20px;}
.ordreCanviat {background:yellow;}
div#exemple {border:1px dotted #dedede;background:#fafafa;min-height:113px;min-width:325px;}
body.cincestrelles div#exemple {min-height:350px;min-width:790px;}

.check_foto {text-align:center;}
.titol_article:hover{color: #FFFFFF;}

.error {background:white;color:red ;font-weight:bold; font-size:20px;}
.advertiment, td.advertiment { font-size: xx-small ; color: red }
.TextError      { font-size: medium ; color: red ; }
.MotError           { font-weight: bold ; }

/* nou sistema per pujar fotos */
.accio{display: inline-block;}
.arrastra {position: relative;border: 2px dotted;}
.moure{color:blue;}
.elimmina{color:red;}
.bar {height: 18px;background: green;}
.dropzone , .dropzonevideo{background: #98fb98;line-height: 50px;text-align: center;font-weight: bold;margin-left: 10px}
.dropzone.in , .dropzonevideo.in {width: 70px;height: 70px;}
.dropzone.hover, .dropzonevideo.hover {background: #7cfc00;}
.dropzone.fade, .dropzonevideo.fade {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;opacity: 1;}

.dropzonevideo {background: yellow !important;}

.glyphicon-refresh-animate {-animation: spin .7s infinite linear;-webkit-animation: spin2 .7s infinite linear;}
@-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} }
@keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);}}

/* DIV de titols similars i DIV per els titiols de google custom search engine*/
.titolsSimilars , .titolsCSE {position: relative;display: none; /*height:200px*/; overflow-y:scroll;}
.titolsSimilars p {color: red;background-color: yellow;}
.table-condesed th:nth-child(2){width:500px;}

.titolsCSE p {background-color: #ff0f7e;color: white;font-weight: bold;}

/*videos*/
.articles-amb-videos {width:90%;margin: auto;}
.articles-amb-videos {background-color:#ffe7ce}
.articles-amb-videos th {border-bottom: thin solid gray;
    font-size: 14;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #5b8cb0;
    border-radius: 9px;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
    text-align: center;}
.articles-amb-videos .id_article,  .articles-amb-videos .data-article {width: 130px}
.article-amb-videos{background-color:#dadad8;text-align: center;border-top:8px solid white}
.videos-article {margin: 5px}
.titol-article{text-align: left;font-weight: bold;padding: 8px}


/* Botones 3D */
.btn3d {
    position:relative;
    top: -6px;
    border:0;
     transition: all 40ms linear;
     margin-top:10px;
     margin-bottom:10px;
     margin-left:2px;
     margin-right:2px;
}
.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style:none;
         outline:medium none;
}
.btn3d:active, .btn3d.active {
    top:2px;
}
.btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}
.btn3d.btn-default {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#f9f9f9;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#f9f9f9;
}
.btn3d.btn-primary {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#4274D7;
}
.btn3d.btn-primary:active, .btn3d.btn-primary.active {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color:#4274D7;
}
.btn3d.btn-success {
    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#78d739;
}
.btn3d.btn-success:active, .btn3d.btn-success.active {
    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #78d739;
}
.btn3d.btn-info {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#39B3D7;
}
.btn3d.btn-info:active, .btn3d.btn-info.active {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #39B3D7;
}
.btn3d.btn-warning {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#FEAF20;
}
.btn3d.btn-warning:active, .btn3d.btn-warning.active {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #FEAF20;
}
.btn3d.btn-danger {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#D73814;
}
.btn3d.btn-danger:active, .btn3d.btn-danger.active {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #D73814;
}
.btn3d.btn-magick {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39d7;
}
.btn3d.btn-magick:active, .btn3d.btn-magick.active {
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #bb39d7;
}

/**/
input.data-posa_a_dalt {width:12ex;}
table#sectors_i_apartats td {padding:3px;}
table#sectors_i_apartats tr:nth-child(even) {background: #ddd;}
.comentari, .P21 {background:#eeff00;color:red;border:2px solid red;padding:5px;font-family:'Courier New',Courier,fixed;font-weight:bold;}