/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}

p.centrat {text-align: center; margin: 60px 0 0 0; color: red;}

/*
 * Off Canvas
 * --------------------------------------------------
 */
 
@media screen and (max-width: 767px) { 
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/* --------------------------------------- */
/* La barra de menu de la web */
/* --------------------------------------- */
/*.navbar-fixed-top {font-size: 0.9em; max-height: 30px; } */
.navbar-fixed-top {font-size: 0.9em; }
.navbar-brand img {width: 130px; position: relative; top: -8px; }

.navbar-right li.info_usuari {position: relative; top: -0px; font-weight: bold; }
/*img.profile-image {width: 35px; position: relative; margin: 0; }  */
img.profile-image {width: 35px; height: 35px; position: absolute; margin: 0; padding: 0; left: -25px; top: 9px;} 

/* --------------------------------------- */
/* Noticies */
/* --------------------------------------- */
.col-xs-10 h2 {font-size: 1.4em; }	
.col-xs-10 p {font-size: 0.9em; }
.col-xs-11 h2 {font-size: 1.3em; }
.col-xs-11 p {font-size: 0.9em; }

/* widget de les votacions */
/* si vull moure les puntuacions totals o el 'punktoj', puc jugar amb el width i els colors de 'background' */
/*test new widget*/
.widget_votacions {background: transparent; float: left;  width: 130px; height: 180px;}
.widget_votacions p.pozitiva-malpozitiva {background: transparent; width: 73px; position: relative; top: -43px; left: 28px;}

p.butono_balotoj {
    background: transparent url("img/degradat-boto.jpg") no-repeat center;
    height: 60px;
    position: relative;
    top: 22px;
}

/* he ficat cuatre quadratets: un per a mostrar els vots positius, altre els negatius, altre la imatge '+' i altre la '-' */
.quatre_caixetes_votacions {position: relative; top: -40px; left: 31px; text-align: center;}
.puntuacio1 {background: transparent; width: 34px; height: 15px; float: left; font-size: 0.7em; }
.puntuacio2 {background: transparent; width: 34px; height: 15px; float: left; font-size: 0.7em;}
.puntuacio3 {background: transparent; width: 34px; height: 25px; float: left; clear: both;}
.puntuacio4 {background: transparent; width: 34px; height: 25px; float: left; }

p.punktoj_1 {font-size: 1.2em; color: #fff; font-weight: bold; width: 70px; background: transparent; text-align: center; position: relative; top: -40px; left: 30px; }
p.punktoj_2 {font-size: 0.7em; color: #fff; font-weight: bold;  width: 70px; background: transparent; text-align: center; position: relative; top: -50px; left: 30px; }
p.pozitiva-malpozitiva {width: 73px; position: relative; top: -43px; left: 21px;}

/* aci fiquem la info de l'avatar de l'usuari amb l'adreça de la font de la noticia i data de publciacio */
div.info_de_les_noticies1 {width: 5%; float: left; text-align: left; background: transparent; margin-right: 10px;}
div.info_de_les_noticies2 {width: 50%; float: left; background: transparent; }
span.noticia_avatar_usuari {width: 45px;}
span.noticia_avatar_usuari img {width: 30px; height: 30px; border: 1px solid #d9d9d9; }
span.noticia_informacio_publicacio1 {position: relative; font-size: 0.7em; left: 0px; width: 100%; top: -2px; }
span.noticia_informacio_publicacio2 {position: relative; font-size: 0.7em; left: 0px; width: 100%; top: -4px; }
div.limpiador {width: 100%; height: 40px; background: transparent; }
span.text_descripcio {}

/* paginador de la web */
.paginador {font-size: 1.2em; position: relative; margin: 60px auto 40px auto; text-align: center; clear: both; width: 100%;}
.paginador img {margin: 0 24px 0 24px; }

.paginador img {  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.paginador  img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

/* fique "min-height a 1200px" perquè si no en el paginador es desmuntava.  */
.container .col-xs-12 {min-height: 1200px; }


/* --------------------------------------- */
/* Block Kategorioj */
/* --------------------------------------- */
#kategorioj .list-group-item {font-size: 0.9em; }
#kategorioj .list-group-item.active {font-size: 1.1em; font-weight: bold;}
#kategorioj  .griset {background: #f5f5f5; }

/* --------------------------------------- */
/* Block Lastaj komentoj */
/* --------------------------------------- */
#lastaj_komentoj .list-group-item.active {font-size: 1.1em; font-weight: bold;}
#lastaj_komentoj .list-group-item {font-size: 0.9em;}
p.lastaj_komentoj_uzantoj img {width: 30px; height: 30px; border: 1px solid #000;}
p.lastaj_komentoj_uzantoj {font-size: 0.8em;}


/* --------------------------------------- */
/* Comentaris                              */
/* --------------------------------------- */
.caixa_comentari {background: #f5f5f5; padding: 10px; border: solid #d9d9d9 1px; margin: 0 0 20px 0; font-size: 0.9em;}

.formkomentoj textarea {
	border: 1px solid #000;
        display: block;
        font-size: 25px;
        resize: none;
        height: 200px;
        width: 100%;
	background: #fff;
	color: #000;
}



/* --------------------------------------- */
/* Dekstra anonco                          */
/* --------------------------------------- */
img.anonco_dekstra {width: 262px; border: 1px solid #ccc; }





/* --------------------------------------- */
/* Finestra del login i el registrament    */
/* --------------------------------------- */

span .login {
    font-weight: 300;
    color: #f58220;
}
 
.mlogin {
    margin: 170px auto 0;
}
 
.mregister {
    margin: 80px auto 0;
}
 
.error {
    margin: 40px auto 0;
    border: 1px solid #ff0c0c;
    padding: 10px;
    color: #fff;
    text-align: center;
    width: 650px;
    background: #fd7979;
    font-weight: bold;
}

.verda {
    margin: 40px auto 0;
    border: 1px solid #4cae4c;
    padding: 10px;
    color: #fff;
    text-align: center;
    width: 650px;
    background: #5cb85c;
    font-weight: bold;
}
 
.regtext {
    font-size: 13px;
    margin-top: 26px;
    color: #777;
}
 
/* CONTAINERS
--------------------------------------------------------*/
body.login {
   background: transparent url('') top left no-repeat; 
   background-size: 100% auto;
} 


.containerlogin {
    padding: 25px 16px 25px 10px;
    font-weight: 400;
    overflow: hidden;
    width: 350px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
 
#welcome {
    width: 500px;
    padding: 30px;
    background: #fff;
    margin: 160px auto 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
 
.containerlogin h1 {
    color: #777;
    text-align: center;
    font-weight: 300;
    border: 1px dashed #777;
    margin-top: 13px;
}
 
.containerlogin label {
    color: #777;
    font-size: 14px;
}
 
#login {
    width: 500px;
    margin: auto;
    padding-bottom: 15px;
}
 

 /* formulari de eniri.php i registrigxi.php */
.containerlogin form .input,.container input[type=email], .container input[type=text],.container input[type=password],.container input[type=e] {
    background: #fbfbfb;
    font-size: 35px;
    line-height: 1;
    width: 100%;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}

 .antispam { display:none;} 
 .putosmadafuckers {display:none;}
 .fins_els_collons {display:none;}
 .merda {display:none;}



 /* formulari de publikigu.php */
 #formulari_publikigu input[type=text]{
    background: #fbfbfb;
    font-size: 0.9em;
    line-height: 1;
    width: 100%;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}
 
.containerlogin form .input:focus {
    border: 1px solid #f58220;
    -webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
    -moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
    box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
}

/* el recaptcha de baix del login */
.g-recaptcha {margin-top: 50px; }


/* -------------------------------------------- */
/* Profilo  */
/* -------------------------------------------- */

.informoj_profilo_uzanto {font-size: 0.9em;}
.informoj_profilo_uzanto .badge  {font-size: 1.3; margin: 0 0 0 5px;}
.pujarfotonovausuari {float: left; }
button.pujarfotonovausuari {position: relative; top: -4px;}

.sxangi_uzanto_bildon1 {width: 240px; float: left;}
.sxangi_uzanto_bildon2 {float: left; position: relative; }

/* -------------------------------------------- */
/* Funcionalitat de pujar nova imatge d'usuari  */
/* -------------------------------------------- */


            section form {
                font-size: small;
            }
            section form fieldset {
                padding: 5px 15px;
                background-color: white;
                border: none;
                border-radius: .5em;
            }
            section form fieldset legend {
                padding: 5px 10px;
                border: none; 
                border-radius: .5em;
            }
            .msg {
                margin-bottom: 20px;
                padding: 10px;
                background-color: rgb(255,250,250);
                border: 1px red dotted;
            }
            .elimina {
                color: blue;
            }
            legend.pujar_imatge {font-size: 0.9em; width: 150px;}