/***************************************************/
/* Developed by: Igor Milenkovic & Gordan Vargovic */
/***************************************************/

.main_content {
	width: 968px;
	min-height: 440px;

}
.main_content:after {
content: " ";
clear: both;
display: block;
font-size: 0px;
}
.main_content h1, h2 {
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
}

.header {
    background-image: url(../images/header_ribbon.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: right;
    height: 40px;
    margin: 20px 6px 0px 0px;
    width: 300px;
}

.header h1 {
    color: #FFFFFF;
	margin: 1px 10px 15px 0px;
    text-align: right;
}


.right1 p {
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    margin: 10px 0 0 10px;
    text-align: justify;
    width: 265px;
}

.right1 h3 {
    color: #7f28c4;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    margin: 10px 0 0 10px;
}
.text {
	font-family: Montserrat;
	padding: 0 10px 0 20px;
	font-size: 14px;
	padding: 16px;
	text-align: justify;
	width: 950px;
	float: left;
}
.text h2 {
	color: #7f28c4;
}
.right1 {
width: 30%;
float: left;
height:97%;
overflow: visible;
}


.left1 {
    float: left;
    margin: 12px 0px;
    width: 68%;
    margin-top: 0px;
	
}

.btn {
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 15px 0px 15px 12px;
  text-align: center;
  width: 125px;
}
.pink{
  background: #D4007B;
}
.pink:hover{
  background: #aa0163;
}
.pink:active{
  background: #950157;
}
.grey{
  background: #666;
}
.grey:hover{
  background: #4b4b4b;
}
.grey:active{
  background: #3d3d3d;
}

.ac-container{
	margin: 10px auto 30px auto;
}	

.ac-container label{
    background-image: url(../images/header_arrow.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    z-index: 20;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #000000;
    line-height: 30px;
    font-family: Montserrat;
	font-size: 18px;
	text-align: left;
	padding-left: 30px;
	font-style: norma;
	width: 230px;
	

}
.ac-container label:hover{

}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{


}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;  
}
.ac-container input:checked + label:hover:after{
    background-image: url(../images/arrow_up.png);
}
.ac-container input{
    display: none;
}
.ac-container article{
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition: 
        height 0.3s ease-in-out, 
        box-shadow 0.6s linear;
		width:95%;
}
.ac-container input:checked ~ article{
    transition: 
        height 0.5s ease-in-out, 
        box-shadow 0.1s linear;

}
.ac-container article p{

    color: #848484;
    line-height: 23px;
    font-size: 14px;
    padding: 5px;
}
.ac-container input:checked ~ article.ac-small{
    height: 80px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 120px;
}
.ac-container input:checked ~ article.ac-large{
    height: 150px;
	padding-bottom:10px;
}
.ac-container input:checked ~ article.ac-xlarge{
    height: 180px;
}
.ac-container input:checked ~ article.ac-xxlarge{
    height: 200px;
}
.ac-container input:checked ~ article.ac-xxxlarge{
    height: 230px;
}
.ac-container input:checked ~ article.ac-x4large{
    height: 260px;
}
.ac-container input:checked ~ article.ac-x5large{
    height: 269px;
}
.no_btn{
    color: #7f28c4;
    display: list-item;
	float: left;
    font-family: Zona Pro;
    font-size: 14px;
    font-style: normal;
    margin: 10px 0 0 48px;
	font-weight: normal;
	width:85%;
	text-align: left;
	
}
.no_btn:hover{
    color: #851168;
}
.tabs_container{
float: left;
width: 660px;
}
.tabs{
float:left;
width: 310px;
text-decoration: none;
height:160px;

display:block;
margin-bottom:20px;
margin-left:7px;
 
}
#t1{
background-image: url(../images/nrep.jpg);
}
#t2{
background-image: url(../images/new.jpg);
margin-left:24px;
}
#t3{
background-image: url(../images/pkponuda.jpg);
}
#t4{
margin-left:24px;
background-image: url(../images/newacc.jpg);
}
#t5{
background-image: url(../images/csr.jpg);
}
#t6{
margin-left:24px;
background-image: url(../images/cruelty.jpg);
}
.info{
width:100%;
float:left;
margin:10px;
}
.tabs_container img{
border:0px;
}
.ebrosura img{
border: none;
}
.tabs span {
  background-image: url(../images/header_ribbon22.png);
  background-position: right center;
  background-repeat: no-repeat;
  color: #000000;
  font-size: 18px;
  height: 40px;
  margin-top: 120px;
  margin-left: 0px;
  display:block;
  text-align: left;
  text-decoration: none;
  width: 316px;
}
.tabs span h2{
margin:10px;
padding:10px 0px 0px 0px;
}

.info2{
margin-left:20px;
}
.info2 img{
width:285px;
}