/* CSS Document */

body {
  background: url(images/bg.jpg) repeat-x;
	font: 12px Arial;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

img {
  border: none;
}

.up {
  border: none;
  float: left;
}

.img {
  border: 1px solid #006662;
}

.imgKosik {
  border: 1px solid #006662;
  float: left;
  height: 98px;
  padding-right: 10px;
}

.produkt {
  margin: 0px 10px 0px 10px;
}

.vypisprodukt {
  margin: 0px 10px 0px 10px;
  width: 715px;
}

.vypisprodukt tr:hover {
  background-color: #FA6700;
}

.vypiszakaznik {
  margin: 10px 10px 0px 10px;
  width: 510px;
}

.vypiszakaznik2 {
  margin: 0px 0px 0px 0px;
  width: 400px;
}

.sort {
  margin: 0px 0px 0px 0px;
  width: 530px;
}

.vypisDPH {
  margin: 10px 10px 10px 10px;
  width: 300px;
}

.vypisDPH td {
  text-align: right;
  font: 15px Arial; 
}

th {
  font: bold 15px Arial;
  text-align: left;
}

table.container {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.container th {
	border-width: 0px;
	padding: 0px;
}

table.container td {
	border-width: 0px;
	padding: 0px;
	vertical-align: top;
}

#Xlayout {
	width: 1000px;
}

#layout {
	text-align: justify;
	border-left: 2px solid #006662;
	border-right: 2px solid #006662;
}

#header {
	height: 200px;
	background: #FFFFFF;
}

#logo {
	width: 250px;
	float: left;
	margin: 5px;
}

#obrazok, #obrazokadmin {
	float: left;
	margin: 0px 0px 3px 3px;
	text-align: center;
	color: #EDF6F5;
}

#obrazokadmin h1 {
	margin: 0px 0px 0px 0px;
	font: bold 55px Arial;
	background: #000000;
}

#top {
	float: left;
	margin: 8px 0px 0px 10px;
	width: 720px;
}

#main {
  border-top: 2px solid #006662;
	background: #EDF6F5;
}

#menu {
	width: 260px;
	float: left;
  color: #000000;
}

#menu .Xmenu-nadpis, #right .Xmenu-nadpis {
	background: #FA6700;
	font: bold 15px Arial;
	text-align: center;
  margin: 5px;
}

#menu .Xmenu-nadpis a, #right .Xmenu-nadpis a {
	color: #000000;
}

#menu .Xmenu-nadpis a:hover, #right .Xmenu-nadpis a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.Xmenu-nadpis3 {
  width: 185px;
	background: #FA6700;
	font: bold 15px Arial;
	text-align: center;
	margin-bottom: 5px;
}

.Xmenu-nadpis4 {
  width: 185px;
	background: #006662;
	font: bold 15px Arial;
	text-align: center;
	margin-bottom: 5px;     
}

#menu .menu-nadpis, #right .menu-nadpis {
  padding: 5px;
  border: 2px solid #006662;
}

.menu-nadpis3 {
  padding: 5px;
  border: 2px solid #006662;
}

.menu-nadpis4 {
  padding: 5px;
  border: 2px solid #FA6700;
}

#menu .Xmenu-nadpis2, #right .Xmenu-nadpis2 {
	background: #006662;
	font: bold 15px Arial;
	text-align: center;
  margin: 5px;
}

#menu .Xmenu-nadpis2 a, #right .Xmenu-nadpis2 a {
	color: #FFFFFF;
}	

#menu .menu-nadpis2, #right .menu-nadpis2 {
  padding: 5px;
  border: 2px solid #FA6700;
}

#menu .Xmenu-polozky, #right .Xmenu-polozky {
	text-align: left;
  height: 25px;
}

#menu .menu-polozky, #right .menu-polozky {
  padding: 0px 10px 0px 7px;
  font: bold 14px Arial;
}

#menu a, #right a {
  color: #006662;
  text-decoration: none;
}

#menu a:hover, #right a:hover {
  color: #FA6700;
  text-decoration: underline;
}

#menu p, #menu hr, #right p, #right hr {
  margin: 5px;
}

#main-text {
	float: left;
}

#text {
	width: 540px;
	float: left;
	color: #000000;
}

#text_admin {  
	width: 735px;
	float: left;
	color: #000000;
}

