/*
Theme Name: X-Com
Theme URI: http://www.x-com.se
Description: X-Coms wordpress-tema
Version: 1 (WP2.8.4)
Author: X-Com
Author URI: http://www.x-com.se
Tags: x-com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body  {
	/*font: 13px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", arial, sans-serif;*/
	font: 12px georgia, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", arial, sans-serif;
	background-color: #fff;/*#F4F6F8;*/
	margin: 0;
	padding: 0;
	text-align: center;
	color: #191919;
	
	overflow:auto;
	overflow-y:scroll; 
	#overflow-y:auto; /* hindra dubbla i ie7*/
}
#main p{
padding: 0 0 15px 0;
line-height: 22px;
font-size: 13px;
}
#container { 
	position: relative;
	width: 970px; 
	/*background: #fff url('img/verticalline.png') no-repeat 655px 50px; */
	margin: 0 auto;
	text-align: left;
} 
#container p {
	margin: 0;
}

#header { 
	background: #fff url('img/shadow.png') no-repeat bottom left; /**/
	
	/*fixed header*/
	/*background: transparent url('img/shadow.png') no-repeat bottom left;
	position: fixed;*/
	z-index: 10;
	width: 937px;
	margin-top: 20px;
	padding-bottom: 5px;
}

#header ul li { 
	display: inline;
}
#search { 
	float: right;
	padding: 0;
	margin: 0;
	top: 5px;
	/*padding-right: 75px;*/
	padding-right: 55px;
}
/*fixed header*/
#content {
	/*padding-top: 60px;*/
}
a {
	color: #414141;/*#00bbff;*//*#e20030;*/
	text-decoration: none;
}
.bold {
	font-weight: bold;
    color: #414141;
}
a:hover, #main .postdatum  a:hover {
	color: #00bbff;/*#007aa6;*/
}
p a {
	color: #00bbff;/*#007aa6;*/
}
p a:hover {
	color: #00bbff;/*#007aa6;*/
}
#textcontent a, #besoksadress-info a, #personal a {
	color: #00bbff;
}

h1 {
	font-family: arial;
	font-size: 28px;
	margin: 0;
	/*padding: 10px 0;*/
	color: #414141;/*#00bbff;*//*#e20030;*/
	text-transform: uppercase;
	letter-spacing: .5px;
	
	/*cufonfix funkar i ie8 men beh�ller ej storleken
	display: none;*/
	/*
	cufonfix
	visibility: hidden;*/
}

h2 {
	font-family: arial;
	font-size: 16px;
	margin: 0;
	padding: 10px 0;
	color: #414141; /*#686868;*/
	text-transform: uppercase;
	letter-spacing: .5px;
}
h3 {
	font-family: arial;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #414141;
	text-transform: uppercase;
	letter-spacing: .5px;
}
a {
	outline: none;
}
#personal h3 {
	font-family: arial;
	font-size: 22px;
	margin: 0;
	padding: 0;
	color: #414141;
	text-transform: uppercase;
}
#sidebar h3 {
	font-family: arial;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #414141;/*#515151;*/
	text-transform: uppercase;
	padding-bottom: 5px;
}
#sidebar h3{
	background:#fff url('img/sidebarheaderline.png') no-repeat bottom left;
	text-indent: 15px;
	padding-top: 30px;
	padding-bottom: 15px;
}

h4 {
	font-family: arial;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #414141;/*#929292;*/
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .5px;
}
h5 {
	font-family: arial;
	font-size: 20px;
	margin: 0;
	color: #414141;/*#00bbff;*/
	text-transform: uppercase;
	letter-spacing: .5px;
}
h5  a {
	color: #414141;/*#00bbff !important;*/
}
h5 a:hover {
	color: #00bbff !important;
}
#main .post h5 {
	margin-top: 20px;
}


.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5 {
	visibility: hidden !important;
}


