Projekt

Obecné

Profil

Stáhnout (14.4 KB) Statistiky
| Větev: | Tag: | Revize:
1 6daefa8c Petr Lukašík
@media screen, projection{
2
body{padding:0; margin:0; font-family:Verdana,Arial,sans-serif; font-size:83%; background:#fff; color:#000;}
3
h1,h2,h3{font-size:120%; margin:1em 0 0.5em;} h1{margin:0.2em 0;} h2{font-size:140%; font-weight:normal;} h3{font-size:110%;}
4
/*#head h1{border:1px solid black;}*/
5
.width_50 h2,.width2_50 h2,.kroky h2,#news_home h2{font-size:120%; font-weight:bold; margin:0;}
6
.kroky h2{font-size:110%;}
7
8
hr{height:1px; border:none; border-bottom:1px dashed #D9D9D9; clear:left; margin-top:1em 0; padding-top:0.5em;}
9
10
pre{font-family:monospace; margin-top:0;}
11
12
p,
13
#content ul,
14
div.akce_home{
15
	margin-top:5px;
16
	margin-bottom:20px;
17
}
18
19
ol li{margin:1em 0;}
20
21
/* BARVY */
22
.white,
23
#domenapruh, #domenapruh div, #domenapruh a,
24
.help span, .akce_home span,
25
.jmeno_domeny, th{
26
	color:#fff;
27
}
28
29
.black,
30
.floatright h2,
31
.cena_objednavky,
32
#domenapruh a:hover,
33
.help:hover,
34
.cena_objednavky,
35
h2 span{
36
	color:#000;
37
}
38
39
.red,
40
a, h2,
41
em, .help em,
42
#slogan span,
43
.akce_home strong,
44
#news_home strong,
45
.kroky h2{
46
	color:#D93300;
47
}
48
49
.gray, .adress{color:#A6A6A6;}
50
.color1{background:yellow;}
51
52
/* HLAVNI */
53
#head, #main, #domenapruh{position:relative;}
54
#slogan, #left{position:absolute;}
55
#head, #main, #left, #domenapruh{top:0; left:0;}
56
57
#head{padding:18px 34px;}
58
59
#slogan{
60
	top: 15px;
61
	right: 34px;
62
	font-size: 180%;
63
	color: #bbb;
64
	text-align: right;
65
	margin-left: 150px;
66
}
67
68
#slogan form{font-size: 45%; margin-top: 15px;}
69
70
#domenapruh{padding: 6px 34px; background: #D93300}
71
72
#left{width: 199px; border-right: 1px dashed #D9D9D9; border-bottom: 1px dashed #D9D9D9;}
73
74
#label{
75
	padding: 3px 34px;
76
	text-align: right;
77
	background: #FFB453;
78
	border-bottom: 1px solid #D93300;
79
}
80
81
#main{border-top: 1px solid #D93300;}
82
#content{padding: 0 36px 0 220px;}
83
#content2{padding: 20px 36px;}
84
85
.content_home{margin-right: 150px;} .content_home div.hack{width:100%;}
86
.content_home2{margin-right: 230px;}
87
88
#drobecky{padding: 5px 0 0 220px;}
89
90
#news_home{
91
	position: absolute;
92
	top: 2.2em;
93
	right: 0;
94
	padding-top: 21px;
95
	padding-right: 10px;
96
	width: 165px;
97
	font-size: 85%;
98
}
99
100
#news_home div{padding-left: 10px;}
101
102
.adress{font-size:85%; margin-left:220px; padding-right:36px}
103
104
.cena_objednavky{
105
	right: 34px;
106
	bottom: 10px;
107
	padding: 5px;
108
	margin-top: 3px;
109
	margin-left: 10px;
110
}
111
112
.novinky{
113
	font-size: 80%; margin-top: 5px;
114
	padding: 0 10px;
115
	border: 1px solid #D9D9D9;
116
	background: #F9F9F9;
117
}
118
119
.novinky p{margin-bottom: 10px;}
120
121
.novinky hr{display:none;}
122
123
/* NAV + VLEVO */	
124
#navigation ul{list-style: none; padding: 0; margin: 0;}
125
#navigation li{border-bottom: 6px solid #fff;}
126
#navigation li li{margin: 0; background: #F2F2F2; border-bottom: 1px solid #fff;}
127
#navigation li li li{border: none; border-top: 1px solid #fff;}
128
129
.nadpis_sekce{
130
	font-size: 110%;
131
	font-weight: bold;
132
	padding: 2px 0 3px 17px;
133
	background: #E5E5E5;
134
	border-bottom: 1px solid #fff;
135
}
136
137
#info{font-size: 85%; padding: 15px; margin-top: -10px;}
138
139
.adress ul, .adress li{list-style: none; display: inline; padding: 0; margin: 0;}
140
141
/* ODKAZY */
142
a{text-decoration: underline;}
143
a:visited{color: #A02600;}
144
a:hover{color: #000; text-decoration: none; background-color: #FFC77F;}
145
146
#navigation a{
147
	color: #000;
148
	display: block;
149
	padding: 2px 0 3px 12px; margin: 0;
150
	border-left: 5px solid #D9D9D9;
151
	/*text-decoration:none;*/
152
}
153
154
#navigation li li li a,
155
#navigation li li li a.active{
156
	font-size: 85%;
157
	padding: 2px 0 3px 18px;
158
	background: #FFE5C3;
159
	border-left: 5px solid #FFB453;
160
}
161
162
#navigation a:hover,
163
#navigation a:hover.active,
164
#navigation li li li a:hover.active{
165
	text-decoration: underline;
166
	background: #F2F2F2;
167
	border-left-color: #D93300;
168
}
169
170
#navigation a.active{
171
	color: #000;
