/* tagy */
@font-face {
  font-family: "Arial", Tahoma;
  font-style: normal;
  font-weight: 400;
  src: local('Oswald '), local('Oswald'), url('../images/font.woff') format('woff');
}

#newsletter {position absolute; margin-top: 0px; float: right;}
body {margin:0; padding: 0 0 20px 0; background: #e8e8e8 url('../images/background.jpg') no-repeat top center; text-align: justify;  font-family: "Arial", Tahoma, Helvetica, Verdana; font-size: 13px; color: #000;}
<!--#center {width: 1010px; padding-left: 10px; margin: 0 auto; background: #FFFFFF; border: 1px solid #e4e4e4; border-top: 0}-->
#center {width: 1010px; padding-left: 10px; margin: 0 auto; background: none; border: 1px solid #e4e4e4; border-top: 0}
#head {width: 980px; height: 379px; padding: 10px; background:  url('../images/head.png') no-repeat; border: 0px solid red}
#link {width: 400px; height: 190px; float: left;  border: 0px solid red;}
#link a {width: 400px; height: 190px; display: block; border: 0px solid red;}
#mobil {position: absolute; margin-top: 219px; margin-left: 135px; font-family: "Arial", Tahoma; color: #000000; font-size: 22px !important; border: 0px solid red}
#mobil a:hover {font-weight: bold; color: #000000;}
#mobil a {color: #000000; text-decoration: none !important;}
#mail {position: absolute; margin-top: 263px; margin-left: 100px; font-family: "Arial", Tahoma; font-size: 22px !important; border: 0px solid red}
#mail a:hover {font-weight: bold; color: #000000;}
#mail a {color: #000000; text-decoration: none !important;}
#headleft {margin-top: 60px; font-family: "Arial", Tahoma; border: 0px solid red}
#headleft a {text-decoration: none; font-size: 25px; color: #000000; text-shadow: 1px -1px 0px #740000; border: 0px solid red;}
#headleft a:hover {text-decoration: none; font-size: 25px; color: #f51e24;  border: 0px solid red;}
#menu1 {width: 179px;  float: left; height: 252px; border: 0px solid red;}
#menu1 a {width: 179px;  float: left; height: 252px; background: url('../images/casopis.png') no-repeat top center; border: 0px solid red;}
#menu1 a:hover {width: 179px;  float: left; height: 252px; background: url('../images/casopis2.png') no-repeat top center; border: 0px solid red;}

#menu2 {width: 161px;  float: left; height: 257px; border: 0px solid red}
#menu2 a {width: 161px;  float: left; height: 257px; background: url('../images/ostatninew.png') no-repeat top center;  padding-left: 15px; border: 0px solid red;}
#menu2 a:hover {width: 161px;  float: left; height: 257px; background: url('../images/ostatninew2.png') no-repeat top center;  padding-left: 15px; border: 0px solid red;}
#menu3 {width: 190px;  float: left; height: 256px; padding-left: 20px; border: 0px solid red;}
#menu3 a {width: 190px;  float: left; height: 256px; background: url('../images/cenik.png') no-repeat top center;  padding-left: 33x; border: 0px solid red;}
#menu3 a:hover {width: 190px;  float: left; height: 256px; background: url('../images/cenik2.png') no-repeat top center;  padding-left: 33x; border: 0px solid red;}




#box {width: 250px; float: left; padding: 0 5px 0 5px; border: 0px solid red}
#content {width: 980px; float: left; padding: 0 0 0 10px;}

#fb {height: 20px; margin-left: 10px; float: left}
#fb a {background:  url('../images/fb.png') no-repeat left center;}
#fb a  {padding-left: 25px; color: #000000; text-decoration: none;  font-family:"Oswald", serif; font-weight: bold; font-size: 14px;<!--  text-shadow: 1px -1px 0px #740000;-->}
#fb a:hover  {text-decoration: underline;}


/* Horizontální menu*/
#topmenu {width: 992px; height: 45px; margin-left: 0px;  margin-top: -50px; margin-bottom: 15px; background: url('../images/menu.png') no-repeat; font-family: "Arial", Tahoma; font-size: 20px; border: 0px solid red;}
#topmenu ul {padding: 0; margin: 0; list-style-type: none; padding-left: 30px;}
#topmenu ul li {float: left;}
#topmenu ul li a {line-height: 38px; padding: 5px 18px; color: #000000; display: block;  text-decoration: none; font-size: 20px; text-shadow: 1px -1px 0px #a9b5b7}
#topmenu ul li a:hover {text-decoration: none; color: #f51e24;}
#topmenu ul .act a {text-decoration: underline;}
#topmenu li.menu-item-neplatici.last {color: #df1e24;}
#topmenu li.menu-item-neplatici.last a{color: #df1e24;}
#topmenu li.menu-item-neplatici.last a:hover {color: #000000;}

/* footer */ 
#center .box {width: 992px; height: 20px; float: right; padding: 10px 15px 0 0; margin-bottom: 5px; border-top: 1px dotted  #def0f3; background: url('../images/footer.png') no-repeat; border: 0px solid red;}
#paticka  {margin-right: 100px; float: right;}
#paticka  a {font-weight: bold; color: #000000; text-decoration: none;}
#paticka  a:hover {font-weight: bold; color: #000000; text-decoration: underline;}



.box-title {border: 0px solid red; line-height: 35px; padding: 0 10px; background:  url('../images/box-title.png') no-repeat; font-family: "Arial", Tahoma;  text-shadow: 1px -1px 0px #016f82; font-weight: normal; margin: 0; font-size: 14px; color: #FFF; letter-spacing: 0.1em;}
.box-item {border: 0px solid red; padding: 5px; margin-bottom: 15px; width: 238px; background: #def0f3 url('../images/box-item.png') repeat-x left 1px}

h1 {padding: 0; margin: 0 0 10px 0; color: #f51e24; text-shadow: 1px -1px 0px #740000;} 
h2,h3,h4,h5,h6 {padding: 0; margin: 0 0 10px 0; color: #f51e24;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}

a {color:#f51e24; text-decoration: underline;}
a:hover {text-decoration: none;}
p {line-height: 130%}
li {line-height: 20px;}

/* navigace, hledani*/
#navigace { height: 30px; color: #797979; border: 0px solid red}
#navigace a {color: #797979; text-decoration: none;}
#vyhledavani {width: 235px; height: 35px;  text-align: right; border: 0px solid red}
#vyhledavani input[type="submit"]  {padding: 2px 4px; background:  url('../images/input.png') repeat-x; border-left: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #848484; border-right: 1px solid #848484; cursor: pointer;} 
#vyhledavani input[type="submit"]:focus {background:  url('../images/input.png') repeat-x; border-right: 1px solid #fafafa; border-bottom: 1px solid #fafafa; border-top: 1px solid #848484; border-left: 1px solid #848484;}
#vyhledavani .q  {padding: 2px; background:  url('../images/set-search.png') no-repeat 140px center; width: 155px; border: 1px solid #b2b2b2}



 
/* hodnoceni */
.star {background: url('../images/star.gif') repeat-x left bottom;  float: left;  height: 16px;}
.star-invisible {background: url('../images/star.gif') repeat-x left top;  float: left;  height: 16px; width: 80px; cursor: help;}
.star-1 {width: 80px;}
.star-2 {width: 64px;}
.star-3 {width: 48px;}
.star-4 {width: 32px;}
.star-5 {width: 16px;}
.td-last {width: 90px;}

/* box uznavam */
#box .menu {padding: 0; margin: 0; list-style-type: none;}
#box .menu li {line-height: 28px; border-bottom: 1px dotted #b7dde3}
#box .menu li a  {color:  #005c6a; text-decoration: none; padding: 0 0 0 5px; display: block;}
#box .menu li a:hover  {background: #b7dde3}


/* komentare */
#nove-komentare tr:hover  {transition: all .1s ease-out; -o-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -webkit-transition: all .1s ease-out;}
#nove-komentare  {width: 238px; font-size: 12px; font-family: "Arial", Tahoma, Helvetica, Verdana;}
#nove-komentare tr:hover {background: #b7dde3; padding: 0 2px 0 2px}
#nove-komentare  td {padding: 2px 0 3px 5px; border-bottom: 1px solid #b7dde3}
#nove-komentare a {color: #000;  display: block; line-height: 18px; text-decoration: none;}
#nove-komentare a:hover {text-decoration: none;}
#nove-komentare .dnes {color: green;  font-weight: bold;}
#nove-komentare .vz  {color: #0078E8;  font-weight: bold; font-size: 10px; float: right; padding-right: 5px}





/* tabulka */
.table {border:  1px solid #D9D9D9; border-bottom: 0; width: 100%; margin: 10px 0 10px 0;}     
.table td {border-bottom: 1px solid #E7E9EC;  padding: 3px 8px 3px 8px;  border-top: 1px solid #FFF; font-size: 13px}
.table-head td {padding: 2px 8px 2px 8px; font-weight: bold; font-size: 13px;  color: #000; padding-top: 3px !important; line-height: 23px; background: #ececec}
.table td  a  {color: #000000 !important}
.table .chr a {display: block; padding: 5px; text-align: center; text-decoration: none !important; color: #000000}
.table .chr a:hover {background-color: #ececec; color: #000000}
.table .chr  {border-right:  1px solid #D9D9D9; padding: 0}
.table-head h1 {font-weight: bold; font-size: 13px;  color: #000; padding-top: 3px !important; line-height: 21px; }
.table .aktivni:hover td {transition: all .1s ease-out; -o-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -webkit-transition: all .1s ease-out;}
.table .aktivni:hover td {background: #f3f3f3 !important}
.table .invisible {display: none;}
.table  .rating  {width: 80px;}
.left  .table {padding: 0; margin: 0; width: 315px;}
.right .table {padding: 0; margin: 0; width: 315px;}
.table .info {position: relative; z-index: 24; color:#000; text-decoration: none; display: block; line-height: 20px; cursor: help;}
.table .info:hover {z-index: 25; text-decoration: underline;}
.table .info span {display: none}
.table .info:hover span {display: block; position: absolute; top: 40px; left: 30px; width: 400px; padding: 10px; border: 1px solid #BEBEBE; background-color: #F7F7F7; color: #000;}
.table .pridat-hodnoceni {padding: 2px 4px; font-size: 12px; text-decoration: none; color: #000; background:  url('../images/input.png') repeat-x; border-left: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #848484; border-right: 1px solid #848484; cursor: pointer;} 


.left .table {width: 340px;}
.right .table {width: 340px;}
.lekariavatar {max-width: 200px;}

/* rating */
.rating-cancel,.star-rating {float: left; width: 17px; height: 15px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden}
.rating-cancel,.rating-cancel a {background: url('../images/delete.gif') no-repeat 0 -16px}
.star-rating,.star-rating a {background: url('../images/star.gif') no-repeat 0 0px}
.rating-cancel a,.star-rating a {display: block; width: 16px; height: 100%; background-position: 0 0px; border: 0}
.star-rating-on a {background-position: 0 -16px!important}
.star-rating-hover a {background-position: 0 -32px}
.star-rating-readonly a {cursor: default !important}
.star-rating {background: transparent!important; overflow: hidden!important}

/* card div */
#card table {width: 100%;}
#card td {border-bottom: 1px solid #DFDFDF; padding: 7px 5px 7px 5px;}
#card .rpad {width: 200px; text-align: right;}
#card label {line-height: 23px;}
#card .one {color: green;}
#card .five {color: red;}
#card em {color: gray;} 

/* card index*/
#card-index .index-article-one  {margin: 0px 0 25px 0; padding: 10px 0 0 0; float: left}
#card-index .index-article-one .one {width: 270px;  float: left;}
#card-index .index-article-one .one img {width: 250px;  padding: 1px; border: 1px solid #d2d2d2;}
#card-index .index-article-one .one img:hover {border: 1px solid #909090;}
#card-index .index-article-one .two {width: 450px;  float: left;}
#card-index .index-article-one .two h1 {font-size: 16px; margin: 0; padding: 0; line-height: 22px; font-weight: bold;}
#card-index .index-article-one .two p {font-size: 14px;}
#card-index .index-article-one .three  {width: 450px; height: 17px; float: left; text-align: right;}
#card-index  .box  {margin: 10px 0 0 0} 
#card-index  .box .img  {float: left; margin: 10px 10px 20px 10px} 
#card-index  .box p {margin-top: 10px; margin-right: 15px; line-height: 20px; font-size: 13px;} 
#card-index a {text-decoration: none !important;  font-family:"Oswald", serif; font-weight: normal; font-size: 20px;}
#card-index a:hover {text-decoration: underline !important}

#card-index #index-article-two  {padding: 0;}
#card-index #index-article-two .index-article-two {width: 360px; height: 100px; float: left;}
#card-index #index-article-two .one {width: 125px;  float: left;}
#card-index #index-article-two .one img {width: 110px; padding: 1px; border: 1px solid #d2d2d2; margin-top: 0px}
#card-index #index-article-two .one img:hover {border: 1px solid #909090;}
#card-index #index-article-two .two {width: 220px; height: 60px; float: left;}
#card-index #index-article-two .two p {padding: 0; margin: 5px 0 0 0}
#card-index #index-article-two .two h2 {font-size: 13px; margin: 0; padding: 0; text-align: left;;}
#card-index #index-article-two .two h2 a {line-height: 17px; font-size: 15px;}
#card-index #index-article-two .three {width: 220px; height: 17px; float: left; text-align: right;}
#card-index  .three span {color: #2c2c2c; padding: 2px 10px 2px 0px; line-height: 16px; color: #2c2c2c; font-size: 12px;}


.roz td {padding: 10px; /*background: #eaf3f6 url('../images/prechod.png') repeat-x;*/width: 320px; /*border: 1px solid #e2f1f6*/}
.roz td img {max-width: 100px; padding: 1px; border: 1px solid #d2d2d2; float: left; margin: 0 8px 0 0}
.roz .list-title {padding: 0 !important; margin: 0 0 5px 0 !important}
.roz .list-title a {text-decoration: none; font-size: 14px;}
.roz .list-title a:hover {text-decoration: underline;}
.roz p {margin-top: 3px !important; text-align: left !important; font-size: 12px; line-height: 17px;}

.magazine{margin:auto;text-align:center;}
.magazine td{padding:10px;}


/* css3*/
.box-item, #center {-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}