#text h1, #text_admin h1 {
	font: bold 20px Arial;
	color: #000000;
  margin: 10px;
}

#text p, #text h2, #text h3, #text_admin p, #text_admin h2 {
  margin: 10px;
}

#text_tab table {
  margin: 10px;
  text-align: left;
}

#text_tab td {
  padding: 5px;
}

#text a, #text_admin a {
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}

#text a:hover, #text_admin a:hover {
  color: #006662;
  text-decoration: none;
}

.kontakt {
  margin: 10px;
}

#right {
	width: 196px;
	float: left;
	color: #000000;
}

#footer {
  color: #FFFFFF;
	background: #006662;
  font: bold 12px Arial;
  padding: 5px 0px 5px 0px;
}

#footer .left {
	text-align: left;
	float: left;
  padding: 0px 0px 0px 5px;
  width: 255px;
}

#footer .center {
	text-align: center;
	float: left;
  font: bold 12px Arial;
  padding: 0px 5px 0px 0px; 
  width: 535px;
}

#footer .right {
	text-align: right;
	padding: 0px 5px 0px 0px;
}

#footer a {
  color: #FFFFFF;
  text-decoration: underline;
}

#footer a:hover {
  color: #FA6700;
  text-decoration: none;
}

.textbg {
	border-width: 0px;
	padding: 0px;
	vertical-align: top;
	background: #FFFFFF;
}

p.nadpis-text {
	background: #FFFFFF;
	font: bold 18px Arial;
	color: #EF870F;
  padding: 5px;
  margin: 5px 10px 5px 10px;
}

#top ul {
	margin:2px 0px 0px 4px;
	padding:0px;
	float:left;
	width:714px;
  background:#006662;
  height: 40px;
}

#top ul li {
	display:block;
	float:left;
	background:url(images/menudevider.gif) right top no-repeat #006662;
	list-style:none;
}

#top li a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;  
	padding:14px 13px 20px 10px;  
	border-left: 5px solid #FA6700;
	height: 6px; 
}

#top li a span {
	background:url(images/topdisc.gif) 0px 6px no-repeat;
	padding:0px 0px 0px 10px;
}

#top li a.current {
  background:url(images/menudevider.gif) right top no-repeat #FA6700;
}

#top li a:hover {
	color:#006662;
	background:url(images/menudevider.gif) right top no-repeat #FA6700;
	height: 6px;   
	border-left: 5px solid #006662;
}

#obrazok, #obrazokadmin {
  background:url(images/top.jpg) left top no-repeat;
  width: 715px;
  height: 140px;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}     

#mnozstvo {
  text-align: center;
  background-color: #006662;
  padding: 3px;
  color: #FFFFFF;
}   

#mnozstvo h1 {
	font: bold 20px Arial;
	color: #FFFFFF;
  margin: 10px;
}

.zlava {
  color: #FFFF00;
  font: bold 12px Arial;
}

.zlava2 {
  color: #FF0000;
  font: bold 12px Arial;
}

.vypredane {
  color: #FF0000;
  font: bold 12px Arial;
}

.pravo {
  color: #000000;
  font: bold 12px Arial;
}

.pravono {
  color: #FF0000;
  font: bold 12px Arial;
}

#menu1 {
  padding: 0px 0px 10px 0px;
  text-align: left;
}

.vypis {
  background-color: #006662;
  color: #FFFFFF;
  text-align: center;
  width: 255px;
  min-height: 440px;
  float: left;
  margin: 0px 0px 10px 10px;
}

.show {
  background-color: #006662;
  color: #FFFFFF;
  text-align: center;
  width: 167px;
  float: left;
  margin: 0px 0px 10px 10px;
}

.show:hover {
  background-color: #EF870F;
}

.show h3 {
  height: 30px;
}

#text .show a {
  color: #FFFFFF;
}

#text .show h3 a {
  font: bold 12px Arial;
}

.center {
  text-align: center;
  font: bold 15px Arial;
}

.menu_polozky {
  font: bold 12px Arial;
  margin: 0px 0px 10px 10px;
}

#Xobjednavka {
  font: bold 12px Arial;
  margin: 10px;
  padding: 5px;
  background-color: #006662;
  color: #FFFFFF;
  width: 510px;
  float: left;
}

#Xobjednavka:hover {
  background-color: #FA6700;
}

