/* www.galerie-rondo.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

body, body.editor {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 70%;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	height: 100%;
}

body.editor {
	background-color: #EBEEF1;
	background-image: none;
	margin: 5px;
	padding: 0px;
	width: auto;
	height: auto;
	text-align: left;
}

a{
	color: #FF6633;
}
a:hover{
	text-decoration: none;
}

a img, a:link img {
	border: none;
}

/* pro zvetsovani obrazku */

#large {
	margin: 0px;
	padding: 0px;
	background-image: none;
	background-color: #FFFFFF;
}

#enlarge p {
	margin: 0px;
}

/* nastaveni margin */

#homepage div P, #homepage div h1, #homepage div h2, #homepage div h3, #homepage div h4, #homepage div h5, #homepage div h6, #page div p, #page div h1, #page div h2, #page div h3, #page div h4, #page div h5, #page div h6 {
	margin: 0px;
}

body.editor p, body.editor h1, body.editor h2, body.editor h3, body.editor h4, body.editor h5, body.editor h6 {
	margin: 0px;
}

/* vrstvy pro tisk */

#print-header {
	display: none;
}

/* formatovaci vrstvy */

/* stranka */

#homepage, #page {
	width: 780px;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#homepage {
	background-image: url(gr01.gif);
	background-repeat: repeat-y;
}

#page {
	background-image:   url(gr02.gif);
	background-repeat: repeat-y;
}

html>body #page {
	height: auto;
	min-height: 100%;
}

html>body #homepage {
	height: auto;
	min-height: 100%;
}

/* paticka */

#spacer {
	height: 20px;
	clear: both;
}

/* zahlavi s logem a servisnim menu */

#header {
	width: 760px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #EBEEF1;
	height: 110px;
	border-top: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	max-height: 90px;
	position: relative;
}

/* logo */

#logo {
	width: 216px;
	height: 34px;
	position: absolute;
	left: 12px;
	bottom: 30px;
}

#logo ul {
	margin: 0px;
	padding: 0px;
}

#logo ul li {
	list-style-type: none;
	width: 216px;
	height: 34px;
	position: relative;
}

#logo ul li span {
	background-image:  url(gr03.gif);
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 216px;
	height: 34px;
}

#logo ul li span a, #logo ul li span a:link {
	display: block;
	width: 216px;
	height: 34px;
}

/* servisni menu */

#servis {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #96A6B1;
	width: 760px;
	overflow: hidden;
}

#servis ul {
	margin: 0px;
	padding: 0px;
	float: right;
	margin-right: -2px;
}

#servis ul li {
	list-style-type: none;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image:  url(gr06.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#servis ul li a, #servis ul li a:link {
	font-weight: bold;
	color: #EBEEF1;
	text-decoration: none;
}

#servis ul li a:hover, #servis ul li a.menu-on {
	color: #000000;
}

/* spodek */

#bottom {
	width: 760px;
	margin-left: 10px;
	margin-right: 10px;
}

/* levy sloupec */

#left {
	width: 160px;
	margin-top: 20px;
	float: left;
	background-color: #EBEEF1;
}

#left p {
	color: #FF4000;
	font-weight: bold;
	padding-left: 10px;
	background-image:  url(gr04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
}

#left ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

#left ul li {
	list-style-type: none;
	color: #5F7481;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 2px;
	padding-botton: 2px;

	margin-bottom: 2px; 
}

#left ul li a, #left ul li a:link {
	color: #5F7481;
	text-decoration: none;
}

#left ul li a:hover , #left ul li a.menu-on {
	color: #FF4000;
}

#left form {
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 5px;
}

#left form p {
	background-image: none;
	padding-left: 0px;
	font-weight: normal;
	color: #5F7481;
	margin-bottom: 4px;
}

#left form p a, #left form p a:link {
	color: #5F7481;
	text-decoration: underline;
	font-size: 90%;
}

#left form p a:hover {
	color: #FF4000;
}

#left form input {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 90%;
	width: 115px;
	color: #666666;
	border: 1px solid #5F7481;
	padding: 2px;
	height: 1.8em;
}

