/*
login: #8db6a8
logo, home: #d33838
firma: #828282;
firma:hover: #bdbdbd
 */
* {
	font-family: tahoma;
	color: #4c4c4c;
	font-size: 1em;

}
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, #nav *, #nav, #user *, #user, #user-nav, #user-nav *, #panel, #panel *, #steps, #steps *, #telefony-list, #ceny-list, #obsah .type, #obsah .type * {
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}
a img {
border: none;
}
html {
	width: 100%;
	text-align: center;
	background: #f3f3f3 url(../img/back-html.png) repeat-x fixed top;
	height: 100%;
}
body {
  font-size: 62.5%;
  width: 750px;
  margin: 0 auto;
  text-align: left;
  height: 595px;
  min-height: 595px;
  position: relative;
}
#page {
background: white;
padding: 110px 0 0 0;
position: relative;

border-bottom: 3px solid #e6e6e6;
width: 100%;
}

#logo {
position: absolute;
top: 22px;
left: 13px;
width: 210px;
height: 50px;
overflow: hidden;
}
#logo a {
width: 210px;
height: 50px;
padding-left: 210px;
background: url(../img/logo-sipy.png) no-repeat left top;
display: block;
}
/* #nav {

height: 0;
_overflow:hidden;
}
#nav ul {
position: absolute;
top: 73px;
left: 10px;
background: #d33838 url(../img/back-nav.png) no-repeat left top;
width: 700px;
padding: 0 15px;
height: 24px;
line-height: 24px;
border-bottom: 3px solid #9a9a9a;
}
#nav ul li {
float: left;
position:relative;
} */
/* #nav ul li ul {
display: none;
}
#nav ul li:hover ul{
display: block;
} */
/* #nav ul a {
color: white;
display: block;
text-decoration: none;
line-height: 24px;
padding: 0 1em;
font-weight: bold;
}
#nav ul a:hover {
background: #e89494;
} */
/* #nav ul ul {
position: absolute;
top: 24px;
left: 0;
height: auto;
width: auto;
}

#nav ul ul li {
display: block;
float: none;
} */
#nav {
	position: absolute;
 z-index: 1000;
	background: #d33838 url(../img/top-nav.png) no-repeat left top;
	left: 0;
	top: 73px;
	height: 24px;
	width: 700px;
	margin: 0 10px;
	padding: 0 15px;
height: 24px;
line-height: 24px;
border-bottom: 3px solid #9a9a9a;
}
.sipypro #nav {
background: #828282 url(../img/top-nav-firma.png) no-repeat left top;
}
#nav li {
display: inline;
}
#nav a {
color: white;
display: block;
text-decoration: none;
line-height: 24px;
padding: 0 1em;
font-weight: bold;
}
#nav ul a:hover {
background: #e89494;
}
.sipypro #nav ul a:hover {
background: #bdbdbd;
}
#nav ul li {
	float: left;
	position: relative;
}

#nav ul ul li {
	background: #d33838;
clear: both;
width: 19em;
font-size: 90%;
}
.sipypro #nav ul ul li {
	background: #828282;
}

#nav ul ul {
	position: absolute;
	height: 100px;
		display: none;
}

#nav ul li:hover ul {
	display: block;
}
#nav ul li:hover {
	background-image: none;
}
#fold1, #fold2 {
margin: 0;
}
#fold1 a, #fold2 a {
position: absolute;
width: 100px;
height: 25px;
line-height: 25px;
text-align: center;
overflow: hidden;
top: -25px;
padding: 0;
margin: 0;
right: 30px;
display: block;
background: #828282 url(../img/fold-firma.png) no-repeat left -25px;
font-weight: bold;
text-decoration: none;
color: white;
}

#fold1 a{
right: 132px;
background: #d33838 url(../img/fold-home.png) no-repeat left top;
}
.sipypro #fold1 a {
background-position: left -25px;
}
.sipypro #fold2 a {
background-position: left top;
}
#fold1 a:hover, #fold2 a:hover {
background-position: left bottom;
}