#objednavka {
  float: left;
  width: 350px;
  text-align: left;
}

#objednavka2 {
  float: left;
  width: 500px;
  text-align: left;
}

#Xobjednavka2 {
  font: bold 12px Arial;
  margin: 10px;
  padding: 5px;
  background-color: #006662;
  color: #FFFFFF;
  width: 510px;
  float: left;
}

#Xobjednavka2 h2, #Xobjednavka h2 {
  margin-top: 0px;
}

#objednavka a, #objednavka a:hover, #objednavka2 a, #objednavka2 a:hover {
  color: #FFFFFF;
  font: bold 15px Arial;
}

#zmena {
  text-align: right;
}

#sumarum {
  font: bold 20px Arial;
  margin: 10px;
  padding: 5px;
  background-color: #006662;
  color: #FFFFFF;
  float: left;
  width: 510px;
  text-align: center;
}

#pokladna {    
  margin: 10px;
  padding: 5px;
  background-color: #FA6700;
  color: #FFFFFF;
  float: left;
  width: 510px;
  text-align: center;
}

#pokladna a {
  color: #FFFFFF;
  font: bold 20px Arial;
  text-decoration: none;
}

#pokladna a:hover {
  color: #FFFFFF;
  font: bold 20px Arial;
  text-decoration: underline;
}

#tabulka {
  margin: 10px;
  width: 500px;
}

#tabulka2 {
  margin: 10px;
  width: 270px;
}

.reg1 {
  width: 100px;
}

.reg2 {
  width: 130px;
}

.input {
  width: 200px;
  margin: 0px 0px 5px 0px; 
} 

.input2 {
  width: 50px;
  margin: 0px 0px 5px 0px; 
}

.input3 {
  width: 50px;
  margin: 0px 0px 5px 0px; 
} 

.input4 {
  width: 100px;
  margin: 0px 0px 5px 0px; 
} 

.input5 {
  width: 350px;
  margin: 0px 0px 5px 0px; 
} 

.inputLogin {
  width: 185px;
  margin: 0px 0px 0px 0px; 
} 

.inputLogin2 {
  width: 150px;
  margin: 0px 0px 0px 0px; 
} 

.inputLogin22 {
  width: 83px;
  margin: 0px 0px 0px 0px; 
} 

.inputcaptcha {width:200px; background: url(captcha.php) right repeat-y #FFFFFF; }

.submitik { width:695px; font: bold 18px Tahoma, Arial; }
.submitik2 { width:520px; font: bold 18px Tahoma, Arial; }
.search { width:249px; font: bold 15px Arial; }
.search2 { width:186px; font: bold 15px Arial; }
.search22 { width:183px; font: bold 15px Arial; }
.search3 { width:55px; font: bold 12px Arial; }
.searchinput { width:178px; }
.searchinput2 { width:242px; }
.searchinput22 { width:177px; }
.login { width:200px; height:52px; font: bold 18px Tahoma, Arial; margin: 9px 5px 0px 10px; }
.reg { width:490px; height:30px; font: bold 18px Tahoma, Arial; margin: 10px 0px 0px 0px; }
.buy { width:520px; height:30px; font: bold 18px Tahoma, Arial; margin: 10px 0px 0px 0px; }
.add { width:15px; }
.poznamka { width:515px; }
.diskusia { width:400px; }

#diskusia {
  background-color: #FA6700;
  padding: 3px;
  margin-bottom: 5px;
}

#diskusiaadmin {
  background-color: #006662;
  color: #FFFFFF;
  padding: 3px;
  margin-bottom: 5px;
}

#diskusiaadmin a, #diskusiaadmin a:hover {
  color: #FFFFFF;
}   

ul.checkboxes {
  list-style-type: none;
  margin: 5px;
  padding: 0px;
}    

#text_tab2 table {
  margin: 10px;
  text-align: left;
}

#text_tab3 table, #text_tab4 table {
  margin: 10px;
  text-align: left;
  width: 700px;
}

#text_tab4 table {
  width: 520px;
}

#text_tab6 table {
  width: 510px;
  margin: 0px;
}

#text_tab2 td {
  padding: 5px;
  border: 1px solid #006662;
  font: bold 25px Arial;
  text-align: center;
}

