html, body {
margin:0px;
padding:0px;
background-image:url(http://img.realman.cz/bg-site.png);
background-repeat:repeat-x;
background-position:top;
background-color:#fff;
}
img {
behavior: url("pngbehavior.htc");
border:none;
}
#site {
margin:0 auto;
padding:0px;
width:980px;
height:auto;
}
/*-------------------------------------------------------------------------- top */
.top {
float:left;
margin:0px;
padding:0px;
width:980px;
height:72px;
}
.logo {
float:left;
margin:0px;
padding:8px 0px 0px 53px;
width:160px;
height:64px;
}
.top-kontakt {
float:left;
margin:0px;
padding:5px 56px 10px 0px;
width:711px;
height:auto;
font:normal 12px Arial, Helvetica, sans-serif;
}
.top-kontakt ul {
float:right;
padding:0px;
margin:0px;
list-style:none;
}
.top-kontakt li{
float:left;
padding:0px 10px 0px 5px;
}
.top-kontakt a:link, .top-kontakt a:visited, .top-kontakt a:active {
text-decoration:none;
color:#999;
}
.top-kontakt a:hover {
color:#999;
text-decoration:underline;
}
.top h1 {
float:left;
margin:0px;
padding:0px 56px 0px 0px;
width:711px;
height:auto;
color:#0078c0;
font:normal 20px Arial, Helvetica, sans-serif;
text-align:right;
}
.top p {
text-align: right; margin: 0pt 57px; font: 11px Arial,Helvetica,sans-serif;color:#666666;
}
.top-menu {
float:left;
margin:0px;
padding:0px 0px 0px 90px;
width:890px;
height:41px;
}
.top-menu ul {
float:left;
padding:0px;
margin:0px;
width:auto;
height:41px;
list-style:none;
}
.top-menu li{
float:left;
}
.top-menu li a, .top-menu li a:visited {
float: left;
display: block;
color: #0078c0;
text-decoration: none;
font:normal 16px Arial, Helvetica, sans-serif;
padding:0px 0px 0px 8px;
height:41px;
line-height:36px;
text-align:center;
cursor: pointer;
}
.top-menu li a strong{
float:left;
display:block;
font-weight:normal;
padding:0px 18px 5px 8px;
}
.top-menu li.current a, .top-menu li a:hover{
color:#fff;
background:url(http://img.realman.cz/topmenuleft.gif) no-repeat left;
}
.top-menu li.current a strong, .top-menu li a:hover strong{
color:#fff;
background:url(http://img.realman.cz/topmenuright.gif) no-repeat right top;
}
/*-------------------------------------------------------------------------- main content */
#main-content {
float:left;
margin:0px;
padding:0px;
width:980px;
height:auto;
background:url(http://img.realman.cz/bg-image.jpg) no-repeat;
}
.demo {
width:896px;
height:212px;
float:left;
margin:0px;
padding:0px 0px 0px 30px;
}
.demo-buton {
background: url(http://img.realman.cz/demo-buton.jpg) no-repeat;
width:187px;
height:157px;
float:left;
}
.demo-buton:hover {
background-position:0px -157px;
}
.nic {
display: none;
}
.demo-obr {
width:700px;
height:212px;
float:left;
margin:0px;
padding:0px 9px 0px 0px;
}
/*-------------------------------------------------------------------------- box-left */
#box-left {
float:left;
margin:0px;
padding:55px 0px 0px 20px;
width:690px;
height:auto;
}
#box-left h2 {
float:left;
margin:0px;
padding:0px 44px 17px 24px;
width:622px;
height:auto;
color:#e59401;
font:normal 22px Arial, Helvetica, sans-serif;
}
#box-left b {
float:left;
margin:0px;
padding:0px 44px 17px 24px;
width:622px;
height:auto;
color:#666;
font:normal 16px Arial, Helvetica, sans-serif;
line-height:130%;
}
#box-left ol {
float:left;
margin:0px;
padding:0px 44px 17px 54px;
width:592px;
height:auto;
color:#666;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:120%;
}
#box-left a:link, #box-left a:visited, #box-left a:active {
text-decoration:none;
color:#666;
}
#box-left a:hover {
text-decoration:underline;
color:#666;
}
/*---------------------------------------------------------- stred index */
#stred-01 {
float:left;
margin:0px;
padding:40px 0px 20px 220px;
width:438px;
height:auto;
background:url(http://img.realman.cz/bg-stred-01.jpg) no-repeat left top;
}
#stred-02 {
float:left;
margin:0px;
padding:10px 0px 20px 0px;
width:658px;
height:auto;
background:url(http://img.realman.cz/bg-stred-02.jpg) no-repeat left top;
}
.stred-produkt {
float:left;
margin:0px;
padding:0px 1px 0px 15px;
width:203px;
height:auto;
}
.stred-produkt img {
float:right;
padding:0px;
}
.stred-produkt p, .stred-produkt p a {
float:left;
margin:0px;
width:108px;
padding:5px 0px 2px 0px;
color:#918880;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.stred-produkt a:link, .stred-produkt a:visited, .stred-produkt a:active {
padding:0px;
text-decoration:none;
}
.stred-produkt a:hover {
padding:0px;
text-decoration:underline;
}
.stred-produkt h3, .stred-produkt h3 a {
float:left;
width:108px;
margin:0px;
padding:8px 0px 3px 0px;
color:#918880;
font:normal 20px Arial, Helvetica, sans-serif;
}
.stred-produkt h4, .stred-produkt h4 a {
float:left;
width:108px;
margin:0px;
padding:0px 0px 5px 0px;
color:#e59401;
font:bold 16px Arial, Helvetica, sans-serif;
}
.stred-produkt h5, .stred-produkt h5 a {
float:left;
margin:0px;
width:200px;
padding:0px 0px 0px 0px;
color:#918880;
font:normal 16px Arial, Helvetica, sans-serif;
}
/*-------------------------------------------------------------------------- box-right */
#box-right {
float:left;
margin:0px;
padding:0px;
width:260px;
height:auto;
}
#box-right-01 {
float:left;
margin:0px;
padding:0px 0px 15px 25px;
width:245px;
height:auto;
background:url(http://img.realman.cz/bg-prihlasit-bt.png) no-repeat left bottom;
}
#box-right-01 h3 {
float:left;
margin:0px;
padding:0px 0px 5px 0px;
width:190px;
height:auto;
color:#0078c0;
font:normal 16px Arial, Helvetica, sans-serif;
}
.prihlaseni {
float:left;
margin:0px;
padding:3px 5px 3px 5px;
color:#666;
font:normal 12px Arial, Helvetica, sans-serif;
border:solid 1px #fff;
}
.tlacitko {
float:left;
margin:0px;
height:26px;
width:86px;
border:0px solid #fff;
background:url(http://img.realman.cz/bg-prihlasit.png) no-repeat;
color:#fff;
font:normal 16px Arial, Helvetica, sans-serif;
cursor:pointer;
}
.prihlaseni-box {
float:left;
margin:2px 0px 7px 0px;
padding:0px;
width:190px;
height:auto;
border:solid 1px #ccc;
}
.nova-registrace {
float:left;
margin:0px;
padding:6px 0px 0px 0px;
width:105px;
height:auto;
color:#666;
font:normal 12px Arial, Helvetica, sans-serif;
}
.nova-registrace a:link, .nova-registrace a:visited, .nova-registrace a:active {
text-decoration:none;
color:#666;
}
.nova-registrace a:hover {
color:#666;
text-decoration:underline;
}
.akce {
float:left;
margin:20px 0px 0px 0px;
padding:0px 0px 15px 0px;
width:227px;
height:auto;
background:url(http://img.realman.cz/bg-30-bottom.png) no-repeat left bottom;
}
.akce-01 {
float:left;
margin:0px;
padding:50px 21px 0px 35px;
width:171px;
height:auto;
background:url(http://img.realman.cz/bg-30-top.gif) no-repeat left top;
}
.akce-01 h4 {
float:left;
margin:0px;
padding:0px 0px 5px 60px;
width:100px;
height:auto;
color:#e59401;
font:bold 16px Arial, Helvetica, sans-serif;
text-align:right;
}
.akce-01 p {
float:left;
margin:0px;
padding:10px 0px 20px 4px;
color:#666;
font:normal 12px Arial, Helvetica, sans-serif;
}
.akce-buton {
background: url(http://img.realman.cz/bg-napiste.png) no-repeat;
width:151px;
height:34px;
padding:20px 0px 0px 20px;
float:left;
color:#fff;
font:normal 17px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.akce-buton:hover {
background-position:0px -54px;
}
.novinky {
float:left;
margin:0px;
padding:0px 20px 10px 25px;
width:180px;
height:auto;
}
.novinky h5 {
margin:0px;
padding:20px 0px 5px 5px;
color:#666;
font:bold 16px Arial, Helvetica, sans-serif;
}
.novinky p {
margin:0px;
padding:0px 0px 0px 5px;
color:#666;
font:normal 12px Arial, Helvetica, sans-serif;
}
/*-------------------------------------------------------------------------- bottom */
#bottom {
float:left;
margin:0px;
padding:0px;
width:100%;
height:116px;
background:url(http://img.realman.cz/bg-bottom.png) repeat-x;
}
#bottom-data {
margin:0 auto;
padding:0px;
width:980px;
height:auto;
}
#bottom-menu {
float:left;
margin:0px;
padding:67px 0px 0px 128px;
width:500px;
height:40px;
background-image:url(http://img.realman.cz/bg-bottom-logo.png);
background-position:0px 18px;
background-repeat:no-repeat;
color:#0078c0;
font:normal 12px Arial, Helvetica, sans-serif;
}
#bottom-menu ul {
float:left;
margin:0px;
padding:0px;
list-style-type:none;
}
#bottom-menu li {
float:left;
padding:0px 10px 0px 0px;
}
#bottom-data a:link, #bottom-data a:visited, #bottom-data a:active {
text-decoration:none;
color:#0078c0;
}
#bottom-data a:hover {
color:#0078c0;
text-decoration:underline;
}
#bottom-reality {
float:right;
margin:0px;
padding:67px 56px 0px 0px;
width:200px;
height:40px;
color:#0078c0;
font:normal 12px Arial, Helvetica, sans-serif;
}
/*-------------------------------------------------------------------------- kontakt */
#stred-03, .stred-03 {
float:left;
margin:0px;
padding:20px 0px 20px 30px;
width:628px;
height:auto;
background:url(http://img.realman.cz/bg-stred-03.jpg) no-repeat left top;
font:normal 12px Arial, Helvetica, sans-serif;
}
.dph {
font-size:small;background:none;text-align:right;padding: 0px 30px 10px;
}
.dph p{
padding:0px !important;
}
#stred-03 h3, .stred-03 h3, .stred-04 h3 {
margin:0px;
padding:0px 0px 5px 0px;
color:#0078c0;
font:normal 16px Arial, Helvetica, sans-serif;
}
#stred-03 h4, .stred-03 h4 {
margin:0px;
padding:0px 0px 10px 0px;
color:#666;
font:normal 18px Arial, Helvetica, sans-serif;
}
#stred-03 p, .stred-03 p {
margin:0px;
padding:0px 0px 30px 0px;
color:#666;
}
#stred-03 a:link, #stred-03 a:visited, #stred-03 a:active, .stred-03 a:link, .stred-03 a:visited, .stred-03 a:active {
text-decoration:none;
color:#e59401;
}
#stred-03 a:hover {
color:#e59401;
text-decoration:underline;
}
/*-------------------------------------------------------------------------- sablony */
.stred-04, .stred-05, .stred-06 {
float:left;
margin:0px;
padding:20px 0px 20px 30px;
width:628px;
height:auto;
background:url(http://img.realman.cz/bg-stred-03.jpg) no-repeat left top;
font:normal 12px Arial, Helvetica, sans-serif;
}
.stred-04-obr {
float:left;
margin:0px;
padding:10px;
width:180px;
height:200px;
}
.stred-04-obr img, .stred-04-ref img {
float:left;
padding:4px;
border:solid 1px #ccc;
}
.stred-04-ref {
float:left;
margin:0px;
padding:10px;
width:180px;
height:auto;
min-height:310px;
}
.stred-04-ref h4 {
float:left;
margin:0px;
padding:5px;
color:#0078c0;
font:normal 14px Arial, Helvetica, sans-serif;
}
.stred-04-ref p {
float:left;
margin:0px;
padding:0px 5px 5px 5px;
color:#666;
font:normal 12px Arial, Helvetica, sans-serif;
}
/*-------------------------------------------------------------------------- vyvojový team */
.stred-05-osoba {
float:left;
margin:0px;
padding:0px 0px 20px 0px;
width:600px;
height:auto;
}
.stred-05-osoba img {
float:left;
padding:1px;
margin:0px;
border:solid 1px #0078c0;
}
.stred-05-osoba h3 {
float:left;
margin:0px;
width:450px;
padding:0px 0px 5px 20px;
color:#0078c0;
font:normal 14px Arial, Helvetica, sans-serif;
}
.stred-05-osoba p {
float:left;
margin:0px;
width:450px;
padding:0px 0px 0px 20px;
font:normal 12px Arial, Helvetica, sans-serif;
}
.stred-05-osoba a:link, .stred-05-osoba a:visited, .stred-05-osoba a:active {
text-decoration:none;
color:#e59401;
}
.stred-05-osoba a:hover {
color:#e59401;
text-decoration:underline;
}
.stred-07 {
float:left;
padding:4px;
width:300px;
}
.stred-07 img {
float:left;
padding:0px;
margin:4px;
border:solid 1px #ccc;
}
.stred-07 h3 {
float:left;
width:300px;
margin:0px;
padding:5px;
color:#0078c0;
font:normal 14px Arial, Helvetica, sans-serif;
}
.stred-07 p {
float:left;
margin:0px;
padding:0px 5px 5px 5px;
width:300px;
color:#666;
font:normal 12px Arial, Helvetica, sans-serif;
}
.stred-08 {
float:left;
margin:0px;
padding:0px;
width:628px;
height:auto;
}
/************ two.css *******************/
/* CSS Document */
#jacket {
font-family:helvetica,arial,sans-serif;
/*
float: right;
#height:360px;
margin:0 auto;
padding-right:50px; */
}
div.signup4 {
width: 980px;
}
#box-left div.signup4 h2 {
width: 857px;
}
div.container {
text-align:center;
}
div.no-r {
border-right:0 none;
}
div.short {
background-color:#EFEFEF;
border:1px solid #999999;
float:left;
font-family:helvetica,arial,sans-serif;
height:360px;
margin-top:22px;
*margin-top:0px;
padding:10px 0;
text-align:center;
width:230px;
}
.cleaner {
clear:both;
}
#box-left div.signup4 h2.account_price {
width: 200px;
text-align: center;
margin:0;
padding: 0;
padding-left: 20px;
display: block;
float: none;
}
div.short h3 {
border-bottom:1px solid #CCCCCC;
color:#73A1C7;
font-family:helvetica,arial,sans-serif;
font-size:14px;
font-weight:bold;
margin:0 0 15px;
padding:0 0 7px;
text-transform:uppercase;
}
div.short ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
padding:0;
}
ul.highlight li {
font-size:20px;
line-height:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:3px;
}
div.short li strong {
color:#C33700;
}
div.short li {
color:#64503F;
}
div.container {
background-color:transparent;
padding:0;
text-align:center;
width:930px;
font-family:helvetica,arial,sans-serif;
}
div.container-bottom {
/*margin-left: -50px;*/
float: left;
}
div.extra {
background-color:#EFEFEF;
clear:both;
margin:30px 0 20px;
padding:20px;
text-align:left;
}
div.rightcolumneven {
float:right;
padding-left:0;
text-align:left;
width:400px;
}
div.extra h3 {
color:#000000;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size:1.4em;
line-height:1.2em;
margin:0 0 2px;
padding:0;
}
div.rightcolumneven ,div.leftcolumneven{
text-align:left;
}
div.leftcolumneven {
float:left;
padding-right:0;
text-align:left;
width:435px;
}
.free_offer {
clear:both;
margin-top: 5px;
/*margin-top: 10px;*/
font-family:Helvetica,Arial,Verdana,sans-serif;
font-size: 13px;
}
#box-left div.signup4 b {
width: 857px;
}
#install_form td {
vertical-align:top;
width:49%;
}
#install_form label {
font-size:1.1em;
color:#666666;
font-weight:bold;
cursor:pointer;
}
#install_form input {
margin:3px 0 0;
padding:3px;
border:1px solid #666666;
}
#install_form .stred-04-obr {
float:left;
height:225px;
margin:5px 0;
padding:3px;
width:200px;
}
#install_form .stred-04-obr img {
border:none;
float:none;
padding:0;
}
.checkbox {
border:none !important;
}
#install_form .no_bckgrnd {
background:none !important;
border:none !important;
margin-bottom:5px;
}
#install_form .selected_bckgrnd {
background-color:#F4F4F4;
border-top: 1px solid #B4B4B4;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid #B4B4B4;
margin-bottom:3px;
}
/*-------------------------------------------------------------------------- By Up-net Multimedia 2008 */
/* --- end of css --- */