/* styl spolecny vsem prohlizecum */
body         {/*background: #DBE4EE url(img/bg.png) repeat-x 0 0;*/ background-color: #C6D1D5; margin: 0; font: 13px "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
textarea     {width: 300px; height: 100px;}
a img        {border: none; margin-top: 3px;}
a, #menu a.selected {color: #0E4D90;}
a:hover      {text-decoration: underline;}
h1,h2,h3,h4,h5,h6,h7{margin: 0; padding: 4px;}
.nahled td   {margin: 0; padding: 0;}
.nahled a    {display: block;}

#content     {width: 1016px; background: url(img/skin-white-light.png) repeat-y; min-height: 500px; margin: 20px auto; padding: 0px 7px; box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.5);}
/*#content2    {background: url(img/stin2.png) repeat-x center bottom;}*/
#topbar      {background-color: #5CA80A; height: 36px; color: #FFF; border-bottom: 6px solid #FFF; border-top: 6px solid #FFF;}
#topbar .menu{padding: 10px; text-align: center;}
#topbar a    {text-decoration: none; color: #FFF; font-weight: bold;}
#topbar a:hover{text-decoration: underline;}
#left        {float: left; background-color: #C5C5C5; min-height: 500px;}
#center      {width: 617px; /*margin-left: 191px;*/ padding: 0px 9px 20px; min-height: 510px; float: left;}
#right       {float: right; width: 190px; background-color: #C5C5C5; min-height: 500px;}
#right .rHead{margin: 0; padding: 0; font-size: 15px; font-weight: bold;}
#right .rHead a {text-decoration: none; color: #FFF;}
#right a     {}
#right h2    {margin: 0; padding: 0; font-size: 15px;}
#right h2 a  {text-decoration: none; color: #111;}
#right .link {font-size: 11px; margin: 5px 0;}
#center h2   {margin-bottom: 0; background-color: #407CB7; color: #FFF; padding-left: 10px; font-size: 16px;}
#center .head{margin-bottom: 0; background-color: #407CB7; color: #FFF; padding: 6px 0 7px 10px; font-size: 16px; font-weight: bold;}
#center a:hover{}
#logo        {width: 190px; height: 120px; background: url(img/logo-oponice-green.png); cursor: pointer;}
#logo h1     {display: none;}
#logo1       {width: 190px; height: 120px; background: url(img/logo-chameleon-green.png); cursor: pointer;}
#menu        {min-height: 50px; width: 176px; padding-top: 15px;}
#menu ul     {list-style-type: none; padding-left: 0px;}
#menu ul li  {line-height: 10px;}
#menu a      {text-decoration: none; color: #111; font-size: 11px; font-weight: normal;}
#menu a:hover{text-decoration: none; color: #0E4D90; font-size: 11px; font-weight: normal;}
#menu ul ul a{color: #111;}
#search      {background-color: #5ca80a; height: 42px;}
#search img  {margin-top: 3px;}
#search h2   {font-size: 14px; padding: 0;}
#newsletter h2{font-size: 14px; padding: 0;}
#newsletter img{margin-top: 3px;}
#novinky     {width: 176px;}
#results #vysledky{padding: 10px 10px 10px; float: left;}
#results #vysledky #row_obr{width: 60px; height: 50px; float: left;}
#results #vysledky #row_nadpis {padding: 0px 0px 0px 60px; }
#results #vysledky #row_popis {padding: 0px 0px 20px 0px;}
#results #vyraz{margin: 10px 30px; font-size: 17px; text-decoration: underline;}
#results div {margin: 0 0 5px 5px;}
#akce        {min-height: 50px;}
#akce h3     {margin: 0 0 5px; padding: 0; font-size: 12px;}
#akce strong, #vyprodej strong {color: #667;}
#akce a, #vyprodej a{font-weight: bold;}
#vyprodej    {min-height: 50px;}
#vyprodej h3 {margin: 0 0 5px; padding: 0; font-size: 12px;}
#flash       {height: 155px;}
#success     {background-color: #0D9116; color: #FFF; padding: 5px 8px; font-weight: bold; text-align: center; display: block; margin-bottom: 5px;}
#failure     {background-color: #910000; color: #FFF; padding: 5px 8px; font-weight: bold; text-align: center; display: block; margin-bottom: 5px;}
#info        {padding: 10px 10px;}
#info div    {text-align: center;}
#ShopOdberatel,#ShopOdberatelFirma,#Cenik{margin: 20px auto; width: 500px; /*border: 2px solid #B3B3B3;*/ padding: 10px;}
#ShopOdberatel table,#ShopOdberatelFirma table{width: 500px;}
#ShopOdberatel th,#ShopOdberatelFirma th{width: 160px; text-align: left;}
#clogin      {border: 2px solid #B3B3B3; padding: 10px;}
#kosiktable  {width: 615px; text-align: left;}
#kosiktable #row {border-bottom: 4px solid #0E4D90; }
#kosiktable th{background-color: #0E4D90; color: #FFF; padding: 2px 8px;}
#kosiktable td{padding: 1px 5px;}
#kosiktable select{font-size: 12px;}
#karrows     {margin: 30px 40px 20px;}
#karrow1 a   {background: url(img/sipka_l.png) no-repeat; width: 148px; height: 65px; display: block; line-height: 65px; padding-left: 29px; color: #555; font-weight: bold; text-decoration: none;}
#karrow2 a   {background: url(img/sipka_p.png) no-repeat; width: 148px; height: 65px; display: block; line-height: 65px; padding-left: 10px; color: #555; font-weight: bold; float: right; margin-right: 20px; text-decoration: none;}
#podminky2   {height: 400px; overflow: auto; width: 620px;}
#podminky2 p {padding: 5px 8px;}
#souhlas     {padding: 20px 120px 0px 180px;}
#souhrn div  {padding: 0 10px;}
#souhrn #zbozi{width: 100%;}
#souhrn #zbozi th{width: 200px; padding-right: 20px;}
#souhrn td   {min-width: 70px;}
#souhrn th   {width: 230px; text-align: right; padding: 1px 5px;}
#souhrn h2   {background-color: #0E4D90; color: #FFF;}
#souhrn h3   {color: #0E4D90; border-bottom: 1px solid black; padding: 18px 0 0;}
#souhrn .xForm {width: 600px; border: 1px solid gray; padding: 0; padding: 10px; margin-top: 0;}
#souhrn .xForm table {width: 600px; border-collapse: collapse;}
#souhrn .xForm th {text-align: left; padding: 0;}
#souhrn #sMenu    {height: 28px;}
#souhrn #sMenu h4 {float: left; border: 1px solid gray; padding: 6px; border-bottom: none;}
#souhrn #sMenu h4.sel {background-color: #CBCBCB;}
#souhrn #sMenu h4.sel a {text-decoration: none;}
#celkem td{font-size: 16px; padding: 10px 5px;}
#poznamka table{width: 90%;}
#poznamka td:first-child {text-align: right; font-weight: bold; vertical-align: top;}
#poznamka td {width: 230px;}
#homepage    {margin-top: 10px;}
#homepage div h2{background: none;}
#aktuality .aktualita {background: url(img/kategorie.jpg) repeat-x scroll center 15px; margin-top: 10px;}
#aktuality .aktualita p{padding: 10px; margin: 0;}
#langbar     {position: absolute; margin: 4px 0 0 736px;}
#print       {margin: 0 auto; padding: 20px; width: 320px;}
#navigace    {padding: 6px; margin: 0;}
#foot        {text-align: center; margin: 0 auto; width: 1016px; clear: both; border-top: 6px solid #FFF; border-bottom: 6px solid #FFF;}
#foot div    {background-color: #C5C5C5; padding: 3px; margin: 0 25px;}
#editace .xForm{background-color: #DDD; padding: 10px;}
#editace input[type=submit],#editace input[type=reset]{float: right; margin-top:10px;}
#editace table{width: 100%;}
#Cenik table  {width: 100%;}
#Cenik table th  {width: 160px;}
#sortBar      {padding: 8px 8px 2px;}
#sortBar a    {cursor: pointer;}
#kestazeni    {padding: 10px 20px;}
#kestazeni a  {line-height: 30px; background: url(img/down.png) no-repeat center left; padding-left: 30px; display: block;}
#akcePopis    {padding: 0; margin-top: 26px;}
#akcePopis h3 {background-color: #008000; color: #FFF; padding: 3px 5px; font-weight: bold;}
#akcePopis p  {padding: 10px; margin: 0;}

#realizace .nahled {float: left; width: 110px; height: 90px; border: 1px solid #DDD; margin: 5px 6px; border-spacing: 0;}
#realizace .fotky {margin: 0 0 15px;}

.found       {background-color: #0E4D90; color: #FFF; padding: 0 3px;}
.box         {border-top: 6px solid white; color: #EEE; padding: 8px 7px 13px;}
.box input[type=text],.box input[type=password]{width: 146px; border: 1px solid #8B9BAB; height: 21px; margin-top: 3px;}
.required    {padding-left: 5px; color: red; font-weight: bold; height: 24px; float: right; width: 5px;}
.xForm input[type=text],.xForm input[type=password]{width: 290px; }
.xForm span{position: absolute; padding: 4px 6px; color: white; margin: 0 0 0 4px; color: #000;}
.xForm .hint{background-color: #910000; color: #FFF;}
.xForm .spark{position: absolute;}

.zbozi       {width: 300px; float: left; margin: 10px 4px; /*height: 190px;*/}
.zbozi .text {height: 95px;}
.zbozi p     {margin-left: 90px;}

.zbozi .tools{font-size: 11px; padding: 3px; color: #0E4D90;}
.zbozi .tools span  {height: 23px; display: block; line-height: 23px;}
.zbozi .cenadph{width: 170px; float: left;}
.zbozi .pocet{margin-left: 0px; width: 90px; float: left;}
.zbozi .kosik{width: 30px; float: left;}

.zbozi .kod      {float: right; color: #4A7917; font-size: 11px;}
.zbozi .skladem  {line-height: 13px; height: 13px; font-size: 11px; padding: 0 3px 3px;}

.zbozi .cena {color: #0E4D90; font-size: 11px; padding: 0 3px 0px;}
.zbozi .nadotaz  {}
.zbozi .akce {color: #008000;}
.zbozi strong{font-weight: bold;}
.zbozi input {width: 30px; height: 18px; border: 1px solid #000; margin: 0 3px;}
.zbozi h2    {background-color: #0E4D90; color: #FFF; padding: 3px 5px; font-weight: normal; font-size: 14px; margin-bottom: 8px;}
.zbozi h4    {background-color: #4674A2; height: 11px; font-size: 9px; padding: 0 5px; color: #FFF; font-weight: normal;}
.zbozi h2 a  {color: #FFF; text-decoration: none;}
#center .zbozi h2 a:hover{text-decoration: underline; font-weight: normal;}
#center .zbozi a:hover{font-weight: normal;}
.zbozi h2.akce{background-color: #008000; margin: 0 0 8px 0;}
.zbozi h3.akce{background-color: #55B73D; height: 11px; font-size: 9px; padding: 0 5px; color: #FFF; font-weight: normal;}
.zbozi h2#novinka{background-color: #FFA800; margin: 0 0 8px 0;}
.zbozi h3.novinka{background-color: #55B73D; height: 11px; font-size: 9px; padding: 0 5px; color: #FFF; font-weight: normal;}
.zbozi .foot {padding-bottom: 20px;}
.zbozi a     {color: #000; text-decoration: none;}
.zbozi p     {/*margin-top: -80px;*/ font-size: 12px;}
.zbozi .info {color: #FFF; padding: 3px 5px 0 0; float: right; font-weight: bold;}
.zbozi .nahled {float: left; width: 80px; height: 80px;}


.akce .nahled{float: left; margin-right: 5px; background-color: #FFF;}
.akce h4     {margin: 10px 0 0 0;}
.akce h3     {margin-bottom: 25px;}
.akce p      {margin: 0;}
.akce        {margin-top: 8px;}

.vyprodej .nahled{float: left; margin-right: 5px; background-color: #FFF;}
.vyprodej h4     {margin: 10px 0 0 0;}
.vyprodej h3     {margin-bottom: 25px;}
.vyprodej a      {color: #555;}
.vyprodej p      {margin: 0;}

.detail h2#novinka1{background-color: #ffa800;}
.detail #text {width: 380px; padding: 10px 0 0;}
.detail .popis{padding: 0 0 4px;}
.detail div  {padding: 3px 8px;}
.detail #text table    {border-collapse: collapse; width: 380px;}
.detail #text table td:first-child  {text-align: right; width: 130px; font-weight: bold; padding-right: 8px;}
.detail #text table td {width:250px; border: 1px solid #FFF; vertical-align: top;}
.detail #fotky{float: right;}
.detail .cena {font-weight: bold; font-size: 15px; background-color: #008000; color: #FFF;}
.detail .cena td{}
.detail .akcecena{font-weight: bold; font-size: 15px; display: block; color: #008000;}
.detail input {width: 30px; height: 18px; border: 1px solid #000; margin: 0 3px;}
.detail #text .tools td{vertical-align: middle;}
.detail #text .tools img{position: absolute; margin-left: 15px;}
.detail .tools{margin-top: 15px;}
.detail .tools td {padding-top: 7px;}
.detail .head    {background-color: #0E4D90; color: #FFF; margin: 0; padding: 5px 8px; font-size: 15px;}
.detail .head a  {color: #FFF;}
.detail .head#akce1{background-color: #008000;}
.detail .head#novinka1{background-color: #ffa800;}
.detail #soubory{padding: 20px 0 20px 10px;}
.detail h3    {font-weight: normal; padding: 0; font-size: 14px;}
.detail .info {color: #FFF; padding: 7px; float: right; font-weight: bold;}
.detail .nahled {width: 180px; height: 200px;}

.kategorieBox {width: 298px; height: 112px; float: left; margin: 4px; overflow: hidden;}
.kategorieBox table td    {padding: 0;}
.kategorieBox img         {border: 6px solid #C5C5C5;}
.kategorieBox .nahled     {float: left;}
.kategorieBox .text       {height: 111px; line-height: 16px; overflow: hidden; border-bottom: 1px solid #A1C8E8; border-right: 1px solid #A1C8E8}
.kategorieBox .odkazy     {padding: 0 0 0 5px;}
#homepage .kategorieBox h2      {font-size: 14px; color: #FFF; padding-left: 5px; padding-right: 0px; background-color: #407CB7; height: 31px;}
#homepage .kategorieBox a       {padding: 1px 0px; font-size: 12px; line-height: 17px;}
#homepage .kategorieBox a:hover {padding: 1px 0px; font-weight: normal;}

.kontakt {float: left; height: auto; width: 600px; margin-top: 10px; margin-bottom: 15px;}
.kontaktAdresa {float: left; height: auto; width: 200px; margin-left: 10px; margin-right: 10px;}
.kontaktAdresa p {font-size: 12px; line-height: 8px;}
.kontaktMapa {margin-top: 10px; float: right; height: 150px; width: 150px; margin-right: 10px;}
.kontaktMapa img{border: 1px solid #999999;}

.kestazeni {float: left; height: auto; width: 600px; margin-top: 10px; margin-bottom: 15px;}

.ofirme {height: auto; width: 600px; margin: 20px 10px;}
.ofirme ul li{line-height: 20px;}
.ofirme h3 {font-size: 14px; font-weight: bold; color: #0e4d90; margin-top: 15px; margin-bottom: 0px; margin-left: 0px;}
.ofirme .obrazky {margin: 30px 0px 0;}
.ofirme .obrazky img:first-child {margin-right: 20px;}
.ofirmePopis {height: auto; width: 600px; margin-left: 2px;}
.ofirmePopis p {font-size: 12px; line-height: 10px;}

.zboziPopis  {padding: 8px; margin: 0;}
.submenu     {padding: 2px 4px; width: 284px; border: 1px solid #C5C5C5; border-left: 4px solid #C5C5C5; margin: 5px 10px 0 0; font-size: 13px; float: left;}
.submenu a   {text-decoration: none;}
.submenu a:hover{text-decoration: underline;}
.katpopis    {padding: 5px 20px; width: 575px; color: #0E4D90; line-height: 23px;}
.katpopis ul {margin: 0;}
.spacegalerie {width: 600px; height: 80px; margin: 20px auto 10px;}
.spacegalerierow {width: 70px; margin: 0 5px 0 0; float: left;}
.spacegalerierow_news {width: 140px; margin: 0 5px 0 0; float: left;}
.tools img   {cursor: pointer;}
.nahled      {border-collapse: collapse;}
.nahled img  {display: block; margin: 0 auto;}	
.left        {float: left;}
.right       {float: right;}
.center      {margin: 0 auto; text-align: center;}
.cleanl      {clear: left;}
.cleanr      {clear: right;}
.cleanboth   {clear: both; height: 0px;}
.continue a  {color: #0E4D90;}
.continue    {margin: 0 auto; width: 150px; padding: 40px 0;}
.zmenit      {float: right; margin-top: 20px;}
.xForm th       {text-align: left; width: 120px;}
.xForm th label {padding-left: 6px;}
.xForm .buttons {text-align: right;}
.xForm .footnote{float: left; background: none; color: #000;}
.xForm .static  {background-color: #0D4F90; color: #FFF; padding: 2px 5px;}

.novinkaitem {width: 100%; margin-top: 5px;}
.novinkaitem td {min-height: 24px;}
.novinkaitem .pict {width: 60px;}
.novinkaitem .stamp  {font-size: 9px; color:#003399; width: 100px; border-bottom-width: 1px; text-align: right;}

.novinkadetail {width: 600px; margin-top: 0px; margin-right: 5px; margin-bottom: 10px;  margin-left: 3px; float:left; text-align: left;}
.novinkadetail h1 {font-size:16px; color:#003399; width: 600px; margin-top: 20px; margin-right: 5px; margin-bottom: 10px; padding: 0px; float:left;}
.novinkadetail .stamp  {font-size: 9px; color:#003399; width: 600px; border-top-width: 1px; border-top-style: dotted; border-bottom-color: #CCCCCC; text-align: left; vertical-align: bottom; margin-top: 15px; padding-top: 3px;}
.novinkadetail .nahled {float: right; width: 250px;}
#aktuality .aktualita {background: url(img/kategorie.jpg) repeat-x scroll center 15px; margin-top: 10px;}
#aktuality .aktualita p{padding: 10px; margin: 0;}

.leftnovinka {font-size: 11px; display: block;text-align: left; margin-bottom:6px; margin-top:5px}
.externallink{margin-top: 18px; margin-left: 10px; margin-bottom: 0px;}