/***********************************************************************
 CHROMSERVIS.cz
 Webdesign (C) http://hulan.cz/ - Radek HULAN, 2008
 You CANNOT use this stylesheet, or part of it, without permission!!  
***********************************************************************/

/* ********** basic definitions ********** */
html { padding: 0; margin: 0; }
body { background: #525252 url(../images/background.jpg) top left repeat-x; padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: black; }

/* ********** web layout ********** */
#flags { width: 1068px; height: 51px; display: block; background: transparent url(../images/logo.jpg) top left no-repeat; text-align: right; }
#flags .box{ float: right; margin: 14px 80px 0 0; }
* html #flags .box{ margin-right: 40px; }
#flags a{ padding: 0; margin: 0 0 0 7px; }
#flags img { border: 0 none; padding: 0; }

a#logo { background: transparent url(../images/logo.jpg) bottom right no-repeat; width: 1068px; height: 129px; display: block; padding: 0; margin: 0; }
a#logo span { margin-left: -10000px; padding:0}

#content { clear: both; width: 1003px; background: url(../images/content.jpg) 0px 198px no-repeat}

#menu { width: 305px; height: 198px; float: left; background: transparent url(../images/menu.jpg) top left no-repeat; }
#menu ul { text-align: right; margin: 16px 10px 0 0; }
#menu ul li{ padding: 2px 15px 2px 0; margin: 0; list-style: none; text-indent: 0; }
#menu ul li a:link, #menu ul li a:visited{ color: white; font-weight: bold; text-decoration: none; }
#menu ul li.selected a:link, #menu ul li.selected a:visited{ color: #E8AB75; }
#menu ul li a:hover{ color: #E8AB75; text-decoration: underline; }
#menu ul li.selected{ border-right: 5px solid white; padding-right: 10px; }

#text { background: #FFF7D3 url(../images/contentwhite.jpg) bottom left no-repeat; width: 698px; min-height: 198px; height: auto !important; height: 198px; float: left; }

#footer { float:right; width:604px; color: #929292; margin-top:-115px; padding-top:10px; text-align: right; background: url(../images/footer.jpg) top right no-repeat}
#footer a:link, #footer a:visited{color: #929292;}

#copyright { color: #6a6a6a; margin-top:10px; }
#copyright a:link, #copyright a:visited{color: #6a6a6a;}

#footer a:hover, #copyright a:hover{background: #F5C87B; color:black}

#text a:link, #text a:visited {color:#F5C87B; text-decoration: none}
#text a:hover {background:#F5C87B; color:black}

/* ********** images ********** */
img {	border:0 none; padding:0; }

/* ********** helpers ********** */
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter10 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter25 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:25px }
.splitter30 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:30px }

/* ********** text content ********** */
a#text-svatebniservis{ background: url(../images/text-svatebniservis.jpg) top left no-repeat; width: 326px; height: 198px; display: block; float: left; margin: 0 0 0 10px; }
* html a#text-svatebniservis{ margin-left: 5px; }
a#text-svatebniservis:hover { background: url(../images/text-svatebniservis.jpg) top left no-repeat; }
a#text-svatebniservis span {margin-left: -10000px; padding:0}
a#text-ruznekytice { background: url(../images/text-ruznekytice.jpg) top left no-repeat; width: 335px; height: 198px; display: block; float: left; margin: 0 0 0 15px; }
a#text-ruznekytice:hover { background: url(../images/text-ruznekytice.jpg) top left no-repeat; }
a#text-ruznekytice span {margin-left: -10000px; padding:0}

#subtext { clear: both; min-height: 259px; height: auto !important; height: 259px; }
#subtextb { clear: both; min-height: 286px; height: auto !important; height: 286px; }
#subtext a:hover, #subtextb a:hover{background: #F5C87B; color:black}

#breadcrumbs { padding: 10px 0 0 305px; color: white; height: 25px; font-size:12px}
#breadcrumbs a:link, #breadcrumbs a:visited { color: #F9EDC9; font-weight: bold; text-decoration: underline; }
#breadcrumbs a:hover{background: #F5C87B; color:black}
#breadcrumbs span{color: #F9EDC9; font-weight: bold}

#inside { margin: 0 0 0 305px; background: #838484; padding: 5px 10px 5px 10px; min-height: 115px; height: auto !important; height: 115px;}
#inside p { margin: 5px 0 5px 0; padding: 0; text-align: justify; color: black; font-size: 12px; line-height: 17px; }
#inside h1 { font-size: 20px; line-height: 26px; color: white; margin: 10px 0 10px 0; padding: 0; font-style: italic; font-weight: bold; }
#inside h1 span { color: #F9EDC9; float: right; width: 100px; text-align: right; }
#inside h1 span a:link, #inside h1 span a:visited{ color: #F9EDC9; font-size: 16px; }
#inside h1 span a:hover{ color: black }

#text .miniimage { border: 4px solid #E9D2AF; float: left; margin: 7px 8px 5px 8px; }
#text p { clear:both; margin: 5px 0 5px 0; padding: 0; }
#text img { margin: 0; padding:0; border:0 none }

#text table { padding: 5px; margin: 20px auto 5px auto; text-align: center}
#text table th { color: #C5402D; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; padding: 10px 0 0 5px;  }
#text table td .miniimage{ margin: 0; float:none;}
#text table td { padding: 5px; font-size: 16px; font-weight: bold; text-align: center; color: black; }

#leftm1 {margin:0 0 0 12px;}
#leftm2 {margin:0 0 0 20px;}
#leftm3 {margin:2px 0 0 3px;}

#inside fieldset { text-align: right; padding: 5px; color: white; }
#inside legend { color: #F9EDC9; font-weight: bold; }
#inside table { padding: 0; margin: 0; }
#inside table td { vertical-align: top; padding:3px}

#inside .maxiimage { text-align: center; }
#inside .maxiimage img { margin: 10px auto; border: 2px solid white; padding: 0; }
#inside blockquote { background: #c1c1be; padding: 7px 10px; }
#inside blockquote p{ font-size: 14px; line-height: 20px; }

#text .itembody { padding: 10px; text-align: justify; }
#text .itembody h2 { color: #C5402D; font-weight: bold; font-size: 16px; line-height: 28px; text-align: left; padding: 5px 0 5px 0x; margin:0}
#text .itembody p { margin: 5px 0 5px 0; padding: 0; }
#text .itembody a:link, #text .itembody a:visited{	color: #c5820f; text-decoration: underline }
#text .itembody a:hover{background: #F5C87B; color:black }
#text .itembody .right{text-align:right}
#text .itembody blockquote { background: #fff4bf; padding: 7px 10px; }
#text .itembody blockquote p{ font-size: 14px; line-height: 20px; }

.clearer {clear:both}
#text .itembody p.center {text-align:center}
#text p.center .miniimage {float:none}