/*#############################################################
Name: Coffee N Cream
Date: 2006-08-24
Description: A smooth coffee style template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/


.template { font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;   }
.lista { font-size: 7pt; text-align: center; color:#A19A8C; margin: 25px 5px 5px 5px; }
.lista a { text-align: center; margin-top: 1.0em; margin-bottom: 1.0em; color:#A19A8C;   }
.lista a:hover { text-align: center; margin-top: 1.0em; margin-bottom: 1.0em; color:#A19A8C; text-decoration: none;  }  
/* standard elements */



/*.index_img {border: 1px solid #963; }*/




a {
	color: #963;
}

a:hover {
	color: #C60;

}

body {
	background: #655A46 url(IMG/bg.gif);
	color: #543;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
	padding: 0;
}

input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

p,cite,code,ul {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
	margin-top: 0;
}


.code {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	/*border-bottom: 1px solid #938262;*/
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 10px;
	padding-left: 10px;
	/*white-space: pre;*/
}

blockquote {
	background: url(IMG/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-left: 28px;
}

h1,h2,h3,h4 {
	color: #654;
	font-size: 1.4em;
	padding-top: 6px;
}

td {
	font-size: 1.1em;
}


/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(IMG/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 920px;
}

.container_admin {
	background: url(IMG/bgcontainer_admin.gif) repeat-y;
	margin: 0 auto;
	width: 920px;
}


/* header */
.header {
	background: url(IMG/snubni-prsteny-logo.gif) no-repeat;
	height: 120px;
	margin: 0 auto;
	width: 900px;
}


/* title */
.title {
	padding-top: 10px;
	font: normal 1.5em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

.bookmark {
	margin-top: -4px;
	font: normal 1.1em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}


/* navigation */



.navigation {
	background: #FFF url(IMG/bgnavigation.gif) repeat-x;
	font: bold 1.2em Verdana,sans-serif;
	height: 44px;
	margin: 0 auto;
	padding: 0 18px;
	width: 864px;
}

.navigation a {
	color: #543;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px; /* rozestup prvků/odkazů v navigation */ 
	line-height: 44px;
}

.navigation a:hover {
	color: #FCFAEA;
	text-decoration: underline;
}


.navigation_admin {
	background: #FFF url(IMG/bgnavigation.gif) repeat-x;
	font: bold 1.2em Verdana,sans-serif;
	height: 44px;
	margin: 0 auto;
	padding: 0 18px;
	width: 864px;
}

.navigation_admin a {
	color: #543;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 20px; /* rozestup odkazů v navigation admina */ 
	line-height: 44px;
}

.navigation_admin a:hover {
	color: #FCFAEA;
	text-decoration: underline;
}


/* main */
.main {
	clear: both;
	padding: 0 10px 12px 28px;
}


/* sub navigation */
.sidenav {
	float: right;
	width: 218px;
}

.nadpis {
	background: #BCB39F url(IMG/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;

	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
	color: #4A4A44;
	padding-top: 6px;
	font-weight: bold;
}

.sidenav h2 {
	background: #BCB39F url(IMG/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
}

.sidenav ul {
	margin: 0;
	padding: 0;
}

.sidenav li {
	border-bottom: 1px solid #A98;
	border-top: 1px solid #DDC;
	list-style: none;
}


.sidenav li a {
	background: #CCC3AF;
	color: #554;
	display: block;
	padding: 8px 4px 8px 25px;
	text-decoration: none;
}

.sidenav li a:hover {
	background: #D6CCB9;
	color: #654;
}


/* content */
.content {
	padding-top: 12px;
	padding-left: 10px;
	float: left;
	width: 70%;
	text-align: left;
}

.content .descr {
	color: #987E57;
	font-size: 1.2em;
	margin-bottom: 6px;
}

.content li {
	list-style: url(IMG/li.gif);
	margin-left: 16px;
	padding-bottom: 3px;
}


/* footer */
.footer {
	background: #958463 url(IMG/bgfooter.gif) repeat-x;
	color: #FED;
	font-size: 1.1em;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 900px;
}
.footer a {
	color: #FFD;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* ***********************************************************************************************************
*********************************** dále následují mnou přidané **********************************************
*********************************************************************************************************** */

.banner {
	width: 193px;
	margin-left: 12px;
}

.uvod {
	background: #FCFAEA url(IMG/uvod.jpg) no-repeat;
	font: normal 1.2em Verdana,sans-serif;
	height: 435px;
	width: 652px;
	/*margin: 0 auto;*/
	/*margin-left: -28px;*/
	margin-top: -12px;
}

.prsteny  {
	float: right;
	margin-top: 620px;
	margin-left: -50px;
}

.obrazek_napravo {
	margin-right: -5px;
	margin-left: 25px;
	float: right;
}

.obrazek_nalevo {
	margin-right: 15px;
	float: left;
}

.pozadi_obrazku img {	
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	display: block;
}

.pozadi_obrazku a {
	display: block;
	padding: 1px 1px 1px 1px;
	background: #963;
}

.pozadi_obrazku a:hover {
	display: block;
	padding: 1px 1px 1px 1px;
	background: #C60;
}

.pozadi_obrazku_stat {
	border: 1px solid #EEEEDD;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	display: block;
}

.pozadi_obrazku_stat2 {
	border: 1px solid #808080;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	display: block;
}

.obchodni_zast_sloupec {
	position: absolute;
	margin-left: 330px;
}

.typ_prstenu {
	float: right;
	display: block;
	color: #987E57;
}

.font_tabulka {
	font-size: 0.9em;
}


/* formulářové prvky */
.textpole { 
	background : white;
	border: 1px solid; 
	font-size: 9pt;
}

.textpole_disabled { 
	border: 1px solid #EED;
	color: #554;
	background : white;
	font-size: 9pt;
	text-align: left;
	width: 420px;
}

.textarea {
	font-size: 8pt; 
	border: 1px solid #555555;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.textarea_disabled {
	background : white;
	color: #554;
	font-size: 8pt; 
	border: 1px solid #eed;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 420px;
}

fieldset {
	width: 700px;
	border-color: #987E57;
	/*border-style: double;*/
	border-width: 1px 1px 1px 1px;
	padding: 10px;
}

legend {
	color: #987E57;
	width: 100px;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	margin-bottom: 0.1em;
}

.file {
	background-color: white; 
	color: black; 
	border: 1px solid black;
	margin-top: 1px; 
	margin-bottom: 0px;
	font-size: 8pt; 
}

.textpoletucne { 
	background: #eeeeee;
	border: 2px solid; 
	font-weight: bold;
	font-size: 9pt;
	width: 218px;
}

.tlacitko { /* formular obchodu */
	font-size: 9pt;
	background: #d4d0c8;
	border: 1px solid;
}

.tlacitko2 {  /* formular objednavek */
	background: #d4d0c8;
	border: 1px solid;
	font-size: 9pt;
	/*font: normal 1.1em "Lucida Sans Unicode",sans-serif;*/
	width: 150px;
	/*color: black;*/
}

.tlacitko3 {  /* sklad - udalosti - upravit/smazat */
	font-size: 9pt;
	background: #d4d0c8;
	border: 1px solid;
	width: 115px;
}

.tlacitko4 {  /* sklad - udalosti - prejmenovat */
	font-size: 9pt;
	background: #d4d0c8;
	border: 1px solid;
	width: 90px;
}

.tlacitko_delete { /* formular objednavek - delete */
	/*font-size: 9pt;*/
	background: #d4d0c8;
	border: 1px solid #555555;
	font: normal 1.2em "Lucida Sans Unicode",sans-serif;
	width: 200px;
	color: #555555;
}

.tlacitko_tisk { /* formular objednavek - tisk - nová objednávka*/
	float: right;
	background: #d4d0c8;
	border: 1px solid #555555;
	font: normal 1.2em "Lucida Sans Unicode",sans-serif;
	width: 200px;
	color: #555555;
	margin-top: 0px;
	margin-bottom: 5px;
}

.tlacitko_nova_obj { /* formular objednavek - tisk - nová objednávka*/
	/*float: right;*/
	background: #d4d0c8;
	border: 1px solid #555555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
	width: 200px;
	color: #555555;/*
	margin-top: 0px;
	margin-bottom: 5px;*/
}



.tlacitko_stav { /* formular objednavek - stav */
	background: #d4d0c8;
	border: 1px solid #555555;
	font: normal 1.2em "Lucida Sans Unicode",sans-serif;
	width: 200px;
	color: #555555;
}

.tlacitko_ucty { /* formular - ucty */
	font-size: 9pt;
	background: #d4d0c8;
	border: 1px solid;
	width: 90px;
}

.tlacitko_stav_disabled { /* formular objednavek - stav */
	background: #EEEEDD;
	border: 1px solid #EEEEDD;
	font: normal 1.2em "Lucida Sans Unicode",sans-serif;
	width: 200px;
	color: #555555;
}

.div_stav_finished { /* formular objednavek - stav */
	float: left;
	/*border: 1px solid red;*/
	display: block;
	margin-top: 2px;
	text-align: center;
	background: #EEEEDD;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
	width: 205px;
	color: #555555;
}

.roleta {
	float: right;
	background: white;
	border: 1px solid #963; 
	font-size: 9pt;
	color: #963;
	display: block;
}

.roleta2 {
	float: left;
	background: white;
	border: 1px solid #963; 
	font-size: 9pt;
	color: #963;
}

.roleta3 {
	float: left;
	background: white;
	border: 1px solid #963; 
	font-size: 10pt;
	color: #963;
}

.roleta4 {
	background: white;
	border: 1px solid #963; 
	font-size: 10pt;
	color: #963;
}


/* úpravy pro admina */
.katalog_zahlavi {
	height: 56px;
	/*width: 860px;  šířka záhlaví */
	padding-bottom: 11px;
	/*border: 1px solid red;*/
	}

.h1_bez_br {
	/*font-size: 1.4em;*/
	font: bold 1.4em "Lucida Sans Unicode",sans-serif;
	color: #654;
	margin-top: 7px;
	float: left;
	/*display: block;*/
}

.h1_bez_br .desc {
	float: left;
	color: #987E57;
	font: normal 0.8em "Lucida Sans Unicode",sans-serif;
	margin-top: 4px;
}

.filtr {
	height: 44px;
	float: right;
	background: #FFE;
	border: 1px solid #EED;
	color: #554;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	display: block;
}

.najit_model {
	height: 20px;
	float: right;
	background: #FFE;
	border: 1px solid #EED;
	color: #554;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	display: block;
}

.filtr_objednavky {
	height: 130px;
	float: right;
	background: #FFE;
	border: 1px solid #EED;
	color: #554;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	display: block;
}

.filtr_objednavky_ext {
	height: 70px;
	float: right;
	background: #FFE;
	border: 1px solid #EED;
	color: #554;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	display: block;
}

.filtr_zalohy {
	/*height: 38px;*/
	/*width: 500px;*/
	float: right;
	background: #FFE;
	border: 1px solid #EED;
	color: #554;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	/*margin: 2px;*/
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
	display: block;
}


.zahlavi_objednavky {
	width: 90px;
	border: 1px solid #EED;
	display: block;
}

.content_admin {
	padding-top: 12px;
	padding-left: 10px;
	float: left;
	width: 850px;
	text-align: left;
}

.content_admin .descr {
	color: #987E57;
	font-size: 1.1em;
	margin-bottom: 6px;
}

.left {
	float: left;
	display: block;
}

.right {
	float: right;
	display: block;
}

.typ_prstenu {
	float: right;
	display: block;
	color: #987E57;
}

/* admin sklad */
.sklad th {
	font: bold 1.2em Verdana, Helvetica, Arial, sans-serif;
	height: 9px;	
	}

.sklad td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em; 
	height: 20px;
	}

.sklad2 td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em; 
	height: 10px;
	}

/* admin objednavky */
.objednavky td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em; 
	height: 10px;
	}

