* {border:0;padding:0;margin:0;list-style:none;}
/*formátování html elementů*/
body {background-color:#000;color:#fff;font-size:95%;}
a {color:#fff;font-weight:bold;}
a:hover {color:#f00;}
p {margin:20px 0;line-height:140%;}

ul.hlavni {margin:1em 0;}
ul.hlavni li {margin:.2em 0;}

h1 {font-size:125%;}
h2 {font-size:115%;}
h3 {font-size:110%;margin-top:30px;}
h4 {font-size:105%;}

form {padding:10px;border:1px dashed #f0ca8b;}
#submit,#reset {cursor:pointer;}
textarea,#subject,#body,#name,#mail,#telefon, #url {border:1px solid #fff;background-color:#ffd892;margin:4px;}
fieldset {border:1px dashed #fff;padding:4px;}
legend {font-size:smaller;background-color:#000;color:#fff;}
button {background-color:#000;color:#fff;}
/*konec formátování html elementů*/

/*fyzické třídy*/
.clear {clear:both;}
.odsaz {margin-left:4em;}
.red {color:red;}
/* konec fyzické třídy*/

/*cotojátka*/
.ctj {display:block;background-color:#bbb;color:#111;padding:.3em;border:2px solid #fff;font-weight:bold;
font-family:sans-serif;}
/*konec cotojátka*/

/*společné hodnoty*/
#obsahv, #obsahf {margin:auto;width:380px;position:relative;min-height:500px;}

#paticka {font-size:smaller;margin-top:4em;}

/*konec společné hodnoty*/

/* formátování úvodní strany*/
#h1i {margin:0 auto;position:relative;width:150px;height:30px;display:block;}

#h1i span {position:absolute;left:0;top:0;display:block;width:150px;height:30px;
background-image:url('../img/poeziei.jpg');}

#obsahindex {margin:auto;margin-top:10px;width:700px;height:510px;position:relative;text-align:center;overflow:hidden;}

#obsahindex #vaclav1 {position:relative;width:350px;height:450px;display:block;float:left;line-height:350px;}

#obsahindex #vaclav1 span {position:absolute;left:0;top:0;display:block;width:350px;height:450px;
background-image:url('../img/logov.jpg');cursor:pointer;}

#obsahindex #filip1 {position:relative;width:350px;height:450px;display:block;float:left;line-height:350px;}

#obsahindex #filip1 span {position:absolute;left:0;top:0;display:block;width:350px;height:450px;
background-image:url('../img/logof.jpg');cursor:pointer;}

#obsahindex #vaclav2 {position:relative;width:350px;height:30px;display:block;float:left;}

#obsahindex #vaclav2 span {position:absolute;left:0;top:0;display:block;width:350px;height:30px;
background-image:url('../img/podpisvi.jpg');cursor:pointer;}

#obsahindex #filip2 {position:relative;width:350px;height:450px;display:block;float:left;}

#obsahindex #filip2 span {position:absolute;left:0;top:0;display:block;width:350px;height:30px;
background-image:url('../img/podpisfi.jpg');cursor:pointer;}

#obsahindex #vaclav1:hover, #obsahindex #vaclav2:hover, #obsahindex #filip1:hover, #obsahindex #filip2:hover {opacity:0.7;
color:#444;}

/*konec formátování úvodní strany*/

/*moje stránky*/
#obsahv {background:#000 url('../img/logov.jpg') top left no-repeat;padding:10px 20px 10px 350px;
text-align:right;color:#fff;font-family:serif;}

#obsahv h3 {color:#bac0da;}

#obsahv a {color:#bac0da;}

#obsahv a:hover {color:#f00;}
#obsahv a:active {color:#fff;}

#h1v {width:350px;height:30px;display:block;position:relative;overflow:hidden;margin-top:50px;float:right;}

#h1v span {position:absolute;left:0;top:0;display:block;width:350px;height:30px;
background-image:url('../img/podpisv.jpg');}

#h2v {width:350px;height:30px;display:block;position:relative;overflow:hidden;float:right;}

#h2v span {position:absolute;left:0;top:0;display:block;width:350px;height:30px;
background-image:url('../img/poeziev.jpg');}

#menuv li {float:right;}

#menuv1, #menuv2, #menuv3 {width:100px;height:100px;display:block;overflow:hidden;position:relative;
background-color:#222;text-align:center;line-height:100px;}

#menuv1:hover span, #menuv2:hover span, #menuv3:hover span {background-position:-100px;}

#menuv1:active span, #menuv2:active span, #menuv3:active span {background-position:0px;}

#menuv1 span {position:absolute;right:0;top:0;display:block;width:100px;height:100px;
background-image:url('../img/uvodv.jpg');cursor:pointer;}


#menuv2 span {position:absolute;right:0;top:0;display:block;width:100px;height:100px;
background-image:url('../img/filipv.jpg');cursor:pointer;}


#menuv3 span {position:absolute;right:0;top:0;display:block;width:100px;height:100px;
background-image:url('../img/vaclavv.jpg');cursor:pointer;}
/*konec formátování mých stránek*/

/*filipovy stránky*/
#obsahf  {background:#000 url('../img/logof.jpg') top right no-repeat;padding:10px 350px 10px 20px;
text-align:left;color:#f0ca8b;font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

#obsahf h3 {color:#fff;}

#h1f {width:350px;height:30px;display:block;position:relative;overflow:hidden;margin-top:50px;}

#h1f span {position:absolute;left:0;top:0;display:block;width:350px;height:30px;
background-image:url('../img/podpisf.jpg');}

#h2f {width:350px;height:30px;display:block;position:relative;overflow:hidden;}

#h2f span {position:absolute;left:0;top:0;display:block;width:350px;height:30px;
background-image:url('../img/poezief.jpg');}

#menuf li {float:left;}

#menuf1, #menuf2, #menuf3 {width:100px;height:100px;display:block;overflow:hidden;position:relative;
background-color:#222;text-align:center;line-height:100px;}

#menuf1:hover span, #menuf2:hover span, #menuf3:hover span {background-position:-100px;}

#menuf1:active span, #menuf2:active span, #menuf3:active span {background-position:0px;}

#menuf1 span {position:absolute;right:0;top:0;display:block;width:100px;height:100px;
background-image:url('../img/uvodf.jpg');cursor:pointer;}


#menuf2 span {position:absolute;right:0;top:0;display:block;width:100px;height:100px;
background-image:url('../img/filipf.jpg');cursor:pointer;}


#menuf3 span {position:absolute;right:0;top:0;display:block;width:100px;height:100px;
background-image:url('../img/vaclavf.jpg');cursor:pointer;}
/*konec formátování filipových stránek*/