.startrubrik {
	font-family: georgia, "times new roman", times;
	font-size: 28px;
	margin: 0;
	padding: 0 0 10px 30px;
	color: #8e8e8e;
	
}

#sidebar {
	position: relative;
	top: 0px;
	right: 0;
	width: 300px;
	margin-left: -4px;
	margin-top: -8px;
	float: left;
	
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	/*font: 12px georgia, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;*/
	color: #686868;
}

#sidebar li:first-child h3 {
	/*padding: 10px 0;
	margin: 0;*/
	margin: 17px 0 0 0;
	padding-top: 0;

}
#sidebar .prod {
	margin-top: 20px;
}
#sidebar .prod h3 {
	margin: 17px 0 16px 0 !important;
	padding-bottom: 15px;
}



#sidebar li {
	text-indent: 15px;
	line-height: 20px;
}
#sidebar li a {

	display: block;
	color: #00bbff;
}


#sidebar .categories li{
	/*border-bottom: 1px solid #ececec;*/
	background: transparent url('img/sidebarbg.png') no-repeat top left;
	
}
#sidebar .categories li:hover{
	/*background-color: #f4f3f3;*/
	background: transparent url('img/sidebarbghover.png') no-repeat top left;
}
#sidebar .arkiv li{
	/*border-bottom: 1px solid #f3f3f3;*/
	background: transparent url('img/sidebarbg.png') no-repeat top left;
}
#sidebar .arkiv li:hover{
	/*background-color: #f4f3f3;*/
	background: transparent url('img/sidebarbghover.png') no-repeat top left;
}

#sidebar .visombloggar {
	padding-top: 10px;
}
#sidebar .visombloggar a {
	display: inline;
}

#sidebar .bloggen li{
	/*border-bottom: 1px solid #ececec;*/
	background: transparent url('img/sidebarbg.png') no-repeat top left;
	
}
#sidebar .bloggen li:hover{
	/*background-color: #f4f3f3;*/
	background: transparent url('img/sidebarbghover.png') no-repeat top left;
}

#sidebar img {
	background-color: #fff;
	padding: 2px;
	border: 1px solid #d1d1d1;
	margin-top: -2px;
	
}

#sidebar #sidebar_prod ul li {

	margin-top: 15px;
}
/*
#sidebar img {
	opacity: 0.6;
	filter: alpha(opacity=60)
}
#sidebar img:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
*/
#main img {
	background-color: #fff;
	padding: 2px;
	border: 1px solid #d1d1d1;
	/*margin: 5px;*/
	
}
#main #galleri img {

	padding: 0px;
	border: 0px;
	margin: 0px;
	
	margin-right: 2px;
	
}

#main .alignright {
	/*float finns i layout.css*/
	margin-left: 25px;
}
#main .alignleft {
	margin-right: 25px;
	margin-left: 0px;
}

#main {

	padding: 5px 27px 10px 30px;
	margin-top: 8px;
	float: left;
	width: 605px;
	/*background:#fff url('img/verticalline.png') no-repeat top right;*/
	position: relative;
}
#main .postdatum {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	margin: 0;
	padding: 0 0 0 0;
	margin-bottom: 1px;
	
	color: #b4b3b3;
}
#main .postdatum  a{
	color: #b4b3b3;
}

#contentseparator {
	position: absolute;
	top: 10px;
	bottom: 0;
	width: 4px;
	right: 299px;


}

#contentseparator #up {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 15px;
	background: transparent url('img/separator_top.png') no-repeat top left;
}

#contentseparator #mid {
	position: absolute;
	top: 15px;
    left: 0;
	bottom: 15px;
	width: 3px;
	background: transparent url('img/separator_middle.png') repeat-y top left;
    /*#height: 800px;*/
}

#contentseparator #down {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 3px;
	height: 15px;
	background: transparent url('img/separator_bottom.png') no-repeat top left;
}

