body {
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding:0;
  font-family: Tahoma, Geneva, sans-serif;	
  font-size:12px;
 /* line-height: 18px;*/
  text-align: left;
  color:#333;
 background: url( ../images/32215b35.png) repeat;
  /*background-color: #E8E8E8;*/
}
 #top-header, #header, #content, #footer {
  /*
  min-width: 800px;
  max-width: 1920px;
  margin: auto;
  */
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
  zoom: 1;
} /* IE7 */


#picture {
border-radius: 5px;
border: 5px solid #fff;
width: 50px;

margin-bottom: 10px;
vertical-align: middle;
}
#picture img{
width: 50px;

}

#picture span {
display: block;
padding: 10px;
color: #A6A6A6;
font-size: 24px;
text-align: center;
font-family: 'Tauri', sans-serif;
text-shadow: 2px 2px 0px #fff;
margin-top: 150px; 
}



#picture1 img{
width: 120px;
}




/* ......................................................................................... */


#top-header {
    background-color: #d3d3d3;
  background-image: -moz-linear-gradient(top,#ececec,#bababa);
  background-image: -ms-linear-gradient(top,#ececec,#bababa);
  background-image: -o-linear-gradient(top,#ececec,#bababa);
  background-image: -webkit-linear-gradient(top,#ececec,#bababa);
  background-image: linear-gradient(top,#ececec,#bababa);
  border-bottom: 1px solid #999;
  box-shadow: 0 1px rgba(255, 255, 255, .6);
  min-height:30px;
}

/* HEADER */   /* HEADER */  /* HEADER */

#header {
  /*background-color:#5b8eb4;*/
    background-color: #d4c4ad;
    border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 -4px 4px -4px #666 inset;
}

#control_flow {
  float: left;
  padding-left:23px;
  padding-top:8px;
  padding-bottom:8px;
  font-family:Tahoma, Geneva, sans-serif;	
  font-size:25px;
  text-align: left;
  color:#3D3D3D;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  
}
.control_flow_link {
  color:#3D3D3D;
  text-decoration: none;
}
.control_flow_link:hover {
  color:#3D3D3D;
  text-decoration: none;
}


#logo {
  width: 50%;
  float: left;
  margin-left:10px;
}

#user_area {
  float: right;
  padding-top:14px;
  margin-right:5%;
  font-size:14px;
  color:#3D3D3D;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

.user_area_link {
color:#3D3D3D;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);	
}

.user_area_link:hover {
color:#ED1C26;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
	
/* ......................................................................................... */

/* TABLES */

#tableZeleno {
width:100%; 
border-collapse:collapse;

background-color: #c0dcc0;
border: 0px solid #b1cab1;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 10px #b1cab1;
-webkit-box-shadow: 0px 0px 10px #b1cab1;
box-shadow: 0px 0px 10px #b1cab1;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}
#td_HeaderZeleno { 
padding:5px;
font-size: 12px;
color: #FFFFFF; 
text-align:center;
background-color:#32a474;	 
border:2px solid #FFF;

}
#td_BodyZeleno { 
padding:5px;
font-size: 12px;
color: #247754; 
text-align:center;
background-color:#C0DCC0;	 
border:1px solid #FFF;
}

#td_BodyZeleno1 { 
padding:5px;
font-size: 12px;
color: #FFFFFF; 
text-align:center;
background-color:#247754;	 
border:1px solid #FFF;
}

#td_BodyCherveno { 
padding:5px;
font-size: 12px;
color: #FFFFFF; 
text-align:center;
background-color:#F6535B;	 
border:1px solid #FFF;
}

#td_BodyCherno { 
padding:5px;
font-size: 12px;
color: #FFFFFF; 
text-align:center;
background-color:#000000;	 
border:1px solid #FFF;
}

#tableSinyo {
width:100%; 
border-collapse:collapse;