172
	background: #FFD8A6;
173
	border-left-color: #FFB453;
174
}
175
176
#navigation li li li a.active{
177
	color:#000;
178
	background:#FFE5C3;
179
	border-left-color:#D93300;
180
}
181
182
.pdf{padding-left:22px; background:transparent url(../images/pdf.gif) 0 50% no-repeat;}
183
184
#head a, #head a:hover{background:transparent;}
185
186
#content a[href^='http:'], #content a[href^='https:']{
187
	padding-right: 9px;
188
	background: url(../images/a_ven.gif) 100% 2px no-repeat;
189
}
190
191
#content a[href^='http:']:hover, #content a[href^='https:']:hover{
192
	background:#FFC77F url(../images/a_ven2.gif) 100% 2px no-repeat;
193
}
194
195
/* FORM */
196
form{margin:0;}
197
#left input{margin:2px 0;}
198
199
fieldset{margin-top:1em; background:#f5f5f5; border:1px solid #ddd; _padding:0.5em;}
200
legend{color:#000; padding:0.3em 1em; font-weight:bold; background:#fff; border:1px solid #ddd; _margin-top:0.3em;}
201
.obecne fieldset,.obecne legend{background:#FFEACF; border-color:#FFB453;}
202
.sluzby fieldset,.sluzby legend{background:#F5D9D0; border-color:#E88567;}
203
.podpora fieldset,.podpora legend{background:#D3EDF5; border-color:#7CBACC;}
204
.prechod fieldset,.prechod legend{background:#D5F6EC; border-color:#45B18F;}
205
.obecne fieldset,.sluzby fieldset,.podpora fieldset,.prechod fieldset{background:#fff;}
206
207
/*input:hover,select:hover,input:hover,#content input:focus,#left input:focus,*/.cena_objednavky{background-color:#FFB453; border-color:#000;}
208
	
209
/*#content input:focus,#left input:focus{border-style:solid; background-color:#eee;}*/
210
211
/* FORM OBJ */
212
.forms{width: 290px; margin-right: 10px;}
213
.forms2{width: 130px; margin-right: 0;}
214
.forms3{width: 100%;}
215
216
.forms3 .row label,
217
.forms3 .row span,
218
.forms3 .row_check_radio label,
219
.forms3 .row_check_radio span{
220
	width: 200px;
221
}
222
223
.row, .row_check_radio{clear: left; padding-top: 0.5em;}
224
.row label, .row input, .row span{width: 140px;}
225
.row span.neni_mail{margin-left: 290px; margin-top: -1.5em;}
226
227
.need{/*border: 1px solid black; */background:#FFF1E0;}
228
229
/* TAB */
230
table{
231
	font-size:100%;
232
	margin: 5px 0 15px 0;
233
	border: none;
234
	border-collapse: collapse;
235
}
236
237
th, td{padding: 3px 10px; border: 1px solid #D9D9D9;}
238
th{text-align: left; background: #FFB453;}
239
.tdsvetle{background: #F8F8F8;}
240
tr:hover{background: #eee;}
241
242
.no_border, .no_border td, .no_border th, #head a img{border: none;}
243
.active_tr{background: #FFE4C1;}
244
.kroky td, .kroky th{padding: 3px;}
245
246
table div{margin: -3px -10px;}
247
table div table{border: none; margin: 0; width: 100%; height: 100%;}
248
249
/* OSTATNI */
250
.objednat{margin: 10px 0;}
251
252
.objednat form{
253
	padding: 6px;
254
	background: #F9F9F9;
255
	border: 1px solid #D9D9D9;
256
}
257
258
.obj_content{margin-right: 210px;}
259
260
.kroky{
261
	width: 170px;
262
	padding: 10px;
263
	margin-bottom: 10px; _margin-top:20px;
264
	background: #FAFAFA;
265
	border: 1px solid #7A7A7A;
266
}
267
268
.kroky ul{margin: 0; padding: 0; list-style-type: none;}
269
.kroky li{padding: 2px 0 2px 15px;}
270
271
.krok_active{background: #FFE4C1 url(../images/sipka_red_to_right.gif) 0 50% no-repeat;}
272
.krok_ok{background: #FAFAFA url(../images/fajfka_green_ok.gif) 0 50% no-repeat;}
273
274
.screenshots{margin-top: 5px;}
275
.screenshots div{text-align: center; font-size: 80%; width: 100px; height: 130px; margin:5px; float: left;}
276
.screenshots div a img{border: none;}	
277
278
.foto-blog{float:left; width:142px; height:180px; font-size:85%; margin-right:15px;}
279
.foto-blog div{display:table-cell; width:140px; height:140px; text-align:center; vertical-align:middle; background:#f4f4f4; border:1px solid #ddd;}
280
.foto-blog div a img{border:1px solid #000;}
281
.foto-blog div:hover{background:#ddd;}
282
283
.hidden,.print,.printurl{display: none;}
284
.visibility{visibility: hidden;}
285
.right{text-align: right;}
286
.center{text-align: center;}
287
.justify{text-align: justify;}
288
.top{vertical-align: top;}
289
.floatright{float:right; position: relative;}
290
img.floatright{margin-right:-35px; background:#fff;}
291
292
.floatleft,
293
.row label,
294
.row_check_radio label,
295
.forms,
296
.forms2,
297
.row span{
298
	float: left;
299
	/*position: relative;*/
300
}
301
302
.clear{clear: both;}
303
.clear_left{clear: left;}
304
.clear_right{clear: right;}
305
306
.help, blockquote{line-height:14px; padding:10px; border:1px solid #D9D9D9; background:#F9F9F9;}
307
308
.help span,.akce_home span{background: #D93300;}
309
310
.jmeno_domeny{padding:10px; background:#FFB453; border:1px solid #D93300;}
311
312
.width_190{width:190px;}
313
314
.width_50, .width2_50{
315
	width:49%;
316
	margin-right:1%;
317
	margin-top:5px;
318
	float:left;
319
}
320
321
.width2_50{margin-right: 0;}
322
.width_50 div, .width2_50 div{border:1px solid;}
323
.width_50 h3, .width2_50 h3{color:#000; padding:0; margin-top:0;}
324
.width_50 h4, .width2_50 h4{font-size:100%;	padding:3px 0;	margin:0;}
325
.width_50 p, .width2_50 p{margin:0.5em 0;}
326
.width_50 div form div, .width2_50 div form div{border:none;}
327
328
.orangebox div,.greenbox div{padding:5px;}
329
.orangebox div p,.greenbox div p{font-weight:bold; padding:0 5px;}
330
.orangebox div{border-color:#FF9000; background:#FFC77F;}
331
.greenbox div{border-color:#45B18F; background:#96D3C0;}
332
333
.poprve{font-size:90%; width:200px; padding:0.7em; margin-left:0.7em; border:1px solid #D9D9D9; background:#F9F9F9;}
334
.poprve h3{font-size:130%; margin:0}
335
.poprve p{margin:0.5em 0;}
336
.poprve ul{list-style-type:none; padding:0; margin:0;}
337
.poprve li{padding:0.1em 0;}
338
339
.w30{width:30%;}
340
341
#news_home div div{
342
	padding:5px 5px 5px 60px;
343
	margin-bottom:5px;
344
	background-color:#fff;
345
	border:1px solid #D9D9D9;
346
}
347
348
#news_home div div h3{
349
	color: #FF9900;
350
	font-size: 110%;
351
	margin-bottom: 3px;
352
	margin-top: 0;
353
}
354
355
#soutez{float:right; margin:0 0 1em 2em; text-align:center;}
356
#soutez h3{margin:0;}
357
#soutez a img{border:none;}
358
359
.header{padding:15px 0 15px 60px; background-position:0 50%;}
360
361
.div_seznam{margin-left:20px;}
362
.div_seznam li{margin-left:1.5em;}
363
364
.akce_home{padding:10px; background:#FFF5E9; border:1px solid #D93300;}
365
.akce_home hr{border-bottom:1px dashed #D93300;}
366
367
.add{margin-top: -12px; margin-bottom: 10px;}
368
.add_top{margin-top: -24px; margin-bottom: 24px; text-align: right;}
369
370
.ssl{
371
	font-size: 80%;
372
	padding: 10px 5px 15px 70px;
373
	border-top: 1px dashed #D9D9D9;
374
	background: white url(../images/ikonky/zamek_maly.gif) 30px 5px no-repeat;
375
}
376
377
.map1{width: 30%; padding-right: 3%;}
378
.map1 h4{display: inline;}
379
.map1 p{font-size: 90%; color: gray;}
380
381
.none, a.logo img{border: none;}
382
.small, .help{font-size: 85%;}
383
hr.hrwhite{border-bottom-color: white;}
384
385
/* ----------------- ***** IKONKY NA WEBU V RUZNYCH TAZICH ***** ---------------- */
386
.ik_zaklad{background: #fff url(../images/ikonky/zaklad_01.gif) 5px 5px no-repeat;}
387
.ik_secur{background: #fff url(../images/ikonky/zamek.gif) 10px 5px no-repeat;}
388
.ik_stat{background: #fff url(../images/ikonky/stat_01.gif) 5px 5px no-repeat;}
389
.ik_db{background: #fff url(../images/ikonky/db_01.gif) 5px 7px no-repeat;}
390
.ik_mail{background: #fff url(../images/ikonky/mail_01.gif) 5px 5px no-repeat;}
391
.ik_nastaveni{background: #fff url(../images/ikonky/nastaveni_01.gif) 5px 5px no-repeat;}
392
.ik_podpora{background: #fff url(../images/ikonky/podpora_01.gif) 10px 5px no-repeat;}
393
.ik_neomezeno{background: #fff url(../images/ikonky/neomezeno_01.gif) 5px 5px no-repeat;}
394
.ik_hodiny{background: #fff url(../images/ikonky/hodinky_01.gif) 5px 5px no-repeat;}
395
.ik_slozka{background: #fff url(../images/ikonky/slozka.gif) 5px 5px no-repeat;}
396
.ik_tuzka{background: #fff url(../images/ikonky/tuzka.gif) 5px 5px no-repeat;}
397
.ik_planeta{background: #fff url(../images/ikonky/planeta.gif) 5px 5px no-repeat;}
398
399
.ik_zaklad2,.ik_stat2,.ik_db2,.ik_mail2,.ik_slozka2,.ik_nastaveni2,.sluzba{
400
	background: #FAFAFA;
401
	background-position: 5px 5px;
402
	background-repeat: no-repeat;
403
	border: 1px solid #E5E5E5;
404
	font-size:83%;
405
	margin-bottom:0.5em;
406
}
407
408
.sluzba{font-size:100%; /*min-height:11em; */background-position: 17px 12px; background-image: url(../images/ikonky/sl_planeta.gif);}
409
.sluzba h2{margin-top:0.5em;}
410
.sluzba p,.sluzba h2{padding:0 1em 0 80px;}
411
.sl2{background-image: url(../images/ikonky/sl_slozka-planeta.gif);}
412
.sl3{background-image: url(../images/ikonky/sl_dedik.gif);}
413
414
.ik_zaklad2{background-image: url(../images/ikonky/gray_zaklad_01.gif); min-height: 100px;}
415
.ik_stat2{background-image: url(../images/ikonky/gray_stat_01.gif); min-height: 100px;}
416
.ik_db2{background-image: url(../images/ikonky/gray_db_01.gif); min-height: 100px;}
417
.ik_mail2{background-image: url(../images/ikonky/gray_mail_01.gif); min-height: 100px;}
418
.ik_slozka2{background-image: url(../images/ikonky/gray_slozka.gif); min-height: 100px;}
419
.ik_nastaveni2{background-image: url(../images/ikonky/gray_nastaveni_01.gif); min-height: 100px;}
420
421
.ik_zaklad2 p, .ik_stat2 p, .ik_db2 p, .ik_mail2 p, .ik_slozka2 p, .ik_nastaveni2 p{padding: 10px 10px 10px 60px;}
422
.ik_zaklad2 li, .ik_stat2 li, .ik_db2 li, .ik_mail2 li, .ik_slozka2 li, .ik_nastaveni2 li{margin-left: 34px;}
423
.ik_zaklad2 h2, .ik_stat2 h2, .ik_db2 h2, .ik_mail2 h2, .ik_slozka2 h2, .ik_nastaveni2 h2{padding: 10px 0 0 60px;}
424
425
.ik_zaklad2_small_1, .ik_stat2_small_1, .ik_db2_small_1, .ik_mail2_small_1, .ik_slozka2_small_1, .ik_nastaveni2_small_1{
426
	background: #F1F1F1;
427
	background-position: 50% 5px;
428
	background-repeat: no-repeat;
429
}
430
431
.nav_klientska_sekce{padding-bottom: 5px; border: 1px solid #fff;}
432
.nav_klientska_sekce ul{margin: 0; padding: 0;}
433
434
.nav_klientska_sekce li{
435
	position: relative;
436
	display: block;
437
	text-align: center;
438
	margin: 3px 3px 0 0;
439
	padding: 0;
440
	float: left;
441
}
442
443
.nav_klientska_sekce ul a{
444
	display: block;
445
	height: 25px;
446
	font-size: 80%;
447
	padding: 40px 10px 5px;
448
	background-position: 50% 5px;
449
	background-repeat: no-repeat;
450
	border: 1px solid #F1F1F1;
451
	float: left;
452
}
453
454
.ik_zaklad2_small_1, .ik_zaklad2_small_2			{background-image: url(../images/ikonky/small_zaklad_01.gif);}
455
.ik_stat2_small_1, .ik_stat2_small_2					{background-image: url(../images/ikonky/small_stat_01.gif);}
456
.ik_db2_small_1, .ik_db2_small_2							{background-image: url(../images/ikonky/small_db_01.gif);}
457
.ik_mail2_small_1, .ik_mail2_small_2					{background-image: url(../images/ikonky/small_mail_01.gif);}
458
.ik_slozka2_small_1, .ik_slozka2_small_2			{background-image: url(../images/ikonky/small_slozka.gif);}
459
.ik_nastaveni2_small_1, .ik_nastaveni2_small_2{background-image: url(../images/ikonky/small_nastaveni_01.gif);}
460
461
.nav_klientska_sekce a:hover,
462
.nav_klientska_sekce .ik_zaklad2_small_2,
463
.nav_klientska_sekce .ik_stat2_small_2,
464
.nav_klientska_sekce .ik_db2_small_2,
465
.nav_klientska_sekce .ik_mail2_small_2,
466
.nav_klientska_sekce .ik_slozka2_small_2,
467
.nav_klientska_sekce .ik_nastaveni2_small_2{
468
	background-color: #E5E5E5;
469
	border: 1px solid #000;
470
}
471
}
472
473
*--------------------- TISKOVE STYLY ---------------------*/
474
/*@media print{
475
body{padding:0; margin:0; font-size:80%;}
476
*{font-family:serif; color:black;}
477
h1{font-size:160%;} h2{font-size:140%;} h3{font-size:120%;}
478
hr{clear:both;}
479
hr.print,hr.red{border:3pt solid #D93300;}
480
.printnone,#domenapruh,#slogan,#slogan_text,#left,#navigation,.hidden,.add_top{display:none;}
481
.printurl{position:absolute; top:0; right:0; font-size:150%;}
482
.printurl strong{font-size:150%}
483
table,th,td{border-collapse:collapse; border:1pt solid gray;}
484
a img{border:none;}
485
#content a:after{content:" ("attr(href)")"; color:#D93300; font-style:italic;}
486
#content a[name]{display:none;}
487
#news_home div div{float:left; height:100pt; padding:10pt;}
488
}*/