#footer { 

	/*fixed header*/
	margin-top: 20px;
	#margin-top: 35px; /* så att inte startflashen ligger över footern i ie7 */ 
	padding: 10px 10px 30px 35px;
	/*padding: 0px 10px 30px 35px;
	margin-top: 10px;*/
	text-align: center;
	background: #fff url('img/shadow.png') no-repeat top left;
	min-height: 100px;
	line-height: 16px;
    
    #width: 952px; /* bredd till ie6 */
	
} 



#footer a {
	color: #929292;
}
#footer a:hover {
	color: #00bbff;
}

#footer #xcom {
	width: 130px;
	text-align: left;
	float: left;
	padding-top: 20px;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	color: #929292;
	line-height: 16px;
	padding-left: 90px;
	background: transparent url('img/xcomlogo.jpg') no-repeat 0px 12px;
	height: 85px;
	
}
#footer p , #footer li  {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	color: #929292;
	line-height: 16px;
}
/*
#footer #xcom:hover {
	background: transparent url('img/xcomlogohover.png') no-repeat 0px 17px;
}
*/

#footer #senasteblogg{
	width: 145px;
	text-align: left;
	float: left;
	margin-top: 20px;
	padding-left: 30px;
	border-left: 1px solid #f3f3f3;

}
#segerkrans {
    width: 96px;
    height: 86px;
    position: relative;
    z-index: 10;
    top: -3px;
    left: 10px;
}

#footer #senastenytt{
	width: 145px;
	text-align: left;
	float: left;
	margin-top: 20px;
	padding-left: 30px;
	border-left: 1px solid #f3f3f3;
}
#footer #senasteproduktioner{
	width: 145px;
	text-align: left;
	float: left;
	margin-top: 20px;
	padding-left: 30px;
	border-left: 1px solid #f3f3f3;
}
#footer #natverk{
	width: 100px;
	text-align: left;
	float: left;
	margin-top: 20px;
	padding-left: 30px;
	/*border-left: 1px solid #f3f3f3;*/
}
#footer #natverk .twitter{
	background: transparent url('img/ikon_twitter_16x16.png') no-repeat center left;
    padding-left: 20px;
    margin-bottom:  5px;
}
#footer #natverk .fb{
	background: transparent url('img/ikon_fb_16x16.png') no-repeat center left;
    padding-left: 20px;
    margin-bottom:  5px;
}
#footer #natverk .lastfm{
	background: transparent url('img/ikon_lastfm_16x16.png') no-repeat center left;
    padding-left: 20px;
    margin-bottom:  5px;
}
#footer #natverk .rss{
	background: transparent url('img/ikon_rss_16x16.png') no-repeat center left;
    padding-left: 20px;
}


.fltrt {
	float: right;

}
.fltlft {
	float: left;
}
.fixed {
	clear: both;
}


/*********************************meny*/
/* cufoncufon */
#menu {
	list-style: none;
	margin-left: 30px;
	padding-top: 10px;
	height: 50px;
	width: 500px;
}
#menu li {
	float: left;
	margin-right: 20px;
}

#menu li h3 a {
	color: #414141;/*#B4B3B3;*/
}
#menu li h3 a:hover {
	color: #00bbff;
}


/* img
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 500px;
  height: 60px;
  position: relative;
  margin-left: 30px;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
#menu .start {
  width: 31px;
  height: 15px;
  background: url(img/meny_start.png) no-repeat;
  left: 0px;
  top: 11px;
}

#menu .aktuellt {
  width: 47px;
  height: 15px;
  background: url(img/meny_aktuellt.png) no-repeat;
  left: 50px;
  top: 11px;
}

#menu .produktioner {
  width: 77px;
  height: 15px;
  background: url(img/meny_produktioner.png) no-repeat;
  left: 115px;
  top: 11px;
}

#menu .omoss {
  width: 40px;
  height: 15px;
  background: url(img/meny_omoss.png) no-repeat;
  left: 210px;
  top: 11px;
}

#menu .labs {
  width: 26px;
  height: 15px;
  background: url(img/meny_labs.png) no-repeat;
  left: 268px;
  top: 11px;
}

#menu .kontakta {
  width: 51px;
  height: 15px;
  background: url(img/meny_kontakta.png) no-repeat;
  left: 310px;
  top: 11px;
}
*/
/****************************** end menu*/