.objednavky {
	/*padding-left: -1px;
	width: 848px;*/
	/*border: 1px solid #555555;  */
	/*border: 1px solid #EED; */
	}

/* admin ucty */
.ucty_textpole_disabled { 
	border: 1px solid #EED;
	color: #808080;
	background : white;
	font-size: 9pt;
	text-align: left;
	padding: 2px;
	/*width: 217px;*/
}

.textarea_disabled_ucty {
	background : white;
	color: #554;
	font-size: 8pt; 
	border: 1px solid #eed;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 400px;
}

.ucty_hlavicka {
	color: #987E57;
	display: block;
	font: normal 1.0em "Lucida Sans Unicode",serif;
}

.code_ucty {
	background: #FFE;
	border-width: thin;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 408px;
}

.filtr_ucty {
	height: 24px;
	float: right;
	background: #FFE;
	border: 1px solid #EED;
	color: #554;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	display: block;
}

.ucty_nazev	{
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	padding-top: 1px;
	margin-right: 2px;
	margin-top: 2px;
	height: 19px;
	width: 70px;
}

.ucty_jmeno	{
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	padding-top: 1px;
	margin-right: 2px;
	margin-top: 2px;
	height: 19px;
	width: 160px;
}

.ucty_datum	{
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	padding-top: 1px;
	margin-right: 2px;
	margin-top: 2px;
	height: 19px;
	width: 121px;
}