background-color: #BCBCBC;
border: 0px solid #BCBCBC;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 10px #BCBCBC;
-webkit-box-shadow: 0px 0px 10px #BCBCBC;
box-shadow: 0px 0px 10px #BCBCBC;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
#td_HeaderSinyo { 
padding:2px;
font-size: 12px;
color: #000; 
text-align:center;
background-color:#BCBCBC;	 
border:1px solid #FFFFFF;

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #BCBCBC),
	color-stop(1, #E2E2E2)
);
background-image: -o-linear-gradient(top, #BCBCBC 0%, #E2E2E2 100%);
background-image: -moz-linear-gradient(top, #BCBCBC 0%, #E2E2E2 100%);
background-image: -webkit-linear-gradient(top, #BCBCBC 0%, #E2E2E2 100%);
background-image: -ms-linear-gradient(top, #BCBCBC 0%, #E2E2E2 100%);
background-image: linear-gradient(to top, #BCBCBC 0%, #E2E2E2 100%);

}
#td_BodySinyo { 
padding:2px;
font-size: 12px;
color: #000000; 
text-align:center;
background-color:#f5f5f5;	 
border:1px solid #FFF;
}

.td_BodySinyo:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}

#td_BodySinyo1 { 
padding:2px;
font-size: 13px;
color: #6666BA; 
text-align:center;
background-color:#eaeaea;	 
border:2px solid #FFF;
}

#tableJulto {
width:100%; 
border-collapse:collapse;
}
#td_HeaderJulto { 
padding:5px;
font-size: 12px;
color: #FFFFFF; 
text-align:center;
background-color:#5E91B7;	 
border:2px solid #FFF;

}
#td_BodyJulto { 
padding:2px;
font-size: 12px;
color: #000000; 
text-align:center;
background-color:#e8e0d3;
/*background-color:#c8dafc;*/	 
border:2px solid #FFF;
}

#td_BodySelectCat { 
padding:5px;
font-size: 12px;
color: #000000; 
text-align:center;
background-color:#c8dafc;	 
border:2px solid #FFF;
}


#td_BodySin { 

font-size: 12px;
color: #6969BC;
text-align:left;
	 

}

#tableBialo {
margin-left:8%;
width:80%; 
border-collapse:collapse;
}

#td_BodyBialo{ 
padding:3px;
font-size: 12px;
color: #6969BC;
text-align:left;
background-color:#ffffff;	 

}
#td_BodyBialo1{ 
padding:3px;
font-size: 12px;
color: #6969BC;
text-align:center;
background-color:#ffffff;	 

}
#td_BodyBialo2{ 
padding:3px;
font-size: 12px;
color: #000000;
text-align:center;
background-color:#ffffff;	 

}

#td_BodyBialo3{ 
padding:3px;
font-size: 12px;
color: #6969BC;
text-align:center;
background-color:#fff7dd;	 

}
/* ......................................................................................... */

/* CONTENT */

h1 {
	
  font-size: 14px;
  color: #6666BA;
}

#contentSub {
	
float:left; 
width:97.8%;
margin-left:1%;
background-color:#FFF; 
border-left:2px solid #787878;
border-top:2px solid #787878;

}

#contentSubL47 {
	
float:left; 
width:47%;
margin-left:1%;
background-color:#FFF; 
border-left:2px solid #787878;
border-top:2px solid #787878;

}

#contentSubR47 {
	
float:left; 
width:47%;
margin-left:3%;
background-color:#FFF; 
border-left:2px solid #787878;
border-top:2px solid #787878;

}

#contentSub0 {
	
float:left; 
width:100%;
padding:3% 0% 0%; 

}
#contentSubA {
margin-left: 1%;	
float:left; 
width:17%;
padding:0% 1% 0% 0%;


}
#contentSubB {
	
float:left; 
width:80.7%;


}

#tableHeader {
	 
width:100%;
font-size: 14px;
color: #FFFFFF; 
background-color:#5E91B7; 
border-collapse:collapse;
}
#tdHeader { 
padding:3px; 
text-align:center;	 
border:2px solid #FFF;

}
#tdHeaderOrang3  { 
text-align:center;
background-color:#FFE0B6;	 
border:2px solid #FFF;
color: #247754;

}
#tableHeaderDelete {
	 
width:100%;
font-size: 14px;
color: #FFFFFF; 
background-color:#F6535B; 
border-collapse:collapse;
}
#tableBody {
	 
width:100%;
font-size: 12px;
color: #000000; 
background-color:#E0E0E0; 
border-collapse:collapse;
}
#tdBody  { 
padding:5px; 
text-align:center;	 
border:2px solid #FFF;

}
#tdBody1  { 
padding:5px; 
text-align:left;	 
border:2px solid #FFF;

}
#tableH {
	 
width:100%; 
border-collapse:collapse;
}
#tdHeaderH { 
padding:5px;
font-size: 14px;
color: #FFFFFF; 
text-align:center;
background-color:#5E91B7;	 
border:2px solid #FFF;

}
#tdBodyH { 
padding:5px;
font-size: 12px;
color: #000000; 
text-align:left;
background-color:#E0E0E0; 	 
border:2px solid #FFF;

}
#tableHeaderOrang {
	 
width:100%;
font-size: 14px;
color: #000000; 
background-color:#FFE0B6; 
border-collapse:collapse;
}
#tdHeaderOrang  { 
padding:5px; 
text-align:left;
font-size: 12px;
background-color:#FFE0B6;	 
border:2px solid #FFF;

}
#tableHeaderOrang2 {
	 