#left form input.submit {
	width: 25px;
	font-weight: bold;
	background-color: #5F7481;
	color: #FFFFFF;
	margin-left: 2px;
}

#left #credits {
	margin-top: 30px;
	margin-right: 5px;
}

#left #credits p {
	color: #A5A8AA;
	font-size: 85%;
	letter-spacing: -1px;
	font-weight: normal;
	background-image: none;
	margin-bottom: 3px;
}

#left #credits p a, #left #credits p a:link {
	color: #A5A8AA;
	text-decoration: underline;
}

#left #credits p a:hover {
	color: #666666;
}

/* pravy sloupec */

#right {
	width: 160px;
	float: right;
	background-color: #EBEEF1;
}

#right #item div {
	width: 160px;
/*	height: 120px;*/
	overflow: hidden;
	margin-bottom: 10px;
}

#right #item div p {
	padding: 0px;
	background-image: none;
}

#right #item p {
	color: #FF4000;
	font-weight: bold;
	padding-left: 10px;
	background-image:  url(gr04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
}

#right #item ul {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

#right #item ul li {
	list-style-type: none;
	color: #5F7481;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 2px;
	padding-botton: 2px;
}

#right #item ul li a, #right #item ul li a:link {
	color: #5F7481;
	text-decoration: none;
}

#right #item ul li a:hover {
	color: #FF4000;
}

/* stredni sloupec */

#page #middle {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	width: 420px;

}

#homepage #middle {
	width: 420px;
	margin-left: 10px;
	margin-left: 10px;
	float: left;
}

#homepage #middle div {
	width: 420px;
	/*height: 260px;*/
	overflow: hidden;
}

#homepage #middle p.title {
	background-image:  url(gr05.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	color: #C1C8CE;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* definice pro textovy layer */

#homepage #middle #text {
	width: 400px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	color: #FFFFFF;
}

#homepage #middle #text h1,
#homepage #middle #text h2,
#homepage #middle #text h3,
#homepage #middle #text h4,
#homepage #middle #text h5,
#homepage #middle #text h6 {
	color: #FFFFFF;
}

#homepage #middle #text a{
	color: White;
}
#homepage #middle #text a:hover{
	color: white;
}
#page #middle #text {
	width: 560px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 13px;
	overflow: hidden;
}

#middle #text #thumbnails {
	margin-top: 20px;
	margin-bottom: 40px;
	width: 100px;
	float: left;
	margin-right: 20px;
	text-align: center;
	
}

#middle #text #thumbnails p {
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;

}
#middle #text #thumbnails p.tiles{
	float: left; 
	height: 130px;
	width: 120px;
	overflow: hidden;
	margin-right: 20px;
}
#middle #text #thumbnails ul {
	margin: 0px;
	padding: 0px;
/*	margin-top: 20px;
	margin-left: 20px;*/
	
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#middle #text #thumbnails ul li {
/*	float: left;*/
	
	display: inline;
	list-style-type: none;
	margin-right: 10px;
	font-weight: bold;
}

#middle #text #thumbnails ul li a, #middle #text #thumbnails ul li a:link {
	text-decoration: none;
}

#middle #text #full {
	margin-top: 20px;
	float: left;
	text-align: center;
	_padding-bottom: 10px;
	width: 430px;
}

/*#middle #text #full form {
	margin-top: 30px;
	text-align: left;
	width: 23.5em;
	margin-left: auto;
	margin-right: auto;
}

#middle #text #full form label {
	width: 4em;
	vertical-align: top;
}

#middle #text #full form input {
	width: 18em;
}

#middle #text #full form textarea {
	width: 18em;
}

#middle #text #full form input.submit {
	margin-left: 4.4em;
	margin-top: 3px;
}*/

#order-form{
/*	background: red;*/
	width:420px;
	padding:0; 
	margin:0;
	margin-top:15px;
}
#order-form input{
	width: 200px !important;
	background: white !important;
}
#order-form input.captcha-number {width:50px !important;}
#order-form .submit{
	width: 200px !important;
	background: #999999 !important;
}
#order-form .comment{
	width: 200px !important;
}

