html {
padding-top : 0; 
padding-right : 0; 
padding-bottom : 0; 
padding-left : 0; 
border-top-width : 0; 
border-right-width : 0; 
border-bottom-width : 0; 
border-left-width : 0; 
margin : 0;
}
body {
margin: 0;
text-align:center;
font: 1em;
font-family: Arial, sans-serif;
background: rgb(229,63,69) url("/svatebni-dary/obrazky/backgr-2.jpg") no-repeat top center;
}

h1,h2,h3,h4,h5,p,ul,ol,li,form{padding:0;margin:0}
img{vertical-align:top;border:none;margin:0;padding:0}
ul{margin: 14px; list-style-type: circle}
li{margin:5px; color: gray}
a:link{color:rgb(229,63,69)}
a:visited{color:rgb(229,63,69)}
a:hover{color:rgb(0,178,217)}
.gray{color:#ccc}
.clear{clear:both;overflow:hidden;height:1px;display:block}
a.addon {
color: white;
}
#fmain {
margin: 0 auto; width: 695px;text-align:center;
}
.form {
margin: 0 auto; width: 720px;text-align:center;
}
#homTit {
background-color: white; border: 1px solid black; margin-top: 30px; padding: 10px;
}
#homTit p{
text-align: left;
line-height: 1.6em;
}
#homTit ul{
text-align: left;
}
fieldset {
font-size: 90%;
background: rgb(250,250,250);
border:1px solid #ADD8E6;
text-align: left;
margin-bottom: 10px;
*padding: 10px;
}
legend {
margin-bottom: 15px;
padding: 5px 15px;  
font-weight: bold;
color: white;
background-color: rgb(0,178,217);
border: 1px solid black;
}
.ltext {
display: block;
float: left;
width: 180px;
}
input {
margin-top: 4px;
margin-bottom: 10px;
}
.radio {
margin-bottom:0px;
}
textarea{
border: 1px solid rgb(127,157,185);
}
.finput {
background: url("../obrazky/fshadow.gif") no-repeat 0 0;
border: 1px solid rgb(127,157,185);
}
h3.nadpis, h1.nadpis {
margin: 20px 0 30px 0;
color: black;
}
h1.nadpis {
margin: 20px 0 40px 0;
color: rgb(0,178,217);
text-align: center;
font-size: 140%;
}
h3.nadpis span{
color: rgb(160,160,160);
}
h3.nadpis span.color2 {
color: rgb(0,178,217);
}
.loginhr {
border: 1px dashed rgb(224,224,224);
}
#obal {
text-align:left; margin:0 auto; width: 1005px; min-width: 1000px; position: relative;  margin-bottom: 30px; border: 10px solid rgb(245,245,245);
background-color: white;
}
#leftRam {
float:left; width:241px; padding-top: 30px;
padding-left: 8px;
background: rgb(254,238,232);
}
#leftRamField1 {
display: block; width: 220px; border: 5px solid #00b2d9; margin:0 0 25px 0; padding:0; text-align: center
}
#leftRamField1 span{
display: block; width: 220px; background-color: #00b2d9; border: 1px solid white; text-align: center; padding: 4px 0; color: white; font-size: 1.1em; margin-bottom: 15px
}
#leftRamField1 #listName {
font-size: 130%;
margin: -10px 0 10px 0;
}
#leftRamField1 #listName a {
color: rgb(229,63,69);
}
#leftRamField1 .loginp{
color: rgb(0,178,217);
margin: 3px 0 10px 0;
}
#leftRamField1 .loginn{
line-height: 1.5em;
}
#leftRamField1 .loginn strong {
font-size: 120%;
}
#leftRamField1 a{
color: gray;
}
#leftRamField2 {
display: block; width: 220px; border: 5px solid #e53f45; margin:0 0 5px 0; padding:0; text-align: center;
}
#leftRamField2 span{
display: block; width: 220px; background-color: #e53f45; border: 1px solid white; text-align: center; padding: 4px 0; color: white; font-size: 1.1em; margin-bottom: 15px
}
#leftRamField3 {
display: block; width: 220px; border: 5px solid #e53f45; margin:0 0 25px 0; padding:0; text-align: center;
background-color: rgb(255,245,238);
}
leftRamField3 span{
display: block; width: 220px; background-color: #e53f45; border: 1px solid white; text-align: center; padding: 0; color: white; font-size: 1.1em;
}
#rightRam {
float: left; width: 750px; border-right: 6px solid rgb(0,178,217);
}
#rightRam .lists{
margin: 30px;
line-height: 1.6em;
}
#menuUp {
width: 100%; height: 40px; background: rgb(242,242,242);
}
#menuUp p {
text-align: right;
padding: 8px 30px 0 0;
font-size: 12px;
}
#daryTop {
width:100%; height:125px;text-align: center;
}
#pass2 {
margin-bottom: 0px;
}
#homeTop {
margin-top: 20px; ;width: 708px; height: 289px;
}
#homeTop #homeTopTop{
width: 708px; height: 201px; background: url("/svatebni-dary/obrazky/home-top_01.jpg"); color: white;
}
#homeTop #homeTopTop #homeTopTopLeft{
width: 52%; float: left; margin-top: 50px;
}
#homeTop #homeTopTop #homeTopTopLeft p{
margin-bottom: 20px; ;font-weight: bold; font-size: 20px; color: rgb(176,224,230);
}
#homeTop #homeTopTop #homeTopTopLeft h1{
font-size: 30px;
}
#homeTop #homeTopBot{
width: 708px; height: 88px;
}
#homeTop #homeTopBot #homeTopBot1{
float: left; width: 80px; height: 88px; background: url("/svatebni-dary/obrazky/home-top_02.jpg");
}
#homeTop #homeTopBot #homeTopBot2{
float: left; width: 219px; height: 88px; background: url("/svatebni-dary/obrazky/home-top_03.jpg");
}
#homeTop #homeTopBot #homeTopBot2 a{
display: block; width: 190px; height: 50px; padding-top: 20px; padding-left: 20px; text-align: left; font-size: 18px; color: rgb(253,245,230);
}
#homeTop #homeTopBot #homeTopBot2 a:hover{
color: rgb(255,160,122); font-size: 20px;
}
#homeTop #homeTopBot #homeTopBot3{
float: left; width: 409px; height: 88px; background: url("/svatebni-dary/obrazky/home-top_04.jpg");
}
#homeMid {
text-align: left; margin: 30px 0 60px 0;
}
#homeMid #homeMidLeft {
float: left; width: 327px; height: 312px; background: url("/svatebni-dary/obrazky/homtext.gif");
}
#homeMid #homeMidLeft p {
width: 290px;
margin: 15px 0 0 15px;
line-height: 2.0em;
}
#homeMid #homeMidRight {
float: left;
width: 380px;
}
#homeMid #homeMidRight li{
list-style-type: none;
border-bottom: 1px dashed rgb(229,63,69);
line-height: 1.8em;
font-size: 90%;
color: rgb(48,48,48);
}
#homeMid #homeMidRight strong {
display: block;
color: rgb(0,178,217);
}
.fleft {
float: left;
width: 290px;
height: 255px;
padding: 20px;
margin-bottom: 20px;
text-align: left;
}
.fleft2 {
margin-left: 20px;
}
.fbot {
width: 640px;
padding: 20px;
margin-bottom: 20px;
text-align: left;
}
.fbot #fbot-left {
float: left;
}
.fbot #fbot-right {
float:left;margin-left:25px;color:rgb(64,64,64);border:1px solid rgb(127,157,185);padding:5px;width:300px;height:300px;background-color:white;overflow:auto;
}
.submit {
margin-left: 0px;
margin-top: -2px;
}
.submit input#submit{
background: rgb(0,178,217);
color: white;
font-size: 90%;
padding: 3px;
font-weight: bold;
border: 1px solid black;
cursor: pointer;
cursor: hand;
}
.color1 {
color: rgb(229,63,69);
font-size: 92%;
}
.color2 {
color: rgb(0,178,217);
font-size: 90%;
}
.font80 {
font-size: 80%;
}
.povinne {
margin-top: 20px;
font-size: 85%;
}
.clear{clear:both;overflow:hidden;height:1px;display:block}
.clear2{clear:both;overflow:hidden;height:30px;display:block}
#ladmin {
margin-bottom: 20px;
}
#ladmin p{
margin-left: 585px;
text-align: left;
line-height: 1.6em;
font-size: 90%;
}
#ldescription {
margin: 0 auto;
margin-bottom: 30px;
padding: 5px;
width: 80%;
height: 140px;
border: 1px solid rgb(127,157,185);
background: rgb(224,255,255);
line-height: 1.6em;
font-family:Georgia,Arial,sans-serif;
font-size: 90%;
}
.obalPres .presLeft {
width: 30px;
margin-top: 0px;
float: left;
}
.obalPres .presLeft2 {
width: 15px;
float: left;
}
.obalPres .presLeft div{
margin-top: 45px;
}
.obalPres .presLeft img {
width: 30px; height: 15px;
}
.obalPres .pres {
width: 685px;
height: 190px;
float: left;
margin-bottom: 3px;
background: white url("../obrazky/dar.gif");
}
.obalPres .pres img {
height: 95px;
}
.obalPres .pres .imgI {
margin-left: 20px;
width: 30px;
height: 28px;
vertical-align: middle;
}
.obalPres .pres a.linkI {
text-decoration: none;
}
.obalPres .pres .presTop {
width: 97%;
padding-top: 12px;
padding-left: 20px;
}
.obalPres .pres .presTop .pLeft{
float: left;
width: 70%;
text-align: left;
}
.obalPres .pres .presTop .pLeft p{
padding-left: 10px;
line-height: 1.6em;
}
.obalPres .pres .presTop .pLeft p a{
font-size: 85%;
color: rgb(160,160,160);
}
.obalPres .pres .presTop .pRight{
float: left;
width: 29%;
text-align: center;
line-height: 1.6em;
}
.obalPres .pres .presMid {
width: 100%;
height: 100px;
text-align: left;
}
.obalPres .pres .presMid .pmLeft{
float: left;
width: 65%;
text-align: left;
}
.obalPres .pres .presMid .pmLeft p{
margin-left: 6px;
line-height: 1.6em;
}
.obalPres .pres .presMid .pmLeft .pmLeftLeft {
float: left; display: block; width: 290px;padding-left: 20px;
}
.obalPres .pres .presMid .pmLeft .pmPopis {
overflow: auto;width: 400px;margin-left: 25px;padding: 5px 6px; border: 1px solid #F2F2F2; height: 65px; font-size: 78%;line-height:1.6em;color: rgb(80,80,80);
background: white url("../obrazky/fshadow.gif") repeat-x;
}
.obalPres .pres .presMid .pmLeft .background1{
color: rgb(0,178,217);
}
.obalPres .pres .presMid .pmRight{
float: left;
width: 34%;
height: 95px;
text-align: center;
}
.obalPres .pres .ls_left {
width: 75px; float: left;
}
.obalPres .pres .ls_bottom {
width: 485px; text-align: left; margin-left: 0px;margin-top: 20px; float: left;
}
.obalPres .pres .lsTaken {
margin-top: 12px;
float: left;
width: 97px;
height: 38px;
background: url("/svatebni-dary/obrazky/taken.gif");
}
.obalPres .pres .lsTaken a{
font-weight: bold;
color: white;
}
.obalPres .pres .lsRemImg {
background: url("/svatebni-dary/obrazky/rem.gif");
}
.obalPres .pres .lsTakeImg {
background: url("/svatebni-dary/obrazky/take.gif");
}
.obalPres .pres .lsTake {
margin-top: 12px;
padding-top: 8px;
float: left;
width: 97px;
height: 29px;
}
.obalPres .pres .lsTake a{
text-align: right;
display: block;
width: 88px;
height: 29px;
text-decoration: none;
font-weight: bold;
font-size: 85%;
color: white;
}
.obalPres .pres .lsTake a:hover{
text-decoration: underline;
}
.obrazBody {
margin: 0 auto;
margin-top: 30px;
width: 700px;
height: 850px;
}
.obrazBody #obrTop{
width: 696px;
height: 150px;
background-color: rgb(254,249,234);
border: 2px dotted #00b2d9;
border-top: 0;
}
.obrazBody #obrTop h3{
padding-left: 0.4em;
background-color: rgb(253,243,218);
border-bottom: 1px dotted #e53f45;
line-height: 1.6em;
color: black;
text-align: center;
}
.obrazBody #obrTop p{
margin: 0.4em 0.4em 0.4em 0.4em;
line-height: 1.6em;
}
.obrazBody #obrMain{
width: 100%;
background-color: rgb(255,228,181);
}
.obrazBody #obrMain #obrMainLeft{
float: left;
width: 300px;
height: 680px;
font-size: 80%;
background: rgb(250,235,215) url("obrazky/obrMainRight.gif") repeat-y;
overflow: auto;
}
.obrazBody #obrMain #obrMainLeft h3{
text-align: center;
margin-top: 10px;
}
.obrazBody #obrMain #obrMainLeft p#moreImg {
text-align: center;
margin-bottom: 10px;
}
.obrazBody #obrMain #obrMainLeft .obrImg{
width: 280px;
border: 1px solid black;
}
.obrazBody #obrMain #obrMainRight{
float: left;
width: 395px;
background: rgb(250,235,215) url("obrazky/obrMainLeft.gif") repeat-y;
}
.obrazBody #obrMain #obrMainRight h3{
text-align: center;
margin: 10px 0 20px 0;
}
.obrazBody #obrMain #obrMainRight img{ 
float: right;
margin: 0.2em 0 0.2em 0.2em;
}
.obrazBody #obrMain #obrMainRight #txtVerka{ 
margin: 0.3em 0.2em 0.3em 0.4em;
font-size: 85%;
line-height: 1.6em;
}
#obrazForm {
margin: 0 auto;
width: 700px;
height: 380px;
background-color: rgb(255,248,220);
}
.obrImgLeft {
width: 220px;
}
p.crInfo {
font-size: 80%;
color: gray;
margin: -10px 0 20px 0;
}
div.crForm {
float: left;
width: 430px;
}
div.crHelp1 {
float: left;
width: 220px;
height: 115px;
background: white;
color: gray;
border: 1px solid rgb(173,216,230);
padding: 5px;
font-size: 80%;
line-height: 1.8em;
}
#footer {
width: 100%; text-align: center; background-color: rgb(0,178,217); line-height: 2.0em;"
}
#footer a {
color: white;
}
.ads a {
color: black;
font-size: 70%;
}