﻿
* { b/order: 1px solid blue !important; }

body {
 padding-top: 0px; 
 background: #616160 url("pictures/dankova-black-back.png") center top no-repeat;
 text-align: center;
 margin: 0px;
 color: #e5e5e5;
 font: 8pt Verdana,"Trebuchet MS",Verdana,Arial,sans-serif
}

h1, h2, h3 { font: 12pt Arial,Verdana,sans-serif; font-weight: bold; text-shadow: 1px 1px 2px #333333; }
h2 { font: bold 11pt "Segoe Script",Arial,Verdana,sans-serif; }

a { color: #efbeb7; text-decoration: underline; }
a:hover { color: #ff8e7d; text-decoration: underline; }

img { border: 0px; }

ul { _margin: 0 5px; padding: 0 12px; }
li { font-size: 100%; }

input[type='text'] { border: 1px solid #ccc; }

fieldset { padding: 10px 20px; }

p { margin: 0; padding: 0; }

/* main styles */

#main, #main3 { position: relative; margin: auto; text-align: left; width: 960px; padding: 10px 10px 0; text-align: left; overflow: hidden; }
#main2 { background: #383837; border: 1px solid #444444; /*box-shadow: #111111 3px 3px 4px; -moz-box-shadow: #111111 3px 3px 4px; -webkit-box-shadow: #111111 3px 3px 4px;*/}

#toppicture { margin: 0; padding: 0; position: relative; width: 615px; }

#topdiv { font: 8pt Garamond,"Trebuchet MS",Verdana,Arial,sans-serif; width: 940px; overflow: hidden; }
#topdiv #mylogo { position: relative; float: left; width: 320px; }
#topdiv #mylogo h1 { position: relative; float: left; }

#menu { position: relative; float: left; margin-left: 40px; }
#photo { position: relative; float: right; right: -40px; }

#topdiv #topright { position: relative; float: right; width: 460px; }
#topdiv #topmenu { position: relative; top: 0px; float: right; font: 8pt "Trebuchet MS",Verdana,Arial; text-transform: uppercase; }
#topdiv #mymenu { font: 100% "Trebuchet MS",Verdana,Arial; position: relative; float: right; top: 12px; }

#myblog { text-align: left; margin: auto; padding: 22px 0px; width: 615px; font: 10pt "Trebuchet MS",Arial; }
#myblog h2 { display: block; font: 16pt verdana; font-weight: normal; color: #000; margin: 0px 0px 12px 25px; }
#myblog p { padding: 0px 25px; font: 14pt verdana; line-height: 20pt; width: 570px; }

#topdiv2 { margin: 0px 0px; padding: 12px 0px; width: 615px; background: url("pictures/soprano-andrea-dankova-back.png") bottom repeat-x; }

#content { text-align: left; overflow: hidden; width: 840px; margin: 0 auto; padding: 15px 0; }

#footer { text-align: center; margin: 0; padding: 25px 0 35px; font-size: 8pt; }

/* ostatne triedy */

ul.fullmenu { position: relative; top: 30px; padding: 0px; margin-left: 3px;  list-style: none; }

ul.fullmenu li { display: block; margin: 7px 0; }
ul.fullmenu li a { font-size: 18pt; color: #e5e5e5; text-shadow: 1px 1px 1px #444444; text-decoration: none; padding: 7px 10px; display: block; }

ul.fullmenu li.current a.current { color: #e44931; text-decoration: none; background: #cccccc; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px 1px #999999; }
ul.fullmenu li a:hover:after { content: →; }
ul.fullmenu li a:hover { text-decoration: none; color: #e44931; background: #cccccc; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px 1px #999999; }

div.clear { clear: both; overflow: hidden; height: 0px; }
div.clearright { clear: right; overflow: hidden; height: 1px; }

div #leftbox { width: 100%; margin-right: 15px; }
div #rightbox { position: relative; float: left; margin: auto; width: 160px; padding: 20px; text-align: left; background: #F8F8F8; }

div #leftbox h1 { display: block; font-weight: bold; color: #E80C0C; margin: 7px 0 15px; letter-spacing: 1px; }
div #leftbox h2 { display: block; font-size: 15pt; font-weight: normal; color: #E80C0C; margin: 0 0 4px; padding: 0; }
div #leftbox h3 { font-size: 10pt; font-weight: bold; color: #14AC14; }
div #leftbox h4 { font-size: 12.5pt; font-weight: normal; }

div.content { margin: 0px 0px 10px; padding: 0; }

div.content p { margin: 10px 0px; padding: 0; }
div.content h2 { margin: 0; padding: 10px 0 0 0; color: #09B309; font-weight: bold; font-size: 13.5pt; }
div.images img { margin: 7px; padding: 4px; background: #F5F5F5; /* border: 1px solid #ccc; */ border-radius: 1px; }
div.contact p { margin: 5px 0; }
div.contact input, div.contact textarea { -moz-border-radius: 6px; border-radius: 6px; padding: 3px; }
div.contact input[type='text'], div.contact textarea { width: 400px; }

form.myform fieldset { border: 1px solid #ccc; padding: 0 10px 10px 10px; width: 280px; }
form.myform fieldset p { margin: 5px; padding: 0; }
form.myform fieldset form { margin: 10px; }
form.myform fieldset legend { font-size: 8pt; font-weight: bold; color: #C00000; }
form.myform fieldset label { font-size: 100%; }
form.myform input { border: 1px solid #ccc; width: 260px; }
form.myform textarea { border: 1px solid #ccc; width: 260px; }
form.myform .button { width: 80px; }

hr { display: block; height: 1px; width: 390px; border-top: none; border-bottom: 1px solid #ccc; }

.adminmenu { display: none; }

.c13l { width: 270px !important; float: left; margin-right: 20px; }
.c23l { width: 540px !important; float: left; margin-right: 20px; }
.c13r { width: 270px !important; float: right; margin-left: 20px; }
.c23r { width: 540px !important; float: right; margin-left: 20px; }

.leftme { position: relative; float: left; }
.rightme { position: relative; float: right; }

.line { height: 2px; overflow: hidden; background: url("pictures/soprano-andrea-dankova-line.gif") repeat-x; }
.button { color: #444; border: 1px solid #ccc; background: url("pictures/soprano-andrea-dankova-button.png") repeat-x; }

.noshow { display: none; }
.show { display: block; }

.news { margin: 10px 0; }

.cttext { background: #444444; padding: 10px; -moz-border-radius: 6px; border-radius: 6px; }
.cttext p { padding: 10px 0px; }
.ctauthor { padding: 5px 0px; font-style: italic; font-weight: bold; }

.picdesc { font: 8pt Tahoma; font-weight: bold; padding-left: 7px; color: #666; }

#pageerror, .pagedesc { color: red; margin: 10px 0px; padding: 10px; background: #f4f4f4; border: 1px solid #bbb; }

.h140 img { height: 140px; }
.h120 img { height: 120px; }
.h110 img { height: 110px; }
.h100 img { height: 100px; }
.h95 img { height: 95px; }