html, body					{ margin: 0; padding: 0;   font-family:  Trebouchet MS,Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; background: url(img/bg-top.jpg) repeat-x #ffffff; font-size: 12px; }
body  {}

/*---------- obecne --------------*/

h1,h2,h4,h5,h6	{ color: #3B3B3B;  }
p		     	{	color: #666666;	padding: 0px; margin: 10px 0 20px 0;	font-size: 12px;	text-align: justify; line-height: 18px; z-index: 1; }


h1				{	font-size: 20px;	line-height: 30px;font-weight: normal; margin: 0 10px 20px 0; padding: 5px 5px 0 0px;	 }
h2				{	font-size: 14px;	font-weight: bold; margin: 10px 0 15px 0;	background: #fafafa; padding: 5px 5px; border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1; }
h3				{	color: #F99A22; font-size: 15px;	font-weight: bold; padding: 0; margin: 25px 0 5px 0px; }
h4								{ font-size: 14px;  margin: 15px 0px 10px 0; padding: 0px;	}
h5								{ font-size: 13px; }

ul								{ list-style-type: none; line-height: 18px;}
li								{	list-style-type: none; padding: 0; margin: 0; }

a     {color: #E9028E; text-decoration: underline;}
a:hover     {color: #E9028E; text-decoration: none;}


/*---------- layout --------------*/



#bigbig           { width: 1274px; position: relative;margin: 0 auto;}

#bigleft          { float: left; width: 114px; height: 281px; background: url(img/bg-top-l.jpg) left top no-repeat; }
#obsah 					  { float: left; background: url(img/center.jpg) left top repeat-y; margin: 0 auto; width: 1050px; padding: 0;  text-align: left; position: relative;  height: 100%; min-height: 100%; }
#bigright         { float: left; width: 110px; height: 281px; background: url(img/bg-top-r.jpg) left top no-repeat; }




#hlavicka					{ margin: 0; background: url(img/head.jpg) right top no-repeat; width: 1050px; height: 147px; padding: 0; position: relative;}
#hlavicka2					{ margin: 0; background: url(img/head2.jpg) right top no-repeat; width: 1050px; height: 339px; padding: 0; position: relative;}
#hlavicka2	.textiky	{ position: absolute; top: 30px; left: 419px; width: 222px; height: 238px; color: white; font-size: 13px; line-height: 14px;}

input.hledej          { position: absolute; right: 18px; top: 134px; width: 39px; height: 37px; background: none; border: 0;cursor: hand; cursor: pointer;}           
input.hledej:hover    { background: url(img/hledej.jpg) right top no-repeat;}
input.vstupni         { position: absolute; right: 57px; top: 134px; width: 423px; height: 33px; background: none; border: none; font-size: 15px; color: #5b5b5b;  line-height: 33px;}

a.homepage         { position: absolute; left: 16px; top: 46px; width: 236px; height: 91px; background: url(img/carmenia.jpg) left top no-repeat; }


#logo             { width: 250px; height: 82px; position: absolute;	left: 20px;	top: 25px; }
#logo img         { border: 0px;}




/*---------- links --------------*/

#links            {	width: 300px; height: 28px;	position: absolute; right: 20px;	top: 85px; }
#links a          {	color: #C1C1C1; text-decoration: none; }
#links a:hover          {	color: #C1C1C1; text-decoration: underline; }

/*---------- vyhledavani --------------*/

#hledat              { width: 200px; height: 20px; margin: 12px 0 0 8px; position: relative; float: left; text-align: left;}
#textik_hledat       { position: absolute; left: 5px; top: 5px; float: left; width: 60px;}
#hledat form         { width: 220px; position: absolute; top: 0px; left: 0px; }
#hledat form .pole_hledani  { width: 110px;}
.tlacitko            { position: absolute; right: 40px; top: 0px; width: 59px; height: 21px; margin: 0px; background: url(img/hledej.jpg) left 0px no-repeat; border: 0;}

/*---- menu levá nabídka -----*/

#leva 				{	float: left;	width: 320px;  min-height: 165px; _height: 165px;	padding:  0;	margin: 0; position: relative; }
#leva_in 			{ margin: 0; padding: 0px 20px 30px 0px; font-size: 12px; color: #424242;}
.nadpislevej  { background: url(img/menuhead.jpg) left 0px no-repeat; width: 320px; height: 51px;}
.menuleve     { padding: 0 0 20px 50px;}

#stredni 					{	float: right;	width: 730px;  min-height: 165px; _height: 165px;	padding:  0;	margin: 0; position: relative; }
#stredni_in 			{ margin: 0; padding: 0px 20px 30px 20px; font-size: 12px; color: #424242;}
#stredni_in ul 		{ padding: 3px 0 0 20px; margin: 0 0 20px 10px;}
#stredni_in ul li			{list-style: circle; }


#top_menu	{ position: absolute; left: 25px; top: 192px;width: 900px; height: 50px; padding: 0; margin: 0 auto;  position: relative; z-index: 25; }

#tm							  { float: left; padding: 0; margin: 0px 0 0 0px; list-style: none; }
#tm ul 						{ list-style: none; margin:0; padding: 0;}
#tm li 						{ float: left; height: 60px;padding: 0px; margin: 0px; position: relative; text-align: left; background: url(img/menu-right.jpg) right top no-repeat;}
#tm li a					{	font-size: 13px; font-weight: bold;	color: #ffffff;	margin: 11px 0px 0px 0px; padding: 5px 23px; text-decoration: none; display: block; }
#tm li a:hover		{ font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; }

.lm							  { float: left; padding: 0; margin: 0px 0 40px 0px; list-style: none; }
.lm ul 						{ list-style: none; margin:0; padding: 0;}
.lm li 						{ float: left; width: 100%; height: 30px;padding: 0px; margin: 0px; position: relative; text-align: left; background: url(img/menu-right.jpg) right top no-repeat;}
.lm li a					{	font-size: 13px; font-weight: bold;	color: #F4008A;	margin: 5px 0px 0px 0px; padding: 5px 0px 0 0px; text-decoration: none; display: block; }
.lm li a:hover		{ font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; }



#ikony            { position: absolute; right: 17px; top: 55px;width: 227px; height: 32px; padding: 0;}
#ikony a img      { float: left; margin: 5px 19px 0 0; border: 0;}

#paticka						{	float: left; background: url(img/bottom.jpg) no-repeat; width: 1050px; height: 90px; text-align: left; margin: 0; padding: 0; position: relative;  }
#paticka_in					{ padding: 33px 0 10px 20px; color: #aaaaaa; font-size: 12px; line-height: 18px; }
#paticka	a					{ color: #FA9D1C; text-decoration: none;}
#paticka	a:hover		{ color: #FA9D1C; text-decoration: underline;}
#paticka_text 			{ width: 637px; line-height: 18px; text-align: center; margin: 0 0 0 30px; font-size: 10px; } 
#paticka_text a			{ color: #FA9D1C; text-decoration: underline; } 
#paticka_text a:hover			{ color: #FA9D1C; text-decoration: none; } 
#paticka img			  { border: 0px;}

#websoul            { width: 94px; height: 42px; position: absolute; right: 20px; top: 33px; }

span.clearboth		 { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }


/************ gallery ********/
.gallery    {float: right; width: 250px; margin: 20px 0px 0px 00px; padding: 5px; background: #ffffff; }
.gallery img   { border: 0; }
.gallery .photomain { width: 250px; margin-bottom: 0px;}
.gallery img.doprava {float: left; border: 0;}
.gallery .photomain .photo { width: 250px; text-align: center; }
.gallery .male_nahledy {  width: 80px; text-align: center;  float: left;}
.gallery .vsechny_nahledy {  width: 250px; margin: 0px 0px 0 00px;  text-align: center;  }
.gallery .male_nahledy img.small { margin: 10px 0px 0 5px; padding: 0 5px;}

.gallery2_male_nahledy  { width: 170px; text-align: center; float: left; }
.gallery2_male_nahledy a { border: none; }
.gallery2_male_nahledy a img { margin: 10px 0px 15px 0px; padding: 4px; border: 1px solid #DEE1E8; background: #ffffff;}


/*------------ FILES ------------*/
.download_files						{ border: 1px solid #DEE1E8; min-height: 98px; _height: 98px; background: url(img/bg-files.png) right top no-repeat; width: 690px; margin: 10px 0 20px 0px; font-size: 12px; }

table.files_t						{ width: 500px; border-collapse: collapse; margin: 10px 0 20px 20px; }
table.files_t th				{ background: none; color: #999999; padding: 3px 3px 10px 5px; text-align: left; font-size: 14px;}
table.files_t th.nazev	{ width: 50%; }
table.files_t td				{ padding: 10px 3px 10px 5px; font-size: 11px; color: #666666; border-bottom: 1px dashed #efefef; }
table.files_t td a				{ font-size: 11px; color: #fe6b12; text-decoration: underline;}
table.files_t td a:hover				{ font-size: 11px; color: #fe6b12; text-decoration: none;}
table.files_t td a img 	{border: none;}



/*------------- novinka --------------------*/
.novinka          { float: left; width: 320px; height: 170px; margin: 10px 10px 0px 0px;	padding: 0px; background: none; border: 1px solid #e2e2e2; position: relative; }
.novinka:hover    { float: left; width: 320px; height: 170px; margin: 10px 10px 0px 0px;	padding: 0px; background: #fafafa; border: 1px solid #e2e2e2; position: relative; }
.novinka_in       { padding: 15px 15px 55px 15px;  }
.kalendar         { float: left; width: 45px; height: 40px; margin: 0 10px 6px 0;	padding: 0px; background: url(img/kalendar.jpg) left top no-repeat; position: relative;}
.datum            { color: #452a08; font-size: 9px; line-height: 10px; position: absolute; left: 4px; top: 15px; text-align: center; }
.nadpis_novinka   { font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
.nadpis_novinka a { font-size: 12px; font-weight: bold; margin: 0; padding: 0; color: #003E7E; text-decoration: underline; }
.nadpis_novinka a:hover  { text-decoration: none; font-weight: bold; text-decoration: none; }
.novinka p        { padding: 5px 0 0 0; margin: 0; color: #666666; text-align: left;  }
.vice             { position: absolute; bottom: 15px; right: 15px; }
.vice a           { float: right; font-size: 12px; margin: 0; padding: 0 0 0 15px; color: #003E7E; background: url(img/li.jpg) left 5px no-repeat;  text-decoration: underline;}
.vice a:hover     {  text-decoration: none; }


/*---------- vysledky vyhledavani -------------*/
.results { margin-top: 40px; }
.results h3 	{		padding: 0;		margin: 0 0 8px 0;				font-size: 1em;}
.results h3 span 	{ 		color: #A4A4A4; font-weight: normal;}
.results h4 	{		padding: 5px 0 5px 15px;		margin: 0 0 0 10px;		font-size: 1.1em;		background: url(img/pozadi_odrazka_hledani.gif) no-repeat 0 50%;		}
.results h4 a.pod { color: #A4A4A4; font-size: .8em; }

/* ----------- MAPA ----------------------------*/

div.level_0					 { padding-left: 15px; }
div.level_0	a				 { padding-left: 15px; line-height: 22px;  color: #aa3632; text-decoration: none; }
div.level_0	a:hover	 { color: #5C9B16; text-decoration: underline; }

div.level_1					 { padding-left: 15px; }	
div.level_1 a				 { padding-left: 15px; line-height: 22px;  color: #aa3632; }

div.level_2					 { padding-left: 10px; }	
div.level_2 a				 { padding-left: 10px; line-height: 22px; background: url(img/li.jpg) 0px 4px no-repeat; color: #aa3632; }


/*----------kontaktni formular ------------*/
.form_r fieldset						{ width: 230px; color: #666666; font-size: 12px;  padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
h2.napiste_nam						{ color: #f07e2b; font-size: 18px;	font-weight: normal; margin: 20px 0 0px 0; }
.form_r label							{ float: left; margin-top: 3px; width: 200px; font-size: 12px; }
fieldset .form_r select							{ float: left; margin-top: 3px; width: 150px; font-size: 12px; }
.form_r input							{ font-size: 12px; float: left; width: 265px; margin: 2px 0 2px 0; }
.form_r br								{ clear: both;} 
.form_r textarea				{ margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r select				{ margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r .red, .form_r em			{ color: #f07e2b; margin: 0px; }
.form_r img			{ border: 0px; float: left; padding: 5px 5px 5px 0px;  }
input.zprava      { float: right; width: 59px; height: 21px; margin: 0px; background: url(img/odeslat.jpg) left center no-repeat; border: 0;}
.uspesne_odeslani						{ width: 270px; color: #ffffff; font-size: 12px; background: green; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatne_udaje						{ width: 270px; color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatny_kod						{ width: 270px; color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }


.prvni    {width: 221px; height: 45px; margin: 10px 0 10px 0; padding: 0px 0 0 0; background: url(img/prvni.png) left top no-repeat; text-align: center; line-height: 16px;}
.druhy    {width: 221px; height: 45px; margin: 10px 0 10px 0; padding: 8px 0 0 0; background: url(img/druhy.png) left top no-repeat; text-align: center;}
.druhy strong  {color: black;}
.treti    {width: 221px; height: 56px; margin: 10px 0 10px 0; padding: 5px 0 0 0; background: url(img/treti.png) left top no-repeat; text-align: center;}
.treti strong  {color: black;}


.form_app fieldset		  		{ width: 600px; color: #666666; font-size: 12px;  padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
.form_app label							{ float: left; margin-top: 3px; width: 200px; font-size: 12px; }
.form_app label.big					{ float: left; margin-top: 3px; width: 600px; font-size: 12px; }
.form_app input							{ font-size: 13px; float: left; width: 380px; margin: 2px 0 2px 0; }
.form_app input.small				{ font-size: 13px; float: left; width: 30px; margin: 2px 0 2px 0; }
.form_app span	       			{ font-size: 12px; float: left; margin: 2px 0 2px 0; }
.form_app input.sub			    { font-size: 13px; float: left; width: 120px; margin: 2px 0 2px 0; }
.form_app br								{ clear: both;} 
.form_app textarea			   	{ margin: 3px 0 2px 0; float: left; width: 580px; }



#tisk {float: right; margin: 20px 10px 0 0;}
#tisk a {text-decoration: none;}
#tisk a:hover {text-decoration: underline;}
#tisk a img {margin: 5px 0 0 0; text-decoration: none; border: 0;}

#navigace { position: absolute; left: 340px; bottom: 15px; }
#navigace a { color: #E381B2;}


.ikony 					{	float: right;	width: 357px;	padding: 0;	margin: 30px 20px 0 0; position: relative; }  
.ikony a				{	color: #c83552; font-size: 11px; padding: 0; text-decoration: underline;  } 
.ikony a:hover	{	color: #c83552; text-decoration: none;  } 
.ikony .print 	{	float: right; height: 25px; margin: 0 0px 0 25px;	padding: 4px 0 0 25px;	 background: url(img/mini-tisk.jpg) no-repeat left 3px; }
.ikony .send 		{	float: right; height: 25px; margin: 0 0px 0 25px;	padding: 4px 0 0 30px;	 background: url(img/mini-obalka.jpg) no-repeat left 1px; }


input.rad {width: 20px;}


.subpage        { width: 100%; background: #fafafa; border: 1px solid #efefef; margin: 10px 0 0 0;}
.subpage_in     { padding: 10px;}

.sort_subpage  {float: left;width: 472px; height: 317px; background: url(img/akce-nahled.jpg) no-repeat; margin: 0 4px 20px 4px; padding: 0; position: relative;}
.sort_subpage .cislonabidky { position: absolute; left: 3px; top: 7px; width: 126px; height: 27px; color: black; font-weight: bold; text-align: center;}
.sort_subpage .obrazek      { position: absolute; left: 2px; top: 29px; width: 195px; height: 160px; }
.sort_subpage .obrazek img  { border: 5px solid white; }
.sort_subpage .titul a      { position: absolute; left: 202px; top: 35px; width: 260px; height: 60px; color: black; font-weight: bold; text-decoration: underline; font-size: 16px;}
.sort_subpage .popis        { position: absolute; left: 202px; top: 60px; width: 260px; height: 200px; color: #666666; font-weight: normal; font-size: 13px;}

.sort_subpage .cena       { position: absolute; left: 202px; top: 170px; width: 102px; height: 60px; background: url(img/cena.jpg) no-repeat;color: white; font-weight: normal; font-size: 15px; line-height: 60px; text-align: center; font-weight: bold;}
.sort_subpage .koupit     { position: absolute; left: 306px; top: 170px; width: 79px; height: 60px; background: url(img/koupit.jpg) no-repeat;color: white; font-weight: normal; font-size: 15px; line-height: 60px; text-align: center; font-weight: bold;}
.sort_subpage .detail     { position: absolute; left: 387px; top: 170px; width: 79px; height: 60px; background: url(img/detail.jpg) no-repeat;color: white; font-weight: normal; font-size: 15px; line-height: 60px; text-align: center; font-weight: bold;}

.sort_subpage .puvodne    { position: absolute; left: 7px; top: 180px; width: 65px; height: 60px; color: #aaaaaa; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}
.sort_subpage .puvodne strong   { color: #333333; }

.sort_subpage .sleva    { position: absolute; left: 72px; top: 180px; width: 50px; height: 60px; color: #aaaaaa; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}
.sort_subpage .sleva strong   { color: #333333; }

.sort_subpage .usetrite    { position: absolute; left: 122px; top: 180px; width: 65px; height: 60px; color: #aaaaaa; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}
.sort_subpage .usetrite strong   { color: #333333; }

.sort_subpage .muzete    { position: absolute; left: 3px; top: 242px; width: 188px; height: 15px; color: #666666; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}

.sort_subpage .zakoupilo    { position: absolute; left: 202px; top: 242px; width: 260px; height: 20px; color: #F89A16; font-weight: normal; font-size: 14px; text-align: center; }
.sort_subpage .zakoupilo strong   { font-weight: bold; }

.sort_subpage .ziskani    { position: absolute; left: 202px; top: 292px; width: 260px; height: 20px; color: #88898c; font-weight: normal; font-size: 12px; text-align: center; }
.sort_subpage .ziskani strong   { font-weight: bold; }

.sort_subpage .bar      {position: absolute; left: 202px; top: 272px; width: 260px; height: 5px; border: 1px solid #ececec; background: white;  }
.sort_subpage .bar2      {padding: 1px; height: 3px; background: #F89A16;  }


.sort_subpage #casnabidky1  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}
.sort_subpage #casnabidky2  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}
.sort_subpage #casnabidky3  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}
.sort_subpage #casnabidky4  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}
.sort_subpage #casnabidky5  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}
.sort_subpage #casnabidky6  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}
.sort_subpage #casnabidky7  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}
.sort_subpage #casnabidky8  { position: absolute; left: 9px; bottom: 25px; width: 130px; height: 27px; color: black; font-weight: bold;}

.sort_page    {    float: left; background: #F6F6F6; border: 1px solid #EAEAEA; width: 300px; margin: 0px 0; -moz-border-radius: 10px; height: 300px;}
.sort_page_in {    padding: 5px; position: relative;}

.sort_page_in .sort_page_pravej { float: right; width: 500px; position: relative;}
.obrazek { float: right; margin: 0px; width: 500px; position: relative;}
.popisek { float: right; margin: 15px 0 0 0px; width: 640px; position: relative; font-size: 15px; font-weight: bold; color: #626262;}
.popisek strong {  font-weight: bold; color: #FA9B23; font-size: 16px;}

.sort_page_in #casnabidkydetail  { position: absolute; left: 11px; top: 170px; width: 277px; height: 54px; color: black; font-weight: bold; background: url(img/casbg.jpg) no-repeat;}

.sort_page_in .puvodne    { position: absolute; left: 7px; top: 15px; width: 92px; height: 60px; color: #aaaaaa; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}
.sort_page_in .puvodne strong   { color: #333333; font-size: 16px;}

.sort_page_in .sleva    { position: absolute; left: 99px; top: 15px; width: 92px; height: 60px; color: #aaaaaa; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}
.sort_page_in .sleva strong   { color: #333333;font-size: 16px; }

.sort_page_in .usetrite    { position: absolute; left: 191px; top: 15px; width: 100px; height: 60px; color: #aaaaaa; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}
.sort_page_in .usetrite strong   { color: #333333;font-size: 16px; }

.sort_page_in .cena       { position: absolute; left: 58px; top: 72px; width: 102px; height: 60px; background: url(img/cena.jpg) no-repeat;color: white; font-weight: normal; font-size: 15px; line-height: 60px; text-align: center; font-weight: bold;}
.sort_page_in .koupit     { position: absolute; left: 162px; top: 72px; width: 79px; height: 60px; background: url(img/koupit.jpg) no-repeat;color: white; font-weight: normal; font-size: 15px; line-height: 60px; text-align: center; font-weight: bold;}

.sort_page .muzete    { position: absolute; left: 53px; top: 150px; width: 188px; height: 15px; color: #666666; font-weight: normal; font-size: 13px; text-align: center; font-weight: bold;}

.sort_page .zakoupilo    { position: absolute; left: 15px; top: 240px; width: 260px; height: 20px; color: #F89A16; font-weight: normal; font-size: 14px; text-align: center; }
.sort_page .zakoupilo strong   { font-weight: bold; }

.sort_page .ziskani    { position: absolute; left: 15px; top: 272px; width: 260px; height: 20px; color: #88898c; font-weight: normal; font-size: 12px; text-align: center; }
.sort_page .ziskani strong   { font-weight: bold; }

.sort_page .bar      {position: absolute; left: 20px; top: 260px; width: 260px; height: 5px; border: 1px solid #ececec; background: white;  }
.sort_page .bar2      {padding: 1px; height: 3px; background: #F89A16;  }

.prvnitretina      { float: left; width: 300px; margin: 0 30px 20px 0;}
.druhatretina      { float: left; width: 300px; margin: 0 0px 20px 0;}
.tretitretina      { float: right; width: 300px; margin: 0 0px 20px 20px;} 
.dvetretiny   { float: left; width: 630px; margin: 0 0px 20px 0;}
.facebook      { float: right; width: 300px; margin: 0 0px 20px 20px;}
