body {
    padding:0; 
    margin:0; 
    font:1.1em/1.3 Verdana, Verdana, Geneva, sans-serif;
    color:#6A4102; 
    background-image: url("images/tobacco_pink_5.jpg");
    background-repeat: repeat;
    padding-top: 10px;
    padding-bottom: 10px;    
}

table.cigigant {
	width: 1005px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #FEEBCD;
	padding: 10px 5px 20px 5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 5px 5px 5px 1px #000000;
	box-shadow: 5px 5px 5px 1px #000000; 
}

td.rida {
	width: 302px;
	padding-top: 10px;
        border-width: 1px;
        border-style: none;
        border-color: #0BB21E;
        vertical-align: middle;
        text-align: center;
}

td.cigdohead {
        height: 150px;
        background-image: url(images/cigtabhead.gif);
        background-repeat: no-repeat;
        background-position: center; 
}

input.text {
	height: 22px;
	width: 170px;
	background:rgba(106,65,2,0.5);
	border: solid 1px #6A4102;
	border-radius: 8px 8px 8px 8px;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #FEEBCD;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.fibutt {
	height: 26px;
	width: 50px;
	background:#6A4102;
	border: solid 1px #6A4102;
	border-radius: 8px 8px 8px 8px;
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #FEEBCD;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.fibutt:hover {
	background:#3cb0fd;
	color: #FFFF00;	
	transition: background-color .3s linear, color .3s linear;
	cursor: pointer;
}

a.mulnk:visited {text-decoration: none; color: #148AFF;}
a.mulnk:link {text-decoration: none; color: #148AFF;}
a.mulnk:hover {text-decoration: underline; color: #148AFF;}

a.blink:visited {text-decoration: none; color: #7D7D7D;}
a.blink:link {text-decoration: none; color: #7D7D7D;}
a.blink:hover {text-decoration: none; color: #0C3185;}

a.taglink:visited {text-decoration: none; color: #FFFFFF; background: #5595FC; padding: 2px 4px 2px 4px;}
a.taglink:link {text-decoration: none; color: #FFFFFF; background: #5595FC; padding: 2px 4px 2px 4px;}
a.taglink:hover {text-decoration: none; color: #FFFF00; background: #5595FC; padding: 2px 4px 2px 4px;}


.listtable{
   font-size: 14px;
   width: 100%;
}

.listtable tr{
   font-size: 14px;
}

.listtable tr:hover{
   background: #FFFF99 !important;
   transition: .3s background;
}

.reklam {
    border-style: none;
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
}

.reklam tr {
    border-style: none;
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
}

.reklam td {
    border-style: none;
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

.nav ul {
  list-style: none;
  background-color: #6A4102;
  text-align: center;
  padding: 0;
  margin: 0;
}

.nav a {
  text-decoration: none;
  color: #FEEBCD;
  display: block;
  transition: .3s background-color;
}
 
.nav a:hover {
  background-color: #148AFF;
}
 
.nav a.active {
  background-color: #FCD79C;
  color: #6A4102;
  cursor: default;
}

.nav li {
  font-family: 'Oswald', sans-serif;
  width: 160px;
  border-bottom: none;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
}
 
.nav li {
  display: inline-block;
  margin-right: -4px;
}

.btn {
  background: #d18108;
  background-image: -webkit-linear-gradient(top, #d18108, #6A4102);
  background-image: -moz-linear-gradient(top, #d18108, #6A4102);
  background-image: -ms-linear-gradient(top, #d18108, #6A4102);
  background-image: -o-linear-gradient(top, #d18108, #6A4102);
  background-image: linear-gradient(to bottom, #d18108, #6A4102);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #FEEBCD;
  font-size: 18px;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #226694);
  background-image: -moz-linear-gradient(top, #3cb0fd, #226694);
  background-image: -ms-linear-gradient(top, #3cb0fd, #226694);
  background-image: -o-linear-gradient(top, #3cb0fd, #226694);
  background-image: linear-gradient(to bottom, #3cb0fd, #226694);
  text-decoration: none;
}

div.socshare {
    position: relative;
    top: 52px;
    left: 210px;
    width: 360px;
    height: 32px;
    text-align: center;
    display:inline-block;
}

div.langbutt {
    position: relative;
    top: 56px;
    left: 440px;
    width: 180px;
    text-align: right;
    display:inline-block;
}

div.fashare {
    width: 65px; 
    height: 32px; 
    background-color: rgba(106,65,2,0.3);
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display: inline-block;
} 

div.fashare:hover {
    background-color:#3C5B99;
    transition: .5s background-color;
    cursor: pointer;
}

div.twshare {
    width: 65px;  
    height: 32px;
    background-color: rgba(106,65,2,0.3);
    text-align: left;
    vertical-align: middle;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display: inline-block;
} 

div.twshare:hover {
    background-color:#00ACED;
    transition: .5s background-color;
    cursor: pointer;
}

div.gpshare {
    width: 65px; 
    height: 32px; 
    background-color: rgba(106,65,2,0.3);
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display: inline-block;
} 

div.gpshare:hover {
    background-color:#DC4B38;
    transition: .5s background-color;
    cursor: pointer;
}

div.tushare {
    width: 65px;  
    height: 32px;
    background-color: rgba(106,65,2,0.3);
    text-align: left;
    vertical-align: middle;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display: inline-block;
} 

div.tushare:hover {
    background-color:#44546A;
    transition: .5s background-color;
    cursor: pointer;
}

div.pishare {
    width: 65px; 
    height: 32px; 
    background-color: rgba(106,65,2,0.3);
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    display: inline-block;
} 

div.pishare:hover {
    background-color:#CA2027;
    transition: .5s background-color;
    cursor: pointer;
}

.recontainer {
    position: relative;
    width: 250px;
}

.reimage {
  opacity: 1;
  display: block;
  width: 250px;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.remiddle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.recontainer:hover .reimage {
  opacity: 0.5;
}

.recontainer:hover .remiddle {
  opacity: 1;
}

.retext {
  background-color: #FEEBCD;
  color: #6A4102;
  font-size: 14px;
  padding: 16px 32px;
}