#nav strong {
display: none;
}
#nav .form {
float: right;
padding: 3px;
line-height: 18px;
}
#nav .form label {
color: white;
}
#nav .form input {
border: none;
padding: 1px 0.5em;
margin: auto 0;
vertical-align: middle;
background: white;
}
#nav .form input#knoflik {
line-height: 1;
color: white;
font-weight: bold;
background: #828282;
border: 1px solid white;
}

#nav .form input#knoflik:hover {
background: #bdbdbd;
}

hr.cleaner {
height: 1px;
width: 1px;
line-height: 1px;
margin-bottom: -1px;
background: none;
border: none;
clear: both;
}
#user {
width: 190px;
position: relative;
left: 10px;
float: left;
overflow: hidden;
font-size: 110%;
border-bottom: 3px solid #8db6a8;
}

/* #user h3 {
height: 23px;
line-height: 23px;
padding: 134px 10px 0 10px;
background: url(../img/top-user.png) no-repeat left top;
letter-spacing: 1px;
font-weight: bold;
color: white;
text-align: center;
} */
 #user h3 {
height: 23px;
line-height: 23px;
padding: 0 10px 0 10px;
background: #8db6a8 url(../img/top-user.png) no-repeat left bottom;
letter-spacing: 1px;
font-weight: bold;
color: white;
text-align: center;
}


#user ul {
float:left;
width: 170px;
height: 80px;
padding: 10px;
background: url(../img/back-user.png) repeat-x left top;
}

#user li {
position: relative;
height: 23px;
line-height: 23px;
}
#user li strong {
position: absolute;
right: 0;
width: 100px;
background: white;
height: 17px;
line-height: 17px;
text-align: right;
margin: 3px 0;
padding: 0 5px;
}
#user li a {
display: block;
margin: 5px auto;
background: #8db6a8;
width: 8em;
height: 12px;
line-height: 12px;
padding: 3px 1em;
text-align: center;
text-decoration: none;
color: white;
font-weight: bold;
}
#user li a:hover {
background: white;
color: #8db6a8;
}

#user-nav {
position: relative;
float: right;
width: 500px;
right: 10px;
margin-bottom: 10px;
padding: 0 15px;
background: #505050 url(../img/top-usernav.png) no-repeat left top;
height: 23px;
line-height: 23px;
border-bottom: 3px solid #8db6a8;
}
#user-nav li {
display: inline;
}
#user-nav a {
color: white;
display: block;
text-decoration: none;
float: left;
line-height: 24px;
padding: 0 1em;
font-weight: bold;
}
#user-nav a:hover {
background: #838383;
color: white;
}

#obsah {
float: right;
width: 530px;
font-size: 120%;
position: relative;
right: 10px;
overflow: hidden;
}
.sipypro #obsah {
width: 545px;
}

#telefony-list {
float: right;
width: 525px;
font-size: 100%;
position: relative;
right: 5px;
overflow: hidden;
}

#obsah h2 {
font-size: 140%;
font-weight: normal;
letter-spacing: 2px;
margin: 0 0 0.5em 0;
}
#obsah h3 {
font-size: 130%;
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 0.5em 0;
}
#obsah p {
font-size: 110%;
margin: 0.5em 0;
}
#obsah a {
color: #d33838;
text-decoration: underline;
letter-spacing: 1px;
}

#obsah a:hover {
text-decoration: none;
}
#obsah form, #obsah table {
	background: white url(../img/back-forms.png) repeat-x left top;
	width: 100%;
}
#obsah table td, #obsah table th, #obsah table tr {
background: none;
}
#obsah table th {
font-weight: bold;
text-align: center;
}
#obsah td {
text-align: right;
}
#telefony-list td {
text-align: left;
}
#ceny-list td {
text-align: left;
}
#paticka {
height: 1px;
min-height: 10px;
clear: both;
padding: 9px 10px;
}
#paticka * {
color: #a7a7a7;
}
#paticka img {
display: none;
}


