*{
padding:0;
margin:0;
font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
}
body{
text-align:center;
font-size:0.8em;
background:#fff url('html-bg.gif') repeat-x top;
}
h1{
margin-left:-10px;
padding:3px 0 8px 10px;
color:#0073e0;
border-bottom:1px solid #abd2ef;
text-transform:uppercase;
width:752px;
font-size:1.8em;
}
h2{
padding:5px 0;
}
h3{
padding:5px 0;
}
a{
color:#0073e0;
}
a:hover{
color:#f70;
}
fieldset{
border:0;
}
#page{
text-align:left;
margin:0 auto;
width:1001px;
color:#333;
background:#fff url('page-bg.gif') repeat-y center;
position:relative;
}
#page_index{
text-align:left;
margin:0 auto;
width:1001px;
color:#333;
background:#fff url('page-bg-index.gif') repeat-y top;
position:relative;
}
#levy_sloupec{
width:238px;
position:relative;
float:left;
}
strong.nadpis{
font-size:1.4em;
color:#643231;
margin:15px 0 10px 5px;
display:block;
}
div.div_upoutavka{
padding:10px;
border-bottom:1px solid #ddd;
}
div.div_upoutavka a{
font-size:1.3em;
font-weight:bold;
color:#41a3fe;
text-decoration:none;
}
div.div_upoutavka a:hover{
text-decoration:underline;
}
#levy_sloupec_top{
height:205px;
text-align:center;
margin-top:20px;
position:relative;
}
#levy_sloupec_top img.logo_webu{
border:none;
position:absolute;
top:30px;
left:57px;
}
#pravy_sloupec{
width:763px;
position:relative;
float:right;
}
#jazykove_mutace{
width:762px;
height:50px;
text-align:right;
position:relative;
background-color:#fff;
}
#jazykove_mutace div.div_jazyky{
font-size:0.85em;
position:absolute;
bottom:8px;
right:5px;
height:18px;
display:block;
width:220px;
color:#666;
}
#jazykove_mutace .top_titulek_bold{
font-weight:bold;
font-size:1.8em;
position:absolute;
bottom:2px;
left:12px;
}
#jazykove_mutace .top_titulek{
font-size:1.8em;
position:absolute;
bottom:2px;
left:422px;
}
a.a_jazyk{
}
a.a_jazyk img{
border:1px solid #bbb;
}
span.a_jazyk{
padding:3px 2px 1px 4px;
display:inline-block;
height:17px;
}
span.a_jazyk_aktivni{
padding:3px 4px 1px 6px;
display:inline-block;
height:17px;
background-color:#0073e0;
color:#fff;
}
span.a_jazyk a img, span.a_jazyk_aktivni a img{
border:1px solid #888;
margin-bottom:-2px;
}
#pravy_sloupec_top{
width:763px;
height:175px;
position:relative;
}
#pravy_sloupec_top #vyhledavani{
width:300px;
position:absolute;
bottom:4px;
right:4px;
}
#pravy_sloupec_top #vyhledavani input{
background-color:#f6f6f6;
border:1px solid #8d8d8d;
padding:2px;
}
#vyber_roli{
width:762px;
height:31px;
border-bottom:1px solid #abd2df;
position:relative;
font-size:0.85em;
font-weight:bold;
background-color:#fff;
}
#vyber_roli span.span_role{
position:absolute;
top:10px;
right:10px;
}
.role_color_1{
color:#676767;
}
.role_color_2{
color:#5db73c;
}
.role_color_4{
color:#745f4e;
}
.role_color_8{
color:#4790ec;
}
#vyber_roli span.span_role img{
margin:0 0 -2px 2px;
}
#vyber_roli span.span_dn{
position:absolute;
top:10px;
left:10px;
}
a.role_selected{
font-weight:bold;
}
#vnitrni_obsah{
width:765px;
position:relative;
margin-top:5px;
}
#inner_text{
width:500px;
position:relative;
float:left;
font-size:1.0em;
}
#inner_text p{
margin:0 0 15px 0;
line-height:1.5em;
}
#inner_text img{
border:1px solid #bbb;
}
#inner_text ul, #inner_text ol{
margin:5px 0 5px 30px;
}
div.index_box{
width:490px;
border-bottom:1px solid #ddd;
background:#fff url('index-box-bg.gif') no-repeat bottom right;
padding:5px;
}
strong.index_box_nadpis_akt{
padding:5px 0 0px 0px;
margin-bottom:5px;
color:#0073e0;
font-size:1.7em;
height:32px;
display:block;
background:#fff url('bg-index-div-aktualita.gif') no-repeat top right;
}
strong.index_box_nadpis_upoutavka{
padding:5px 0 0px 0px;
margin-bottom:5px;
color:#ff8603;
font-size:1.7em;
height:32px;
display:block;
background:#fff url('bg-index-div-upoutavka.gif') no-repeat top right;
}
strong.index_box_nadpis_ro{
padding:5px 0 0px 0px;
margin-bottom:5px;
color:#217be9;
font-size:1.7em;
height:32px;
display:block;
background:#fff url('bg-index-div-ro.gif') no-repeat top right;
}
strong.index_box_nadpis_zk{
padding:0px 0 0px 0px;
margin-bottom:5px;
color:#000;
font-size:1.7em;
height:32px;
display:block;
background:#fff url('bg-index-div-zk.gif') no-repeat top right;
}
div.index_box_obsah{
padding-right:5px;
}
.div_aktualita{
margin-bottom:10px;
}
.div_aktualita span.datum{
display:block;
font-size:0.9em;
color:#9a9a9a;
}
#doplnkovy_obsah{
width:261px;
position:relative;
float:right;
margin-right:3px;
}
div.index_box_right{
width:251px;
padding:5px;
border-bottom:1px solid #ddd;
background:#fff url('index-box-bg.gif') no-repeat bottom right;
}
#paticka{
width:979px;
position:relative;
border-top:1px solid #ddd;
margin:10px 0 0 1px;
padding:10px;
font-size:0.85em;
background-color:#fff;
height:30px;
}
img.img_paticka_bottom{
margin:0 auto;
}
#paticka_funkce{
position:absolute;
top:10px;
right:10px;
}
.popis_sekce{
padding:10px 0;
border-bottom:1px dotted #999;
}
.div_ls_box{
padding-bottom:5px;
border-bottom:1px solid #ddd;
}
/* hlavni menu webu */
ul.hlavni_menu{
list-style:none;
width:228px;
padding-bottom:5px;
}
span.ul_menu_motiv{
display:inline-block;
width:3px;
height:1.85em;
margin-bottom:-3px;
}
ul.hlavni_menu li a{
font-size:1.55em;
color:#726457;
text-decoration:none;
padding-left:10px;
font-weight:bold;
}
ul.hlavni_menu li a:hover{
text-decoration:underline;
}
ul.hlavni_menu li a.aktivni_menu{
display:block;
width:100%;
color:#fff !important;
background-color:#41a3fe;
font-weight:normal !important;
}
ul.hlavni_menu_1{
list-style:none;
margin-left:10px;
}
ul.hlavni_menu_1 li{
padding:3px 0;
}
ul.hlavni_menu_1 li a{
font-size:0.95em;
font-weight:bold;
color:#0d71e9;
display:inline-block;
}
ul.hlavni_menu_1 li a:hover{
text-decoration:underline;
}
ul.hlavni_menu_2{
list-style:none;
margin-left:20px;
}
ul.hlavni_menu_2 li a{
font-size:1.0em;
}
/***/
div.prehled_clanku{
margin:5px 0 10px 0;
line-height:1.5em;
font-size:0.9em;
}
div.akce_foto{
text-align:center;
margin-bottom:20px;
}
div.akce_foto a{
text-decoration:none;
}
div.akce_foto a img{
border:1px solid #bbb;
}
a.a_prehled_clanku{
font-size:1.3em;
font-weight:bold;
color:#41a3fe;
}
a.a_prehled_clanku:hover{
color:#f90;
}
div.info_pod_clankem{
width:733px;
border-top:1px dotted #999;
position:relative;
}
.submit_pridej_kom{
position:absolute;
top:5px;
left:0px;
}
/* definice pro hlášení */
div.hlaseni_ok,
div.hlaseni_err{
font-size:0.90em;
display:block;
padding:5px 10px 5px 10px;
background-color:#fcfcfc;
margin:5px 0 5px 0;
}
div.hlaseni_ok{
color:#0a0;
border:1px solid #0a0;
}
div.hlaseni_err{
color:#f00;
border:1px solid #f00;
}
/* povinna polozka */
span.povinne{
color:#f00;
}
/* kalendar akci - kalendar v panelu*/
#div_kalendar_akci{
width:237px;
margin-left:1px;
padding-bottom:5px;
border-bottom:1px solid #ddd;
}
table.table_kalendar_akci{
border-collapse:collapse;
width:227px;
margin-left:5px;
background:#fff url('ka-bg2.gif') repeat-x top;
}
table.table_kalendar_akci td{
border:1px solid #ddd;
padding:1px 2px;
font-size:0.8em;
text-align:center;
height:28px;
width:28px;
background-color:#fff;
}
table.table_kalendar_akci td a{
font-weight:bold;
position:relative;
width:100%;
text-align:center;
float:left;
margin-top:-4px;
}
table.table_kalendar_akci td.aktualni_den{
background-color:#ffe090;
font-weight:bold;
}
table.table_kalendar_akci th{
font-size:0.9em;
text-align:center;
width:35px !important;
height:20px;
}
img.ka_ico{
float:left;
position:relative;
top:-5px;
margin-right:2px;
}
table.table_kalendar_akci th a{
color:#643231;
}
table.table_kalendar_akci th a:hover{
color:#fff;
}
table.table_kalendar_akci td.neaktivni_den{
background-color:#eee;
}
.ka_toolbox{
width:350px;
background-color:#fff;
border:1px solid #f90;
font-size:0.85em;
color:#333;
padding:5px;
text-align:left;
}
/* oznaceni akci v prehledu */
span.ka_1{
display:inline-block;
width:4px;
height:3px;
background-color:#f00;
top:0;
left:0;
}
span.ka_2{
display:inline-block;
width:4px;
height:3px;
background-color:#0f0;
}
span.ka_3{
display:inline-block;
width:4px;
height:3px;
background-color:#00f;
}
/* kalendar akci - vypis akci */
table.table_akce_prehled{
width:100%;
border-collapse:collapse;
margin:10px 0;
}
table.table_akce_prehled th{
font-size:1.3em;
padding:2px 4px;
color:#0073e0;
text-align:left;
}
table.table_akce_prehled th a{
font-size:0.8em;
}
table.table_akce_prehled td{
font-size:1.2em;
border:1px solid #ddd;
padding:2px 4px;
}
table.table_akce_prehled td.separator{
border:none;
font-size:1px;
height:22px;
}
.button_mini{
width:18px;
height:23px;
padding:0 2px 2px 0;
background-color:#e9e9e9;
border:1px outset #e9e9e9;
cursor:pointer;
}
.button_50{
width:50px;
height:25px;
padding:0 2px 2px 0;
background-color:#e9e9e9;
border:1px outset #e9e9e9;
cursor:pointer;
display:inline-block;
}
.button_80{
width:80px;
height:25px;
padding:0 2px 2px 0;
background-color:#e9e9e9;
border:1px outset #e9e9e9;
cursor:pointer;
display:inline-block;
}
.button_120{
width:120px;
height:25px;
padding:0 2px 2px 0;
background-color:#e9e9e9;
border:1px outset #e9e9e9;
cursor:pointer;
display:inline-block;
}
.a_button_150{
width:138px;
height:18px;
padding:4px 0 2px 0;
background-color:#e9e9e9;
border:1px outset #e9e9e9;
display:inline-block;
text-decoration:none;
color:#000;
text-align:center;
}
.a_button_150:hover{
color:#000;
}
.a_button_180{
width:168px;
height:18px;
padding:4px 0 2px 0;
background-color:#e9e9e9;
border:1px outset #e9e9e9;
display:inline-block;
text-decoration:none;
text-align:center;
color:#000;
}
.a_button_180:hover{
color:#000;
}
.a_button_50{
width:50px;
height:17px;
padding:4px 0 2px 0;
background-color:#e9e9e9;
border:1px outset #e9e9e9;
display:inline-block;
text-decoration:none;
color:#000;
text-align:center;
}
.a_button_50:hover{
color:#000;
}
/* CSS sprites 16px x 16px */
.akce{
width:16px;
height:16px;
display:inline-block;
position:relative;
margin-bottom:-2px;
}
/* CSS sprites pro ikony typu souboru */
.akce_avi{
background:url('css-sprites-file-types.gif') no-repeat 0px 0px;
}
.akce_doc{
background:url('css-sprites-file-types.gif') no-repeat -16px 0px;
}
.akce_exe{
background:url('css-sprites-file-types.gif') no-repeat -32px 0px;
}
.akce_blank{
background:url('css-sprites-file-types.gif') no-repeat -48px 0px;
}
.akce_folder{
background:url('css-sprites-file-types.gif') no-repeat -64px 0px;
}
.akce_html{
background:url('css-sprites-file-types.gif') no-repeat -80px 0px;
}
.akce_img{
background:url('css-sprites-file-types.gif') no-repeat -96px 0px;
}
.akce_pdf{
background:url('css-sprites-file-types.gif') no-repeat -112px 0px;
}
.akce_ppt{
background:url('css-sprites-file-types.gif') no-repeat -128px 0px;
}
.akce_xls{
background:url('css-sprites-file-types.gif') no-repeat -144px 0px;
}
.akce_zip{
background:url('css-sprites-file-types.gif') no-repeat -160px 0px;
}
/* zelena fajfka */
.akce_ok_fajfka{
background:url('css-sprites.gif') no-repeat 0px 0px;
}
/* cerveny krizek, aktivni */
.akce_smaz_a{
background:url('css-sprites.gif') no-repeat -16px 0px;
}
/* cerveny krizek - neaktivni, v sedem */
.akce_smaz_n{
background:url('css-sprites.gif') no-repeat -32px 0px;
}
/* ano, zelene kolecko s fajfkou */
.akce_accept{
background:url('css-sprites.gif') no-repeat -48px 0px;
}
/* ikona oka */
.akce_view_a{
background:url('css-sprites.gif') no-repeat -64px 0px;
}
/* applikace, nyni se pouziva pro nahled detailu */
.akce_application{
background:url('css-sprites.gif') no-repeat -80px 0px;
}
/* zelena sipka dolu - aktivni */
.akce_down_a{
background:url('css-sprites.gif') no-repeat -96px 0px;
}
/* zelena sipka dolu, v sedem - neaktivni */
.akce_down_n{
background:url('css-sprites.gif') no-repeat -112px 0px;
}
/* zelena sipka nahoru - aktivni */
.akce_up_a{
background:url('css-sprites.gif') no-repeat -128px 0px;
}
/* zelena sipka dou, v sedem - neaktivni */
.akce_up_n{
background:url('css-sprites.gif') no-repeat -144px 0px;
}
/* komentare */
.akce_comment{
background:url('css-sprites.gif') no-repeat -160px 0px;
}
/* ikona oka s cervenym krizkem */
.akce_view_n{
background:url('css-sprites.gif') no-repeat -176px 0px;
}
/* ikona submenu - v RS ke vstupu do vnitrni struktury */
.akce_submenu{
background:url('css-sprites.gif') no-repeat -192px 0px;
}
/* zluty trojuhelnik - varovani */
.akce_warning{
background:url('css-sprites.gif') no-repeat -208px 0px;
}
/* ikona dalekohledu */
.akce_dalekohled{
background:url('css-sprites.gif') no-repeat -224px 0px;
}
/* kalendar */
.akce_kalendar{
background:url('css-sprites.gif') no-repeat -240px 0px;
}
/* osoba - jedna */
.akce_person{
background:url('css-sprites.gif') no-repeat -256px 0px;
}
/* editace - aktivni */
.akce_edit_a{
background:url('css-sprites.gif') no-repeat -272px 0px;
}
/* editace, v sedem - neaktivni */
.akce_edit_n{
background:url('css-sprites.gif') no-repeat -288px 0px;
}
/* ne, cervene kolecko s fajfkou */
.akce_decline{
background:url('css-sprites.gif') no-repeat -304px 0px;
}
/* pridat, zelene kolecko */
.akce_add{
background:url('css-sprites.gif') no-repeat -320px 0px;
}
/* akce pridat nove - hvezdicka */
.akce_add_new{
background:url('css-sprites.gif') no-repeat -336px 0px;
}
/* akce pridat existujici, hvezda s "E" */
.akce_add_existed{
background:url('css-sprites.gif') no-repeat -352px 0px;
}
/* tisk */
.akce_print{
background:url('css-sprites.gif') no-repeat -368px 0px;
}
/* otazka za ucebnim textem */
.akce_question{
background:url('css-sprites.gif') no-repeat -384px 0px;
}
/* napoveda, modre kolecko */
.akce_help{
background:url('css-sprites.gif') no-repeat -400px 0px;
}
/* ikona ARES */
.akce_ico_ares{
background:url('css-sprites.gif') no-repeat -416px 0px;
}
/* ikona JUSTICE */
.akce_ico_justice{
background:url('css-sprites.gif') no-repeat -432px 0px;
}
/* aktivni polozka - zeleny caplik */
.akce_ico_a{
background:url('css-sprites.gif') no-repeat -448px 0px;
}
/* neaktivni polozka - cerveny caplik */
.akce_ico_n{
background:url('css-sprites.gif') no-repeat -464px 0px;
}
/* otazka k ucebnimu textu - ano */
.akce_otazka_a{
background:url('css-sprites.gif') no-repeat -480px 0px;
}
/* otazka k ucebnimu textu - ne */
.akce_otazka_n{
background:url('css-sprites.gif') no-repeat -496px 0px;
}
/* citace k ucebnimu textu */
.akce_ico_citace{
background:url('css-sprites.gif') no-repeat -512px 0px;
}
/* popup window */
.akce_popup_window{
background:url('css-sprites.gif') no-repeat -528px 0px;
}
/* hledani, zarazeny casti v < */
.akce_lupa{
background:url('css-sprites.gif') no-repeat -544px 0px;
}
/* kos, aktivni */
.akce_bin_a{
background:url('css-sprites.gif') no-repeat -560px 0px;
}
/* kos, neaktivni */
.akce_bin_n{
background:url('css-sprites.gif') no-repeat -576px 0px;
}
/**
 * styly anketa
 */