#text_tab2 th, #text_tab3 th, #text_tab4 th {
  background: #EDF6F5;
  padding: 10px;
  border: 1px solid #006662;
}

#text_tab3 td, #text_tab4 td {
  padding: 5px;
  border: 1px solid #006662;
  font: 12px Arial;
  text-align: left;
}

#text_tab3 input, #text_tab3 select {
  padding: 3px;
}

#text_tab4 input {
  padding: 3px;
  width: 340px;
}

#obrazokproduktu {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  width: 148px;
  height: 110px;
  margin: 9px;
}

#obrazokproduktu img {
  max-width: 145px;
  max-height: 104px;
}

#obrazokproduktu3 {
  border: 1px solid #006662;
  background: #FFFFFF;
  width: 250px; 
  height: 110px;
  margin: 5px;
}

#obrazokproduktuKosik {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  width: 132px;
  height: 98px;
  text-align: center;
  float: left;
  margin-right: 5px;
}

#obrazokproduktuKosik img {
  max-width: 125px;
  max-height: 105px;
}

#obrazokproduktuKosik2 {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  width: 70px;
  height: 56px;
  text-align: center;
  float: left;
  margin-right: 5px;
}

#obrazokproduktuKosik2 img {
  max-width: 70px;
  max-height: 54px;
}

#tabulkaadmin {
  float: left;
  margin-right: 10px;
}

#kratkypopis {
  height: 100px;
}

#kratkypopis a, #kratkypopis a:hover {
  text-decoration: none;
  font-weight: normal;
  
}

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #006662;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:200px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#FFFFFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

.small {
  font: bold 10px Tahoma, Arial; 
}

.smallcenter {
  font: bold 10px Tahoma, Arial;
  text-align: center; 
}

#slider { margin:0; padding:0px; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
#slider li { width:260px; height:125px; overflow:hidden; }
#slider table {   
  border: 1px solid #006662;
  background: #FFFFFF;
  width: 250px; 
  height: 110px;
  margin: 5px;
}

#slider2 { margin:0; padding:0px; list-style:none; }
#slider2 ul,
#slider2 li { margin:0; padding:0; list-style:none; }
#slider2 li { width:190px; height:125px; overflow:hidden; }
#slider2 table {   
  border: 1px solid #006662;
  background: #FFFFFF;
  width: 185px; 
  height: 110px;
  margin: 5px;
}


/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#fragment-1 table, #fragment-2 table {
  width: 450px;
}

#fragment-1 td, #fragment-2 td {
  padding: 2px;
}

.sklad {
  height: 35px;
}

.nadpis {
  padding:10px;
  background:#EDF6F5;
}

.alt {
  background:#FFFFFF;
}

.rozbalit {
  display:block;
  height:13px;
  background-repeat:no-repeat;
  background-position:right center;
  border-top:1px solid #FFFFFF;
  text-align:right;
  line-height:13px;
  padding:0 16px 0 0;
}

.plus {
  background-image:url('images/plus.gif');
}

.minus {
  background-image:url('images/minus.gif');
}

.right {
  margin:0 0 0 320px;
}

.nadpis table {
  width: 500px;
  margin:10px;  
} 

.nadpis table td {
  padding:2px;  
} 

#admintop {
  width: 714px;
  background: #EDF6F5;
	margin: 1px 0px 0px 4px;
	padding: 5px 5px 5px 5px;
	font: bold 18px Arial;
}

#admintop a {
	color: #000000;
}

#admintop a:hover {
	color: #000000;
	text-decoration: underline;	
}

#admintop a {
	color: #000000;
	text-decoration: none;	
}

#text .sortovanie, #text_admin .sortovanie {
  margin: 0px 0px 0px 10px;
  width: 520px;  
}

#text .sortovanienaspat, #text_admin .sortovanienaspat {
  width: 55px; 
  background: #006662;
}    

#text .sortovanienaspat a, #text_admin .sortovanienaspat a {  
  color: #FFFFFF;
	text-decoration: none;
	font: bold 15px Arial;
	padding: 5px 10px 5px 10px;
}    

#text .sortovanie h2, #text_admin .sortovanie h2 {  
	padding: 5px 0px 2px 0px;
	margin: 0px;
} 

#text .sortovanienaspat a:hover, #text_admin .sortovanienaspat a:hover {  
  color: #FFFFFF;
	text-decoration: underline;
	background: #FA6700;
}   