/*prod submenu*/
.subcatlist li {
	margin-right: 10px;
}

div.hr {
  height: 5px;
  margin-top: 15px;
  margin-bottom: 30px;
  background: #fff url(img/hr.png) no-repeat center;
}
div.hr hr {
  display: none;
}

div.hr_870 {
  height: 5px;
  margin-top: 5px;
  margin-bottom: 30px;
  background: #fff url(img/hr_870.png) no-repeat left;
}
div.hr_870 hr {
  display: none;
}

.mainwide {
	width: 960px !important;
}

.normalwidth {
	width: 605px !important;
}
.mainomoss {
	width: 850px !important;
}
.mainkontakta {
	width: 960px !important;
}
.mainstart {
	width: 960px !important;
}

#main #forfattare p {
	margin: 0;
	padding: 0;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	color: #b4b3b3;
}
#main #forfattare p a {

	color: #b4b3b3;
}
#main #forfattare p a:hover {

	color: #00bbff;
}
/**/
#main #forfattare {
	float: left;
	width: 130px;


}
#main #kommentaren {
	float: left;
	width: 465px;
}
#main #kommentaren p {
	padding-top: 0px;
}

#main .avatar {
	margin: 0;
}
#main .granskning {
    color: #B4B3B3;
    font-size: 11px;
}


#commentform #inputform {
	float: left;
	/*clear: both;*/
	margin-bottom: 10px;
	/*width: 180px;*/
	
	width: 605px;
}
#commentform #inputform  ul{
	float: left;
	
}
#commentform #inputform  ul li{
	width: 160px;
	margin-right: 22px;
	display: inline;
}
#commentform #inputform  ul .liurl{
	width: 160px;
	margin-right: 0px;
	display: inline;
}

#commentform #author, #commentform #email, #commentform #url  {
	margin-bottom: 10px;
	background:transparent url(img/commentinput180.png) no-repeat left top;
	/*width: 165px;
	height: 24px;*/
	width: 180px;
	height: 27px;
	
	border: 0;
	padding: 0;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 13px;
	font-family: georgia, "Lucida Sans Unicode","Lucida Grande","Lucida Sans","Lucida",sans-serif;
	color: #929292;
	outline: none; /*tar bort google chrome focus glow*/
    
    /*mac mm*/
    padding: 0 0 5px 5px;
    
    /*ie8*/
    padding /*\**/: 5px 0 0 5px\9


}
/*ff3*/
#commentform #author, #commentform #email, #commentform #url, x:-moz-any-link, x:default { padding: 5px 0 0 5px; }

#commentform #comment {
	float: left;
	margin-bottom: 15px;
	color: #929292;
}

#commentform #submit {
	float: right;
	margin-bottom: 20px;
    margin-right: 2px;
}
#commentform #comment, #commentform #textareasubmit {
	/*width: 350px;*/
	width: 605px;
	float: left;
}

#textareasubmit #comment {
	/*width: 350px;*/
	width: 590px;
	height: 110px;
	border: 1px solid #cccccc;
	/*background:transparent url(img/textarea_middle.png) repeat-y left bottom;*/
	padding: 5px;
	font-size: 13px;
	font-family: georgia, "Lucida Sans Unicode","Lucida Grande","Lucida Sans","Lucida",sans-serif;
	background-repeat: no-repeat;
	outline: none; /*tar bort google chrome focus glow*/
	-moz-border-radius: 5px; -webkit-border-radius: 5px; /*ej IE*/
	
}
#submit {
	/*width: 69px;
	height: 24px;*/
    width: 59px;
	height: 22px;
	border: 0;
	background: transparent url(img/submit3.png) 0 0;
	cursor: pointer;
}
#submit:hover {
	background: transparent url(img/submit3.png) 0 -22px;

}