div.anketa{
width:213px;
margin:0 10px;
}
div.anketa strong{
display:block;
}
p.anketa_otazka{
font-size:1.0em;
margin:10px 0 15px 0px;
display:block;
color:#643231;
}
table.table_anketa{
width:100%;
font-size:0.85em;
}
div.podil{
height:9px;
margin:2px 0 6px 0;
}
.do_prava{
text-align:right;
}
.na_stred{
text-align:center;
}
/**
 * mapa webu
 */
ul.mapa_webu_0{
margin-left:20px;
}
ul.mapa_webu_1{
margin-left:40px;
}
ul.mapa_webu_2{
margin-left:60px;
}
/**
 * specialni odkazy
 */
div.odkaz_special{
width:100%;
margin-bottom:10px;
clear:both;
}
div.odkaz_special img{
float:left;
margin:0 5px 5px 0;
border:2px solid #ddd;
}
/**
 * tabulka formular na www
 */
table.table_form_www{
width:100%;
border-collapse:collapse;
}
table.table_form_www td, table.table_form_www th{
font-size:0.9em;
padding:3px 5px;
vertical-align:top;
border-top:1px dotted #eee;
text-align:left;
}
table.table_form_www tr.nadpis th{
border-bottom:1px dotted #999;
border-top:1px solid#999;
font-size:1.2em;
padding:10px 0 3px 5px;
margin-bottom:3px;
background-color:#ddd;
}
.note{
font-size:0.9em;
}
.info{
font-size:1.0em;
font-weight:bold;
margin:10px 0;
padding:5px;
background-color:#eee;
}
/**
 * formularove prvky
 **/