#text .sortovaniecenter, #text_admin .sortovaniecenter {
  width: 420px;    
  background: #EDF6F5;
}

#text .sortovanievysledok, #text_admin .sortovanievysledok {
  margin: 0px 0px 10px 10px;
  width: 520px; 
  background: #006662;  
  color: #FFFFFF;
}

#text .sortovanievysledok h4, #text_admin .sortovanievysledok h4 {
  margin: 0px;
  padding: 5px 0px 5px 0px;
}

#text .sortovaniecenter a, #text_admin .sortovaniecenter a {  
  color: #006662;
	text-decoration: none;
	font: bold 18px Arial;
	padding: 5px 10px 2px 10px;
}    

#text .sortovaniecenter a:hover, #text_admin .sortovaniecenter a:hover {  
  color: #FFFFFF;
	text-decoration: underline;
	background: #FA6700;
}  

#actual {  
	padding: 5px 0px 2px 0px;
	background: #006662;
	color: #000000;
}  

#text .sortovaniecenter b a, #text_admin .sortovaniecenter b a {  
	color: #FFFFFF;
} 

.ok, .nook {
  padding: 10px 10px 10px 40px;
  margin: 5px;
  background:url(images/ok.gif) left top no-repeat #EDF6F5;
	font: bold 15px Arial;
}

.nook {
  background:url(images/nook.gif) left top no-repeat #EFE4EA;
}

#text_admin .red {
  color: #FF0000;
}

#text_admin .blue {
  color: #EF870F;
}

#text .produkt h3 {
  padding: 10px 10px 10px 60px;
  margin: 5px;
  background:url(images/euro.gif) left top no-repeat #EDF6F5;
	font: bold 20px Arial;
	text-align: center;
}

#ajax_listOfOptions, #ajax_listOfOptions2 {
	position: absolute;
	width: 242px;
	height: 120px;
	overflow: auto;
	border: 2px solid #006662;
	background-color: #EDF6F5;
	text-align: left;
	font-size: 12px;
	z-index: 100; 
	margin-top: 25px;	
}

#ajax_listOfOptions2 {
	width: 364px;
	height: 250px; 
	margin-top: 0px;	
}

#ajax_listOfOptions div, #ajax_listOfOptions2 div {
	margin: 3px;		
	padding: 3px;
	cursor: pointer;
	font-size: 12px;
}

#ajax_listOfOptions .optionDivSelected, #ajax_listOfOptions2 .optionDivSelected {
	background-color: #006662;
	color: #FFFFFF;
	font: bold 12px Arial;
}

#ajax_listOfOptions_iframe, #ajax_listOfOptions_iframe2 {
	background-color: #006662;
	position: absolute;
	z-index: 5;
}

#text_tab5 table {
  margin: 0px;
  text-align: left;
  margin: 5px;
}

#text_tab5 td {
  padding: 5px;
  border: 1px solid #006662;
  text-align: left;   
  font: bold 10px Arial; 
  background: #FFFFFF;
}

#text_tab5 th {
  padding: 2px;
  border: 1px solid #006662; 
  text-align: center;
  font: bold 10px Arial; 
  width: 15px;   
  background: #FA6700;
}

#text_tab5 .bg {
  background: #006662;
  color: #FFFFFF;  
  width: 35px; 
}

#text_tab5 a {
  font: bold 10px Arial; 
}

.anketa {
	background: #FFFFFF;
}

#postup h1 {
  padding: 10px 10px 10px 40px;
  width: 70px;
  margin: 5px;
  background:url(images/ok.gif) left top no-repeat #EDF6F5;
	font: bold 12px Arial; 
  float: left;         
  text-align: left;
}

#postup .ok {
  background:url(images/ok.gif) left top no-repeat #EDF6F5;
}

#postup .nook {
  background:url(images/ok2.gif) left top no-repeat #EFE4EA;
}

#postup .dlhsieok { 
  background:url(images/ok.gif) left top no-repeat #EDF6F5;
  width: 85px;
}

#postup .dlhsienook { 
  background:url(images/ok2.gif) left top no-repeat #EFE4EA;
  width: 85px;
}

.back {
	background: #EDF6F5;
}

.show table {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  width: 148px;
  height: 110px;
  margin: 9px;
}