/*
	CSS styl pro Modry Atelier - www.modryatelier.cz
	Copyright (c) 2010 - Stepan Soukenik, www.steeve.cz, 
	Je zakazano cokoliv z tohot stylu kopirovat nebo jinak vyuzivat bez souhlasu autora.
*/

* {padding: 0; margin:0; text-align: center;}
body {padding: 0; background: #163c6a url(top-line.jpg) no-repeat 50% 0; font-family: Tahoma, sans-serif; font-size: 75%}
a:link {color: #163c6a; text-decoration: underline; font-style: normal}
a:active {color: #163c6a; text-decoration: underline; font-style: normal}
a:visited {color: #163c6a; text-decoration: underline; font-style: normal}
a:hover {color: #b86708; text-decoration: none; font-style: normal}
h2 {font-size: 190%; margin-bottom: 0; text-transform: none; font-weight: normal; text-align: left; display: block}
h3 {font-size: 122%; color: #0b2c6a; margin-bottom: 0; text-transform: none; font-weight: normal; text-align: left; display: block}
hr {clear: both; visibility: hidden}
dd {text-align: left !important; float: left; font-weight: bold; color: #fff !important; padding: 0 9px; line-height: 1.5em}
dt {text-align: left; color: #fff !important; clear: both; padding: 0 10px}
ol {text-align: left !important; margin: 5px 10px; padding: 10px 25px; list-style-position: inside; background: #dfebff}
ol li {text-align: left !important}
ol li a:link {color: #102e67 !important}
ol li a:active {color: #102e67 !important}
ol li a:visited {color: #102e67 !important}
ol li a:hover {color: #000 !important}
address {text-align: right !important; padding: 8px 22px; color: #163c6a !important; display: block; line-height: 1.5; font-style: normal; font-size: 17px; font-family: Cambria, Georgia, serif}
.storytitle {color: #0b2c6a;}

/*ID tagy*/

/*- - - - - - - - - - - - -*/

#layout {padding: 0; width: 980px; margin: 0 auto; top: 0; position: relative; z-index: 2}

/*- - - - - - ODKAZ TOP - - - - - - -*/

ul.top-a-href {color: #fff !important; position: absolute; top: 26px; right: 12px; margin: 0; z-index: 4}
ul.top-a-href li {color: #fff !important; width: 90px; list-style-type: none; padding-left: 6px; background: url(bullet-top.jpg) no-repeat 0 75%; display:block}
ul.top-a-href li a {color: #fff !important; font-size: 11px !important}

/*- - - - - - HEAD - - - - - - -*/

#head {margin: 0; position: relative; top: 25px; padding: 0; display: block; width: 980px; height: 210px; background: url("./modry_atelier_logo.jpg") no-repeat 0 0; text-align: center; z-index: 1}
#head h1 {height: 210px; width: 202px; display: block; margin: 0 auto; position: absolute; top: 0; left: 226px;}
#head h1 a {height: 210px; width: 202px; display: block; margin: 0 auto; z-index: 10; position: relative}
#head h1 span {margin: 0;  padding: 0; display: block; height: 210px; width: 202px; background: url("./modry_atelier_logo_img.jpg") no-repeat 0 0; text-align: center; z-index: 1}

#info {width: 769px; height: 140px; display: block; background: url(modry_atelier_logo_heading.jpg) no-repeat 0 0; position: relative; left: 0; top: 42px; float: left}
#oteviraci_doba {position: absolute; height: 85px; width: 180px; top: 9px; left: 15px; font-family: Cambria, Georgia, serif}
#oteviraci_doba h3 { font-size: 20px !important; padding-left: 10px}
#oteviraci_doba table { font-size: 17px; padding: 10px 0 0 6px; width: 195px; color: #2b4865}
#oteviraci_doba table td { padding: 5px 0 0 }

#mapa { width: 180px; height: 136px; display: block; position: absolute; right: 21px; top:33px; border: 4px #e4edf2 solid}
#mapa a img {border: 0}

#kontakty {position: absolute; height: 85px; width: 180px;  top: 9px; left: 445px; font-family: Cambria, Georgia, serif}
#kontakty h3 { font-size: 20px !important;  padding-left: 10px}
#kontakty table { font-size: 17px; padding: 10px 0 0 6px; width: 345px; color: #2b4865}
#kontakty table td { padding: 5px 0 0}

#contact_box { width: 257px; height: 64px; display: block; position: absolute; right: 0; top: 218px; z-index: 6; background: url(contact_box.jpg) no-repeat 0 0}

/*- - - - - - WRAP - - - - - - -*/

#wrap {clear: both; top: 0; position: relative}

/*- - - - - - OBSAH - - - - - - -*/

#obsah {width: 680px; position: relative; top: 20px; float: left; font-size: 100%; line-height: 1.8em; height: auto; text-align: left; display: block; margin: 35px 0 0; padding: 15px; background: #fff url(main-bg.jpg) no-repeat 0 0}
#obsah-bottom { background: url(main-bg-bottom.jpg) no-repeat 0 0; width: 720px; height: 30px; display: block; position: absolute; bottom: -15px; left: 0 ;}
#obsah p {margin: 0; display: block; line-height: 1.8; text-align: justify; padding: 10px; font-size: 15px; font-family: Cambria, Georgia, serif;}
#obsah h2 { font-size: 22px; padding: 17px 0 4px 10px; font-family: Cambria, Georgia, serif; font-weight: bold}
#obsah h3 { font-size: 18px; padding: 17px 0 4px 10px; font-family: Cambria, Georgia, serif; font-weight: bold; color: #111}

.h2textil { color: #0b1d33 !important}
.h2keramika { color: #c23d3a !important}
.h2bizuterie { color: #d4be65 !important}
.h2kosmetika { color: #6fbb1d !important}
.h2kvetinove-dekorace { color: #d1b602 !important}
.h2dalsi-remesla { color: #d67809 !important}
.h2hracky-a-drobne-darky { color: #249cb6 !important}
.h2vanoce { color: #007028 !important}
.h2velikonoce { color: #ff8502 !important}
.h2bachovy-kvetove-esence { color: #000000 !important}

#obsah p big { font-size: 18px}

#obsah img {display: inline; border: 1px solid #f1f1f1; padding: 4px; _margin: 10px 0 10px !important; margin: 10px 0 10px 0; float: left; position: relative}

#cont {clear: both; height: 1px; width: 980px; display: block }


/*- - - - - - MENU - - - - - - -*/

#menu {width: 270px; float: right; position: relative; right: 0; top: 83px; text-align: left; display: block; margin: 0 !important; z-index: 12}
.right-img { background: url(right.jpg) no-repeat 0 0; height: 420px; width: 9px; position: absolute; right: 0; top: 30px; z-index: 19; display: block; border-bottom: 1px #173553 solid}
#menu p {background-color: #fff; padding: 5px; text-transform: none; font-weight: normal}
#menu h2 {display: block; color: #fff; margin: 0; padding: 8px 35px; text-transform: none; font-weight: normal; text-align: left; background: url(menu-h2.jpg) no-repeat 0 0; width: 220px; height: 26px; font-size: 20px; font-family: Cambria, Georgia, serif; margin-bottom: 14px}
#menu ul {text-decoration: none; list-style: none; color: #fff; margin: 0; padding: 0}
#menu li {display: block; border-bottom: 2px solid #163c6a}
#menu li a:link {text-decoration: underline; color: #fff; _width: 145px; display: block; padding: 8px 5px 8px 35px; text-align: left; font-size: 14px}
#menu li a:active {text-decoration: underline; color: #fff; _width: 145px; display: block; padding: 8px 5px 8px 35px; text-align: left; font-size: 14px}
#menu li a:visited {text-decoration: underline; color: #fff; _width: 145px; display: block; padding: 8px 5px 8px 35px; text-align: left; font-size: 14px}
#menu li a:hover{text-decoration: none; color: #fff; _width: 145px; display: block; padding: 8px 5px 8px 35px; text-align: left; font-size: 14px}
li a.activemenu {text-decoration: none; color: #fff; _width: 145px; display: block; padding: 8px 5px 8px 35px; text-align: left; font-size: 14px}
#menu ul.submenu {display: none; margin: 1px 0 -1px !important; }
#menu ul.submenu li a {padding: 8px 10px;  _width: 165px; background: #35588f !important}
#menu ul.submenu li a:hover {padding: 8px 10px;  _width: 165px; background: #102e67 !important}

.textil { background: #0b1d33 !important}
.keramika { background: #c23d3a !important}
.bizuterie { background: #d4be65 !important}
.kosmetika { background: #6fbb1d !important}
.kvetinove-dekorace { background: #d1b602 !important}
.dalsi-remesla { background: #d67809 !important}
.hracky-a-drobne-darky { background: #249cb6 !important}
.vanoce { background: #007028 !important}
.velikonoce { background: #ff8502 !important}
.bachovy-kvetove-esence { background: #000000 !important}



/*- - - - - - PATA - - - - - - -*/

#pata {clear: both; font-size: 11px; width: 980px; height: 104px; display: inline; margin: 40px auto; color: #fff; text-transform: none; line-height: 1.7em; position: relative; float: left}
#pata .pata-left { background: url(pata-left.jpg) no-repeat 0 0; width: 242px; height: 74px; display: block; position: absolute; left: 0}
#pata .pata-center { background: url(pata-center.jpg) no-repeat 0 0; width: 272px; height: 74px; display: block; position: absolute; left: 242px}

#pata a {color: #B3CCEF}
#pata a.left { float: left}
#pata a.right { float: right}
#pata a.left img {margin-top: 4px !important}
#posRegard {font-weight: bold}
#contactFormArea {clear: both}


	fieldset { border:0; margin:10px; padding: 10px; text-align: left !important; background: #dfebff; }

	label { display: block; text-align: left !important ; font-size: 80%; color: #102e67; padding: 5px  }

	input.text,textarea {color: #333; padding: 3px; margin: 1px 5px; border: 1px solid #ccc; text-align: left !important }

	input.submit { padding: 2px 5px; text-align: left !important }
/*Class styly*/

.hours {text-align: right !important; float: right !important; margin, padding: 0 !important}
.days {text-align: left !important; padding-left: 2px !important}
.date {font-size: 80% !important; text-align: right !important; width: 195px; background: #35588f; padding: 3px !important}
.hidden {display: none; visibility: hidden}
.submenu {margin: 5px 15px 15px !important; padding: 0 0 10px}
.hide {display: none}
.abcd { list-style-type: lower-latin; padding: 0 20px}


acronym, abbr {border-bottom: 1px dashed #333}
acronym, abbr, span.caps {font-size: 90%; letter-spacing: .07em}
acronym, abbr {cursor: help}
blockquote {border-left: 5px solid #ccc; margin-left: 1.5em; padding-left: 5px}
hr {height: 1px; border: 0; background: #bbb}
cite {font-size: 90%;font-style: normal}
ol#comments li p {	font-size: 100%;}


ul.post-meta {	list-style: none;}
ul.post-meta span.post-meta-key {	font-weight: bold}


.feedback {	color: #ccc;text-align: right;clear: both}

.meta {font-size: .75em;padding: 2px 0 0}
.meta li, ul.post-meta li {display: inline}
.meta ul {display: inline;list-style: none;margin: 0;padding: 2px 0}
.meta, .meta a {color: #808080;font-weight: normal;letter-spacing: 0}

#sea {position: absolute; right: 0; top: 0; margin-top: -28px; z-index: 2}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #fff;border: 1px solid #333;padding: .2em}
#commentform textarea {width: 100%}
#commentlist li ul {border-left: 1px solid #ddd;font-size: 110%;list-style-type: none}
#commentlist li .avatar {float: right;margin-right: 25px;border: 1px dotted #ccc;padding: 2px}


#wp-calendar {border: 1px solid #ddd;empty-cells: show;font-size: 14px;margin: 0;width: 90%}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}