#panel {
width: 190px;
position: relative;
left: 10px;
float: left;
overflow: hidden;
font-size: 110%;
border-bottom: 3px solid #8db6a8;
clear: left;
}
.sipypro #panel {
width: 175px;
}
.logged #panel {
padding-bottom: 134px;
background: url(../img/bottom-user.png) no-repeat left bottom;
}
#panel h3 {
height: 23px;
line-height: 23px;
padding: 134px 10px 0 10px;
background: #8db6a8 url(../img/top-user.png) no-repeat left top;
letter-spacing: 1px;
font-weight: bold;
color: white;
text-align: center;
}
.sipypro #panel h3 {
background: #8db6a8 url(../img/top-prouser.png) no-repeat left top;
}

.logged #panel h3 {
background: #8db6a8 url(../img/top-user2.png) no-repeat left top;
}
#panel h4 {
margin-top: 0.5em;
margin: 0.3em 0 0.2em 0;
font-size: 130%;
font-weight: bold;
color: #8db6a8;
}
.sipypro #panel h4 {
font-size: 150%;
text-align: center;
}
#panel ul {
float:left;
width: 170px;
padding: 10px;
background: url(../img/back-user.png) repeat-x left top;
}

#panel li {
position: relative;
height: 23px;
line-height: 23px;
}
#panel li.typ1, #panel li.typ3, #panel li.typ4 {
padding-left: 22px;
background: url(../img/call-out.png) no-repeat left center;
}
#panel li.typ3 {
background: url(../img/call-in.png) no-repeat left center;
}
#panel li.typ4 {
background: url(../img/call-missed.png) no-repeat left center;
}

#panel li a {
display: block;
margin: 5px auto;
background: #8db6a8;
height: 12px;
line-height: 12px;
padding: 3px 1em;
text-align: center;
text-decoration: none;
color: white;
font-weight: bold;
}
#panel li a:hover {
background: white;
color: #8db6a8;
}

#panel form {
width: 170px;
padding: 5px 10px 10px 10px;
background: url(../img/back-user.png) repeat-x left top;
height: 93px;
position: relative;
}
.sipypro #panel div {
width: 155px;
padding: 5px 10px 10px 10px;
background: url(../img/back-user.png) repeat-x left top;
font-size: 120%;
}
.sipypro #panel div p {
margin: 0.4em 0;
line-height: 1.2;
}
.sipypro #panel div p {
margin: 0.4em 0;
line-height: 1.2;
}
.sipypro #panel div a {
color: #d33838;
text-decoration: underline;
letter-spacing: 1px;
font-weight: bold;
}

.sipypro #panel div a:hover {
text-decoration: none;
}

#panel form label {
width: 75px;
float: left;
clear: both;
margin: 3px 0;
padding-right: 5px;
text-align: right;
}
#panel form input {
margin: 3px 0;
font-size: 110%;
border: none;
height: 12px;
line-height: 12px;
padding: 3px 5px;
width: 80px;
background: white;
float: left;
}
#panel form input#knoflik {
float: right;
display: block;
height: auto;
width: 90px;
background: #8db6a8;
text-align: center;
color: white;
font-weight: bold;
}
#panel form input#knoflik:hover {
background: white;
color: #8db6a8;
}
#panel form a {
position: absolute;
bottom: 5px;
left: 5px;
text-decoration: underline;
font-weight: bold;
font-size: 100%;
}
/* .logged #steps {
display:none;
} */
#steps {
width: 730px;
height: 165px;
background: url(../img/3kroky.jpg) no-repeat left top;
margin: 0 10px 10px 10px;
position: relative;
border-bottom: 3px solid #9a9a9a;
}
#steps li {
position: absolute;
overflow: hidden;
}
#steps li a {
display: block;
padding-left: 150px;
height: 100%
}
#steps .step1 {
left: 10px;
top: 32px;
width: 117px;
height: 38px;
}
#steps .step1 a:hover {
background: url(../img/hover-step1.png) no-repeat left top;
}
#steps .step2 {
left: 226px;
top: 25px;
width: 137px;
height: 21px;
}
#steps .step2 a:hover {
background: url(../img/hover-step2.png) no-repeat left top;
}
#steps .step3 {
left: 318px;
top: 88px;
width: 141px;
height: 46px;
}
#steps .step3 a:hover {
background: url(../img/hover-step3.png) no-repeat left top;
}