#middle #text p, body.editor p {
	padding-top: 4px;
	padding-bottom: 4px;
}

#middle #text h1, body.editor h1 {
	font-size: 120%;
	color: #FF3300;
	padding-top: 8px;
	padding-bottom: 6px;
}

#middle #text h2, body.editor h2 {
	font-size: 115%;
	color: #FF6633;
	padding-top: 6px;
	padding-bottom: 4px;
}

#middle #text h3, body.editor h3 {
	font-size: 110%;
	color: #FF6666;
	padding-top: 4px;
	padding-bottom: 4px;
}

#middle #text h4, body.editor h4 {
	font-size: 105%;
	padding-top: 4px;
	padding-bottom: 4px;
}

#middle #text h5, body.editor h5 {
	font-size: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
}

#middle #text h6, body.editor h6 {
	font-size: 100%;
}

/*#middle #text em, body.editor em {
	font-style: italic;
}*/

#middle #text strong, body.editor strong {
	font-weight: bold;
	font-style: normal;
}

#middle #text li, body.editor li {
}

#middle #text ol, body.editor ol {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 2.3em;
}

#middle #text ul, body.editor ul {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 2.3em;
}

#middle #text ul li, body.editor ul li {
	list-style-type: square;
}

#middle #text sub, body.editor sub {
	font-size: 75%;
}

#middle #text sup, body.editor sup {
	font-size: 75%;
}

#middle #text a:hover, body.editor a:hover {
	color: #FF0000;
}

#middle #text input {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 2px;
	width: 150px;
	height: 1.8em;
	background-color: #FFFFFF;;
	border: 1px solid #999999;
}

#middle #text input.checkbox {
	width: 13px;
	height: 13px;
	border: none;
}

#middle #text input.radio {
	width: 13px;
	height: 13px;
	border: none;
}

#middle #text input.submit, #text input.reset, #text input.button {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	width: 150px;
	height: 1.8em;
	margin-left: 2px;
	border: none;
}

#middle #text input.file {
	width: 200px;
	height: 21px;
}

#middle #text input.image {
	padding: 0px;
	border: none;
}

#middle #text textarea {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	width: 200px;
	height: 100px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

#middle #text select {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 200px;
	background-color: transparent;
}

#middle #text hr, body.editor hr {
	color: #CCCCCC;
}

#middle #text table, body.editor table {
	margin-top: 10px;
	margin-bottom: 10px;
}

#middle #text table td, body.editor table td {
	font-size: 70%;
	padding: 3px;
	vertical-align: top;
}

#middle #text table td p, body.editor table td p {
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#middle #text table TH, body.editor TH {
	font-size: 70%;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

#middle #text table th p, body.editor table th p {
	padding: 0px;
	padding-left: 3px;
	padding-right: 0px;
}

#middle #text table.standard, body.editor table.standard {
	border-top: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
}

#middle #text table.standard td, body.editor table.standard td {
	border-right: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
}

#middle #text table.standard th, body.editor table.standard th {
	background-color: #EEEEEE;
	border-right: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
}

#middle #text table.colored, body.editor table.colored {
	border-top: 1px solid #5F7481;
	border-left: 1px solid #5F7481;
}

#middle #text table.colored td, body.editor table.colored td {
	border-right: 1px solid #5F7481;
	border-bottom: 1px solid #5F7481;
}

#middle #text table.colored th, body.editor table.colored th {
	background-color: #EEEEEE;
	border-right: 1px solid #5F7481;
	border-bottom: 1px solid #5F7481;
}

#back {
	clear: both;
}

#back a, #back a:link {
	color: #000000;
	text-decoration: underline;
}

#back a:hover {
	color: #ff0000;
}

.normal-content p{
	margin: 0px !important;
	padding: 0px !important;
	background: none !important;
	font-weight: normal !important;
}

.captcha
{
	float:left;
	margin-bottom:10px;
}
img.captcha-image 
{
	float:left;
	margin-top:5px;
	margin-right:10px;
}
.captcha-number
{
	float:left;
	width:50px;
	margin-top:5px;
}
span.captcha-help
{
	display:block;
	float:left;
	width:280px;
}