.ucty_email	{
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	padding-top: 1px;
	margin-right: 2px;
	margin-top: 2px;
	height: 19px;
	width: 216px;
}

.ucty_druh_ceny	{
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	padding-top: 1px;
	margin-right: 2px;
	margin-top: 2px;
	height: 19px;
	width: 70px;
}

.ucty_registrace {
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	/*padding-top: 1px;
	margin-right: 2px;*/
	margin-top: 2px;
	height: 19px;
	width: 279px;
}

.ucty_odkaz	{
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	/*padding-top: 1px;
	margin-right: 2px;*/
	margin-top: 2px;
	height: 19px;
	width: 279px;
}

.ucty_adresa {
	font: normal 1.0em;
	text-align: left;
	background: white;
	border: 1px solid #EED;
	color: #808080;
	padding-left: 4px;
	/*padding-top: 1px;
	margin-right: 2px;*/
	margin-top: 2px;
	margin-right: 0px;
	height: 19px;
	width: 500px;
	display: block;
}

.ucty_tlacitko_mezera {
	margin-top: 2px;
	padding-left: 4px;
}       



.o-nas_img { 
   float: right;
   width:300px;
   height:226px;
}   



.rytiny_img { 
 width:300px; 
 height:183px; 
 border-bottom: 1px solid;  
 border-top: 1px solid;  
 border-left: 1px solid;  
 border-right: 1px solid;  
 
 }     

 /* admin nový katalog*/
 .code_modely {
	background: #FFE;
	border-width: thin;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	border-bottom: 1px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 10px;
	padding-left: 20px;
	/*width: 408px;*/
}

/* HITBOX */
#hintbox{ /*CSS for pop up hint box */
	position: absolute;
	top: 20px;
	background-color: #FFE;
	width: 150px; /*Default width of hint.*/ 
	padding: 5px;
	border: 1px solid #EED;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	/*border-right: 2px solid #938262;
	border-bottom: 2px solid #938262;*/
	visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	/*
	font-weight: bold;
	color: red;
	margin: 3px 8px;
	*/
}


/* radoby tabulka pro otviraci dobu na obch. zastoupeni */
.otv1 {
	position: absolute;
	margin-left: 0px;
}

.otv2 {
	position: absolute;
	margin-left: 53px;
	text-align: center;
}

.otv3 {
	position: absolute;
	margin-left: 93px;
}

.otv4 {
	position: absolute;
	margin-left: 155px;
}

.otv5 {
	position: absolute;
	margin-left: 195px;
}