width:100%;
font-size: 10px;
color: #000000; 
background-color:#FFE0B6; 
border-collapse:collapse;
}
#tdHeaderOrang2  { 
padding:0.5px; 
text-align:right;
background-color:#FFE0B6;	 
border:2px solid #FFF;

}

#tableGreen {
	 
width:100%;
font-size: 12px;
color: #ffffff; 
background-color:#247754; 
border-collapse:collapse;
}
#tdGreen  { 
padding:0.5px; 
text-align:center;
background-color:#247754;	 
border:2px solid #FFF;

}

/* ......................................................................................... */


/* TABLE - PROTOCOLS HEADER */

.tableProtocolsHeader {	
width:100%;
background-color:#E0E0E0;
color: #000000; 
border-collapse:collapse;
}
.tdProtocolsUnion1 {
width:60%;
color: #000000; 
border-collapse:collapse;
}
.tdProtocolsUnion2 {
width:20%;
color: #000000; 
border-collapse:collapse;
}
.tdProtocolsHeaderFirma  { 
font-size: 30px; 
text-align:center;
/*border:2px solid #FFF;*/	 
}
.tdProtocolsHeaderTitle  { 
font-size: 15px; 
text-align:center;	 
}
.tdProtocolsHeaderSubtitle  { 
font-size: 12px; 
text-align:center;	 
}
.tdProtocolsHeaderAddress  { 
font-size: 10px; 
text-align:center;
}
.tdProtocolsHeaderPic { 
text-align:center;	 
}
.tdProtocolsHeaderSertfikat { 
font-size: 9px; 
text-align: center;	 
}
.ProtocolsHeaderPicture{
width: 80px;
margin-top:2%;
}

/* ......................................................................................... */


/* TABLE - PROTOCOLS BODY */

.tableProtocolsBody {	
width:100%;
background-color:#E0E0E0;
color: #000000; 
border:5px solid #FFE0B6;
}
.tdProtocolsBody  { 
font-size: 10px; 
text-align:left;
border:2px solid #FFF;	 
}
.tableProtocolsBodyTitle {	
width:100%;
background-color:#E0E0E0;
color: #000000; 
/*border:1px solid #FFE0B6;*/
border:2px solid #FFFFFF;
}
.tdProtocolsBodyTitle  { 
font-size: 14px; 
text-align:right;
border:0px solid #FFF;	 
}
.tdProtocolsBodyTitle3  { 
font-size: 14px; 
text-align:left;
border:0px solid #FFF;	 
}

.tdProtocolsBodyTitle2  { 
font-size: 12px; 
text-align:center;
border:2px solid #FFF;	 
}
.PBInputTtext {
  width: 98%;
  padding:3px;
  display: block;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.PBInputTtext:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.PBInputTtext:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
 } 
 
 .PBInputTtext1 {
  width: 92%;
  padding:3px;
  display: block;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.PBInputTtext1:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.PBInputTtext1:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
 }

/* ......................................................................................... */

.input_text5 {
  width: 45%;
  /*display: block;*/
  padding: 4px;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.input_text5:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.input_text5:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
 }
 
.input_text3 {
  width: 25%;
  /*display: block;*/
  padding: 4px;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.input_text3:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.input_text3:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
 } 
 
.input_text {
  width: 90%;
  /*display: block;*/
  padding: 3px;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.input_text:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.input_text:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
 } 
.input_text2 {
  width: 90%;
  display: block;
  padding: 4px;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.input_text2:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.input_text2:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
  
}
.input_checkbox {
  background-color:#FFE0B6; 
  width:5.5%; 
  border:2px solid #FFF;
  padding:0.3%;
}
.checkbox {
  width:24px; 
}
input[type=checkbox] {
  width: 21px;
  height: 21px;
/*  position: relative;
  top: 2px;*/
}
.input_checkbox1 {
 background-color:#FFE0B6;  
}

.input_select {
  width: 100%;
  display: block;
  padding: 4px;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.input_select:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.input_select:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}

.input_drpdown {
  width: 70%;
  /*display: block;*/
  padding: 3px;
  font-size: 12px;
  border:1px inset #dadada;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.input_drpdown:focus {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
}
.input_drpdown:hover {
  -moz-box-shadow: 0 0 4px 0 #FCCD32;
  -webkit-box-shadow: 0 0 4px 0 #FCCD32;
  box-shadow: 0 0 4px 0 #FCCD32;
  background-color:#faffbd;
 } 
/* ......................................................................................... */


/* FOOTER */