#steps a span {
/* width: 0;
padding: 175px;
height: 65px;
position: absolute;
left: 528px;
top: 82px;
overflow: hidden; */
}
#obsah .type {
width: 260px;
float:left;
margin-right: 10px;
}
.sipypro #obsah .type {
width: 175px;
}
#obsah #firma.type {
margin-right: 0px;
}
.sipypro #obsah #third.type {
margin-right: 0px;
}
#obsah .type h3 {
font-size: 100%
}
#obsah .type h3 a{
display:block;
height: 23px;
line-height: 23px;
padding: 134px 10px 0 10px;
background: #e89494 url(../img/top-home.png) no-repeat left top;
letter-spacing: 1px;
font-weight: bold;
color: white;
text-align: center;
text-decoration: none;
text-decoration: underline;
}
#obsah #firma.type h3 a{
background: #828282 url(../img/top-firma.png) no-repeat left top;
}
#obsah #first.type h3 a {
background: #828282 url(../img/top-small.png) no-repeat left top;
}
#obsah #second.type h3 a {
background: #828282 url(../img/top-big.png) no-repeat left top;
}
#obsah #third.type h3 a {
background: #828282 url(../img/top-callcentrum.png) no-repeat left top;
}
#obsah .type h3 a:hover, #obsah #firma.type h3 a:hover{
text-decoration: none;
}

#obsah .type ul li {
padding: 0.1em 10px 0.1em 25px;
background: url(../img/dot1.png) no-repeat 10px center;
}
#obsah #firma.type ul li {
background: url(../img/dot2.png) no-repeat 10px center;
}
.sipypro #obsah .type ul li {
background: url(../img/dot3.png) no-repeat 10px center;
}

#obsah .type ul {
padding: 5px 0;
background: url(../img/back-home.png) repeat-x left top;
border-bottom: 3px solid #d33838;
}


#obsah #firma.type ul {
background: url(../img/back-firma.png) repeat-x left top;
border-bottom: 3px solid #828282;
}
.sipypro #obsah .type ul {
background: url(../img/back-firma.png) repeat-x left top;
border-bottom: 3px solid #828282;
}
.sipypro #obsah .type p {
margin: 0.4em 0;
line-height: 1.2;
}
.sipypro #obsah .type h4 {
margin: 0.5em 0 0 0;
}
.sipypro #obsah .type h4 a {
text-decoration: none;
}
.sipypro #obsah .type h4 a:hover {
text-decoration: underline;
}
.sipypro #obsah .type p a {
font-weight: bold;
letter-spacing: 0;
}

#obsah table td.typ1, td.typ3, td.typ4 {
padding-left: 18px;
background: url(../img/call-out.png) no-repeat left center;
}
#obsah table td.typ3 {
background: url(../img/call-in.png) no-repeat left center;
}
#obsah table td.typ4 {
background: url(../img/call-missed.png) no-repeat left center;
}
#button {
left: 525px;
top: 104px;
height:50px;
padding-left: 180px;
width: 0px;
position: absolute;
overflow: hidden;
}
#button a {
display: block;
height:50px;
width: 180px;
text-align: center;
position: absolute;
left: 0;
top: 0;
text-decoration: none;
line-height: 50px;
font-size: 120%;
color: #d33838;
}
#button a:hover {
background: url(../img/hover-button.png) no-repeat left top;
color: #828282;
}
#obsah img {
float: right;
}
.fright {
text-align: right;
}
.hidden {
display: none;
}
#portability {
display: block;
width: 182px;
height: 166px;
position: absolute;
right: -45px;
top: 64px;
background: url('../img/postit.gif') no-repeat left top;
overflow: hidden;
z-index: 1000;
}
#portability a {
display: block;
padding-left: 182px;
height: 166px;
width: 0;
}