#searchform #searchsubmit {
background:transparent url(img/submitsok.png) no-repeat left top;
border: 0;
float:left;
height:24px;
padding:0;
width:33px;
cursor: pointer;
margin-left: -7px;
}
#searchform #searchsubmit:hover {
background-position: 0px -24px;
}
#searchform #searchsubmit:active {
background-position: 0px -48px;
}

#searchform #s {
background:transparent url(img/inputsok.png) no-repeat left top;
border: none;
float:left;
height:24px;
width:175px;
cursor: text;
/*
padding-top: 5px;
padding-left: 7px;
*/
font-size: 11px;
color: #929292;
outline: none; /*tar bort google chrome focus glow*/

line-height: 24px;
border-spacing: 0;
padding: 0 0 5px 7px;
}

#searchform #s, x:-moz-any-link, x:default { padding: 5px 0 0 7px; }

/**************produktion*/

#main #textcontent {
	width: 210px;
	float: left;
	padding-right: 40px;

}

#main #textcontent ul li{
	padding-top: 10px;
	line-height: 20px;
	font-size: 13px;
}

#main #galleriwrap {
	width: 600px;
	float: left;
	top: -10px;
}

#navholder {
	position: absolute;
	left: 0;
    top: 60px;
	width: 996px;
	margin-left: -45px;
    bottom: 0;
}
#navholder .prev {
	position: absolute;
    float: left;
    width: 80px;
    top:  0;
    bottom: 0;
    left: 0;
    background: transparent url('img/prod_nav_fade_left.png') repeat-y top left;

    z-index: 5;
    
}
#navholder .next {
	position: absolute;
	right: 0;
    top: 0;
    bottom: 0;
    float: right;
    width: 80px;
    background: transparent url('img/prod_nav_fade_right.png') repeat-y top right;
    z-index: 5;
    
}
#main #navholder .nextprod {
	background: transparent url('img/prod_nav.png') no-repeat 10px 0; /*0 0*/
	width: 30px; /*20px*/
	height: 35px;
	text-indent: -9900px;
	/*display: block;*/
    cursor: pointer;
    
    margin-top: 160px;
    float: right;
}

/* hover utan jquery*/
#main #navholder .nextprod:hover {
	background-position: 10px -35px;
	cursor: pointer;
}


#main #navholder .prevprod {
	background: transparent url('img/prod_nav.png') no-repeat 0px -70px; /*0 -70px*/
	width: 30px; /*20px*/
	height: 35px;
	text-indent: -9900px;
	/*display: block;*/
    cursor: pointer;
    
    margin-top: 160px;
}
/* hover utan jquery*/
#main #navholder .prevprod:hover {
	background-position: 0px -105px;
	cursor: pointer;
}



#main #galleri {
	margin-top: 12px;
	margin-bottom: 10px;
	cursor: pointer;
	padding: 2px;
}
#searchprodimage {
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

#main #galleriladdare {
width: 600;
padding-top: 140px;
text-align: center;
}

#main .stripTransmitter {
width: 10px;
height: 9px;
}
#main .current {
/*width: 10px !important;*/

}
#main .stripTransmitter a {
background: transparent url('img/sliderbtn.png') no-repeat top left;
width: 100% !important;
}
#main .stripTransmitter a:hover, #main .stripTransmitter a.current {
background-position: 0px -9px;
}
#content #main .prodlista {
	
	width: 200px;
	float: left;
	margin-right: 16px;
	padding-bottom: 35px;

}
#content #main .prodlista img {
	margin-left: 0px;
}
#content #main .prodlista p {
	margin-left: 3px;
}

#content #main .prodlista li {
	width: 200px;
	padding-top: 5px;

}