#footer {
  padding:10px 0;
  text-align: right;
  margin-top:20px;
  font-size: 16px;
}
#footer a:visited, a:hover {
  color: #5b8eb4;
}

/* ......................................................................................... */


/* HeaderSubMenu */  /* HeaderSubMenu */  /* HeaderSubMenu */  /* HeaderSubMenu */  /* HeaderSubMenu */

#HeaderSubMenu {
	
float:left; 
width:auto;  
background-color: #ffffff; 
border-top:1px solid #ffffff;
border-left:1px solid #787878; 
border-bottom:1px solid #787878; 
padding:5px 0px 7px 5px; 

}

ul_HeaderSubMenu { 
/*list-style-type:none;*/
/*padding:3px 0 20px 0;*/
/*border-top:2px solid #275070;*/
/*margin:10px 0; */
}
ul_HeaderSubMenu li_HeaderSubMenu { 
float:left; 
margin:0px 3px;
width:auto; 
}
ul_HeaderSubMenu li_HeaderSubMenu a { 
display:block;
padding:2px 10px;
background-color:#E6E6E7;
border:1px solid #787878;
font-size:12px;
color:#000000;
text-decoration:none;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 5px #b1cab1;
-webkit-box-shadow: 0px 0px 5px #b1cab1;
box-shadow: 0px 0px 5px #b1cab1;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
/* place the "current" pseudo class here */
ul_HeaderSubMenu li_HeaderSubMenu a.current { 
/*background-color:#40611F;*/
background-color:#787878;
border:1px solid #787878; 
color:#FFFFFF;
}
ul_HeaderSubMenu li_HeaderSubMenu a:hover {
background-color:#787878;
border:1px solid #787878; 
color:#FFFFFF; 
}

/* ......................................................................................... */

.btn-orang {
display: inline-block;
padding: 2px 12px;
font-size: 12px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #ffffff;
background-color: #787878;
border:1px solid #787878; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-orang:hover {
color: #ffffff;
background-color: #bdbdbd;
border:1px solid #787878; 
}



.btn-new {
display: inline-block;
padding: 2px 12px;
font-size: 12px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #ffffff;
background-color: #247754;
border:1px solid #247754; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-new:hover {
color: #ffffff;
background-color: #76d6ad;
border:1px solid #247754; 
}

.btn-edit {
display: inline-block;
padding: 1px 7px;
font-size: 12px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #ffffff;
background-color: #6969BC;
border:1px solid #6969BC; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-edit:hover {
color: #ffffff;
background-color: #d5d5ec;
border:1px solid #6969BC; 
}

.btn-del {
display: inline-block;
padding: 1px 7px;
font-size: 12px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #ffffff;
background-color: #F6535B;
border:1px solid #F6535B; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-del:hover {
color: #ffffff;
background-color: #fcc3c6;
border:1px solid #F6535B; 
}

.btn-input {
display: inline-block;
padding: 2px 12px;
font-size: 12px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #ffffff;
background-color: #333333;
border:1px solid #333333; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-input:hover {
color: #FFFFFF;
background-color: #7a7a7a;
border:1px solid #333333; 
}

.btn-cat-mobil {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: center;
cursor: pointer;
color: #FFFFFF;
background-color: #247754;
 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.btn-selected-cat-mobil {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: center;
cursor: pointer;
color: #000000;
background-color: #76d6ad;
 border:1px solid #6969BC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.btn-selected-subcat-mobil {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: center;
cursor: pointer;
color: #000000;
background-color: #fff7dd;
 border:1px solid #6969BC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.btn-selected-article-mobil {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: center;
cursor: pointer;
color: #000000;
background-color: #FFFFFF;
 border:1px solid #6969BC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-cat {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: left;
cursor: pointer;
color: #FFFFFF;
background-color: #6969BC;
 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-cat1 {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: left;
cursor: pointer;
color: #6969BC;
background-color:#ffe8a2;
 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-cat:hover {
color: #6666BA;
text-align: left;
background-color: #E0E0E0;
}

.btn-selected-cat {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: right;
cursor: pointer;
color: #6666BA;
background-color: #E0E0E0;
 border:1px solid #6969BC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-selected-cat1 {
width:100%;
padding: 4px 7px;
font-size: 12px;
text-align: right;
cursor: pointer;
color: #6666BA;
background-color: #fff7dd;
 border:1px solid #6969BC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-sort {
display: inline-block;
padding: 1px 3px;
font-family: franklin gothic;
font-size: 10px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #ffffff;
background-color: #6969BC;
border:1px solid #6969BC; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}

.btn-sort:hover {
color: #ffffff;
background-color: #d5d5ec;
border:1px solid #6969BC; 
}
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */
/* ......................................................................................... */