
/* ----------------------------------------
	MY CSS
---------------------------------------- */


/************ paginare *************/

.page-nav{margin: 10px 0;    padding: 8px;}

.page-nav a {
    background-color: #6D0101;
    border: thin solid #F4F4F4;
    color: #FFFFFF;
    padding: 8px;
    text-decoration: none;
    margin-right:8px;}

.page-nav a:hover {
    background-color: #000000;
    border: thin solid #F4F4F4;
    color: #FDB629;
}

.page-nav .selepag {
    background-color: #BEBDBD;
    border: thin solid #F4F4F4;
    color: #000000;
    padding: 8px;
    margin-right:8px;}
    
    
    
    
/************ articol *************/

.sapou {  color: #000000;

    font-family: Kalam;
    font-size: 20px;
    line-height: 22px;
    text-align: left;

    padding-bottom:15px;}


  .fb-comments span {
    width: 100% !important;
}
.fb-comments iframe {
    width: 100% !important;
}






.socials {
  /*position: absolute; right: 0px;*/
  float:right;
  text-align: left;

  padding-top: 30px;
  margin-right: 60px;
}
.socials li {
  display: inline-block;
}
.socials li + li {
  margin-left: 8px;
}
.socials li + li:before {
  display: none;
}
.socials li a {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 50px;
  text-align: center;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.socials li .fa {
  font-size: 29px;
  line-height: 50px;
  color: #fff;
    font-family: FontAwesome;
}
.socials li a:hover {
  background-color: #9bac12;
  text-decoration:none;
}

.col-1 {
  background: #3a5a9f;
}

.col-2 {
  background: #45b0e3;
}

.col-3 {
  background: #d61119;
}

.col-4 {
  background: #1783bc;
}

.col-2p {
  background: #cb2027;
}


.col-5 {
  background: #676767;
}

.fa-youtube:before {
  content: "\f167";

}

.fa-twitter:before {
  content: "\f099";

}
.fa-facebook:before {
  content: "\f09a";

}

.fa-pinterest:before {
  content: "\f0d2";

}




.fluidvids {
	background:#000;
	box-shadow:0 1px 4px #000;
	margin:30px 0;
}




.breaker {
    background: url("../images/breaker.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 256px;
    margin-right: 10px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 256px;
}

.breaker  span {
    color: #fff;
    float: left;
    font-family: "Arapey",serif;
    font-size: 26px;
    height: auto;
    left: 0 !important;
    line-height: 38px;
    padding: 0 33px;
    width: 210px;
    position: absolute;
}