#content #main .prodlank {
	color: #191919;
	line-height: 20px;

}
.prodhover, .current-cat a, .current_page_item h3 {
	color: #00bbff !important;
}

.subcatlist li {
	display: inline;
}

#content #main .kontaktlista {
	
	/*width: 182px;*/
	margin-right: 0px;

}
#content #main .kontaktlista li {
	width: 230px;
	float: left;
	margin-top: 5px;

}
#personal {
	width: 420px;
	float: left;
	margin-right: 40px;
	margin-top: 30px;
}
#personal-bild {
	width: 155px;
	float: left;
	margin-right: 10px;
}
#personal-info {
	width: 250px;
	float: left;
}
#personal-bild  img{
	border: 0;
	margin: 0;
	padding: 0;
}
#besoksadress-info {
	width: 250px;
	float: left;
	margin-right: 50px;
}
#besoksadress-info ul{
	margin-top: 10px;
}
#besoksadress-info ul li{
	margin-top: 5px;
	font-size: 13px;
}

#besoksadress-karta {
	width: 580px;
	float: left;
}

#content #main .kontaktlista  li p{
	line-height: 18px;
	font-size: 13px;
	padding: 5px 0 0 0;
}


#content #main .kontaktlista  img{
	margin: 0;
	border: 0;
}
#content #main #anstallda{
	margin: 0;
	padding: 0;
}
#content #main #besoksadress{
	margin-bottom: 20px;
	float: left;
}

#author_posts, #author_posts_holder {
	float: left;
	margin-left: 50px;
	width: 300px;
}
#author_posts_holder .next, #author_posts_holder .prev {
	color: #00bbff;
}
#author_posts_holder .current {
	color: #929292;
    display: none;
}
#author_posts li a {

}
.author-image {
	float: left;
	border: 0 !important;
}

.clear {
	clear: both;
}

/*codesnippet*/
.codesnip-container ol li {
	list-style-type: decimal !important;
	color: #b2b2b2 !important;
}
.codesnip-container-wrapper {
	background: #EEEEEE none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	margin-bottom: 11px;
}
.codesnip-container-innerwrapper {
	overflow: auto;
	max-height: 400px;
}
.codesnip-container {
	/*margin: 10px 20px !important;*/
	/*margin: 10px 0px 30px 20px !important;*/
	white-space: nowrap;
}
/*end codesnippet*/

/*autocolumn jquery*/
#main .columnize .first {
    padding-right: 40px;
    border-right: 1px solid #ddd;
}
#main .columnize .last {
    float: right !important;
}
/*end autocolumn*/

/*tooltip*/

#tooltip {
	position:absolute;
	/*background:#f3f3f3;
    color:#7a7a7a;
    */
	padding:2px 5px;
	display:none;
    max-width: 150px;
    
    background:#fff;
    border: 1px solid #f3f3f3;
    border-right: 2px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    color:#7a7a7a;
}

#boxedslider {
	margin-left:-60px;
	overflow: hidden;
	padding-left: 60px;
	width: 920px;
	position: relative;
}

#boxedslider #boxedslidercontainer
{
	position: relative;
}

#boxedslider .boxedslider_left_item {
	margin-left: 50px;
}

#boxedslider .boxedslider_item {
	float: left;
	margin-right: 60px;
	width: 850px;
	display: none;
	min-height:377px;
}

#boxedslider .boxedslider_item_visible {
	display: block;
}

#boxedslider .boxedslider_item_opacity {
	opacity: 0.6;
    filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#boxedslider .boxedslider_item_hidden {
	display: none;
}

.boxedslider_item_not_loaded {
    text-align: center;
    margin-top: 140px;
}

#startflash {
    outline: none;
}

.download_files {
    background: transparent url('img/download_files.png') no-repeat top left;
    padding-left: 20px;
    padding-bottom: 2px;
    float: left;
    width: 80px;
    margin-top: 3px;
}