input{
font-size:1.0em;
}
textarea{
font-size:1.0em;
}
select{
font-size:1.0em;
}
.celadelka{
width:500px;
}
.puldelka{
width:250px;
}
.k_delka{
width:225px;
}
.ctvrtdelka{
width:100px;
}
.do_leva{
text-align:left;
}
.do_prava{
text-align:right;
}
.na_stred{
text-align:center;
}
/***/
img.img_left{
float:left;
margin:5px 5px 5px 0;
}
img.img_right{
float:right;
margin:5px 0 5px 5px;
}
/**
 * diskuzni forum
 */
div.diskuze{
width:740px;
margin-bottom:10px;
background:#fff url('dk-bbg.jpg') no-repeat bottom right;
}
div.diskuze div.hlavicka{
margin:5px 0 0 0;
position:relative;
padding:2px 0;
border-right:1px solid #abd2df;
/*background:#fff url('dk-bbg-r.jpg') no-repeat top left;*/
}
div.hlavicka span.pocet_prispevku{
position:absolute;
top:2px;
right:1px;
font-size:0.9em;
color:#666;
width:90px;
}
div.hlavicka span.datum_zalozeno{
position:absolute;
top:2px;
right:95px;
font-size:0.9em;
color:#666;
width:185px;
}
div.hlavicka span.tema{
color:#333;
width:30em;
display:inline-block;
font-weight:bold;
}
div.hlavicka span.stav{
position:absolute;
position:absolute;
top:2px;
left:33.5em;
font-size:0.9em;
color:#666;
width:5em;
}
div.diskuze div.d_but{
margin:10px 0 5px 0;
}
div.diskuze div.obsah{
border-bottom:1px solid #abd2df;
border-right:1px solid #abd2df;
padding-top:10px;
}
div.diskuze_prispevek{
position:relative;
}
div.diskuze_prispevek div.dp_h{
position:relative;
width:100%;
padding-bottom:4px;
border-bottom:1px dotted #ddd;
}
div.dp_h span.prispevek_akce{
position:absolute;
top:1px;
right:1px;
width:22px;
}
div.dp_h span.datum_vlozeno{
position:absolute;
top:3px;
right:30px;
width:120px;
font-size:0.9em;
color:#888;
}
div.dp_h span.autor{
position:absolute;
top:3px;
right:150px;
width:150px;
font-size:0.9em;
color:#333;
font-weight:bold;
}
div.dp_h span.nadpis{
color:#333;
font-weight:bold;
width:300px;
}
div.diskuze_prispevek p.p_prispevek{
padding-top:5px;
line-height:1.25em !important;
}
table.root_prispevky{
width:100%;
border-collapse:collapse;
}
table.root_prispevky td{
padding:3px 5px;
}
table.root_prispevky td.sirka_vetsi{
border:1px solid #ddd;
width:65%;
}
table.root_prispevky td.sirka_mensi{
border:1px solid #ddd;
width:35%;
}
/* detail rozpis diskuze */
div.diskuze_prispevek{
}
table.table_filtr td{
padding:1px 5px;
}
table.table_knihovny{
width:100%;
}
table.table_knihovny td,table.table_knihovny th{
padding:2px 4px;
vertical-align:top;
}
table.table_knihovny th, table.table_knihovny tr.zahlavi td{
background-color:#dae6f4;
color:#333;
font-size:1.0em;
padding:6px;
text-align:left;
font-weight:bold;
}
table.table_knihovny tr.tr_sudy td{
background-color:#f2f2f2;
}
table.knihovny_detail{
}
table.knihovny_detail td,table.knihovny_detail th{
padding:2px 4px;
vertical-align:top;
}
table.knihovny_detail tr.tr_sudy td{
background-color:#f2f2f2;
}
table.tb_w_full{
width:100%;
}
table.tb_w_200{
width:200px;
}
table.tb_w_400{
width:400px;
}
form.form_rs_kom{
position:absolute;
top:5px;
left:0px;
}
b{
color:#666;
}
a.a_rok_v{
font-weight:bold;
}
div.akce_komentare{
margin-top:5px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
div.akce_komentare span{
padding-bottom:5px;
display:inline-block;
font-weight:bold;
margin-right:15px;
}
div.akce_komentare p{
border-top:1px dotted #eee;
}
/* opera sh.t - nebere to, safari to take nedava */
.bottom_shadow{
width:100%;
height:22px;
position:relative;
background:url('paticka-bottom2.gif') top center;
}
div.komentar{
margin-top:5px;
}
div.div_vdk{
width:216px;
margin-left:1px;
background:#fff url('bg-lp-ka.gif') no-repeat top right;
}
div.div_pk{
width:216px;
margin-left:1px;
background:#fff url('bg-lp-pk.gif') no-repeat top right;
}
div.div_di{
width:216px;
margin-left:1px;
background:#fff url('bg-lp-di.gif') no-repeat top right;
}
.text_do_bloku{
text-align: justify;
}
.img_no_border{
border:none;
}
.w_copy{
position:absolute;
top:30px;
left:10px;
}