/* CSS Document */

html, body, p, h1, h2, h3, h4, table, div, span, strong, ul, li,img {
    margin: 0;padding: 0;border: 0;
}

body {
    background-color: #FFF;
    text-align: center;
    font-family: 'Arial', sans-serif;
}


/* default values */

a {
    font: bold 1em 'Arial';
    color: #999;
    text-decoration: underline;
}
a:hover { color: #8CC63E; }

ul, table { 
    padding: 10px 15px;
    font: normal 0.7em 'Arial';
    color: #555;
}
ul { list-style-type: none; }

th {
    background-color: #DDD;
    color: #333;
    border-bottom: 1px solid #999;
}

b { color: #666; }

tr.odd { background-color: #FAFAFA; }
tr.even { background-color: #FFF; }


/* *********************  intro  *********************** */


#intro_box {

    position: relative;

    width: 850px;

    height: 400px;

    margin: 90px auto;

    text-align: left;

}


#intro_img {

    float: right;

    width: 280px;

    height: 366px;

    color: #FFFFFF;
    background: url('../img/intro_img_text_bg.gif') top right #FFF no-repeat;

}



a#enter2 {


    font: bold 11px 'Trebuchet MS';

    color: #bababa;

    text-decoration: none;

}


a#enter2:hover {

    text-decoration: none;
    color: #888;
}


a#enter {

    position: relative;

    width: 49px;

    height: 90px;


    margin: 20px 0 0 80px;


    display: block;

    background: url('../img/enter_the_page.gif') top center #FFF no-repeat;


    font: bold 11px 'Trebuchet MS';

    color: #AAA;

    text-decoration: none;

}


a#enter:hover {

    background-position: bottom;

    text-decoration: underline;

}


a#enter span{margin-top: 70px;float:left;padding-left: 1px;}

#intro_text {
    position: absolute;
    top: 200px;
    left: 275px;
    width: 250px;
    height: 150px;
}

#intro_text h1 {
    font: bold 12px 'Arial';
    width: 100%;
    text-align: right;
    text-transform: uppercase;
}

#intro_text p {
    font: normal 12px 'Arial';
    text-align: justify;
    color: #666;
}



/* *******************  hlavni stranka  ************************* */

#box {
    position: relative;
    width: 950px;
    height: 500px;
    min-height: 500px;
    margin: 0px auto; /* bylo 20 */
    text-align: left;
}
body[class] #box { height: auto;}



/* *******************  hlavicka  ************************* */

#header {
    position: relative;
    width: 100%;
    height: 200px;
}
#header #logo { padding: 5px 50px; } /*bylo 30 50 */
#header #header_right_menu {
    position: absolute;
    right: 20px;
    top: 70px; /*bylo 90 */
    width: 180px;
    text-align: right;
}

#header #header_right_menu a{
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    color: #AAA;
    text-decoration: none;
    height: 18px;
}
#header #header_right_menu a:hover { color: #8CC63E;  text-decoration: underline; }
#header #header_right_menu img {  }

#header #header_right_menu a.lang {
    display: inline;
    font: bold 0.8em 'Arial';
}
#header #header_right_menu a.lang_active {
    display: inline;
    text-transform: uppercase;
    font: bold 1em 'Arial';
    color: #000;
}
#header #header_right_menu a.lang:hover { color: #666; }

#main_img {
    float: right;
    width: 252px;
    height: 366px;
}



/* ********  menu  ********* */

#menu {
    position: absolute;
    top: 75px; /*bylo 100 */
    left: 290px;
}

#menu ul { list-style-type: none;}
#menu li { float: left; display: inline; height: 47px; width: auto;}

.menuitem {
    display: block;
    background-position: 0 0px;
    height: 47px;
    text-decoration: none;
    font-family : Arial;
    font: bold;
    background-repeat: no-repeat;
    z-index:90;
}

/* původně nebyl menuimg */
.menuimg {
    display: block;
}

.menuitem span { /*visibility: hidden;*/ display: block; font-size: 11px; /*bylo 0.2em*/ }

#index7 { width: 112px; margin-right:-2px; padding: 0;}
#index7:hover {	margin-right:-2px;}

/*#menuitem1 { background-image: url('../img/menu_1.gif'); width: 35px; }
#menuitem2 { background-image: url('../img/menu_2.gif'); width: 37px; }
#menuitem3 { background-image: url('../img/menu_3.gif'); width: 36px; }
#menuitem4 { background-image: url('../img/menu_4.gif'); width: 36px; }
#menuitem5 { background-image: url('../img/menu_5.gif'); width: 64px; }
#menuitem6 { background-image: url('../img/menu_6.gif'); width: 42px; }

#btw_menuitem1 { display: block; height: 47px; width: 30px; }
#btw_menuitem2 { display: block; height: 47px; width: 30px; }
#btw_menuitem3 { display: block; height: 47px; width: 36px; }
#btw_menuitem4 { display: block; height: 47px; width: 29px; }
#btw_menuitem5 { display: block; height: 47px; width: 36px; }*/

/*.menuitem:hover {background-position: 0 -47px; }*/



/* *******************  levy panel - info boxy  ************************* */

#left_panel {
    float: left;
    position: relative;
    width: 300px;
    height: auto;
}

.info_box_border {
    position: relative;
    top: -15px; /* bylo 10 */
    left: 0px;  /* bylo 10 */
    width: 210px;
    padding: 10px;
    clear: right;
}
.info_box_border div.lTitle, .info_box_border h3 {
    font: bold 1em 'Arial';
    color: #AAA;
    line-height: 1.2em;
    padding-left: 30px;
}

.info_box_border a.link{
    float: right;
    font: bold 0.7em 'Arial';
    color: #555;
    text-align: right;
    text-decoration: none;
    padding-right: 30px;
}
.info_box_border a.link:hover{ color: #8CC63E;}
.info_box {
    width: 206px;
    height: 100px;
    min-height: 100px;
    background: url('../img/info_box_bg3.gif') #FFF repeat-y;
    font: bold 0.7em 'Arial';
    padding: 5px 0;
}

.info_box p{
    display: block;
    padding: 0 10px 5px 30px;
    color: #999;
    font-weight: normal;
}

body[class] .info_box { height: auto; }
.info_box span{ display: block; color: #000;padding: 5px 10px 0 30px; }
.info_box a { 
    display: block;
    text-decoration: none;
    padding: 0 10px 5px 30px; color: #999; font-weight: normal;
}
.info_box a:hover { color: #777; text-decoration: underline; }

#links a {
    display: inline;
    text-decoration: none;
    color: #999;
    padding: 0 0 0 0;
    font-weight: bold;
}
#links a:hover { color: #777; text-decoration: underline; }

#links {
    text-align: right;
}

/* *******************  pravy panel - content  ************************* */

#right_panel {
    /*  border: 1px solid green;*/
    position: relative;
    top: -25px; /* tento radek vubec nebyl*/
    width: 640px;
    height: 100%;
    margin-left: 305px;
}

#content {
    width: 320px;
    height: auto;
}
#content h1 {
    font: bold 1.1em 'Arial';
    color: #333;
}

#content h2 {
    font: bold 1em 'Arial';
    color: #333;
}

#content h3 {
    font: bold 0.9em 'Arial';
    color: #666;
}

#content div.inline, #content h3.inline {
	font: normal 0.7em 'Arial';
    color: #888;
    text-align: justify;
    padding: 10px 0;
}

#content h3.inline {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:normal;
    color: #888;
}

#content p {
    font: normal 0.7em 'Arial';
    color: #888;
    text-align: justify;
    padding: 10px 0;
}

#content span#signature { 
    font: bold 0.7em 'Arial';
    float: right;
}


#image_panel { 
    float: right;
    width: 260px;
    height: 100%;
    text-align:right;
}

/* *******************  footer  ************************* */

#footer {  
    width: 500px;
    height: 50px;
    text-align: left;
    font: bold 0.7em 'Arial';
    color: #AAA;
    margin: 30px 0 0 305px;

}
#footer span { color: #333; }

#footer2 {  
    width: 650px;
    height: 50px;
    text-align: right;
    font: italic 0.6em 'Arial';
    color: #888;
    margin: 0 0 0 305px;
}

#footer a {
    text-decoration: none;
}

#footer2 span { color: #888; }
/* *******************  other  ************************* */



#links a.nabidka-kurzu {
	display:block;
	margin-bottom:12px;
    font: 0.6em 'Arial';
    color: #888;
    text-decoration: none;
}
#links  a.nabidka-kurzu:hover { color: #8CC63E; }

#links  a.nabidka-kurzu-bold {
    font-weight:bold;
}

.faq{
    font-size: 1.1em;
    color: #000000;
}

ul.klasika{
    list-style-type: disc;
    color: #888;
    padding-top: 0;
    padding-bottom: 0;
}


.kulaty_box {
    width: 307px;
    height: 100px;
    background: url('../img/kulaty_box_bg3.gif') #FFF repeat-y;
    font: 0.7em 'Arial';
    padding: 5px 5px 5px 5px;
}
.zarovnej-vpravo{

    float: right;
}
.zarovnej-vlevo{

    float: left;
}

.udaje{
    width: 220px;
    float: right;
    font: normal 0.7em 'Arial';
    color: #888;
    line-height: 2em;
    padding: 10px 0 0 10px;

}

.udaje-prihlaska{
    width: 300px;
    float: right;
    font: normal 0.7em 'Arial';
    color: #888;
    line-height: 2em;
    padding: 10px 0 0 10px;

}

textarea {
    width: 295px;
    height: 100px;
    background: url('../img/kulaty_box_bg3.gif') #FFF repeat-y;
    font: 1em 'Arial';
    padding: 5px 5px 5px 5px;
    border: none;
}


textarea.mala {
    width: 133px;
    height: 50px;
    background: none;
    font: 1em 'Arial';
    border: 1px solid #888;
}

input.odeslat {
    border: none;
    background-color: #888;
    color: #FFF;
}

input.kulaty {
    border: 1px solid #888;
}

.input_cover {
    background: url('../img/policko_pozadi.gif') center center #FFF  no-repeat;
    width: 152px;
    height: 30px;
    margin: 2px;
}

input.policko {
    border: 0;
    width: 130px;
    height: 15px;
    margin: 7px 0px 0px 10px;
    font: normal 1em 'Arial';
}


input.policko-rovne {
    border: 1px solid #888;
    width: 141px;

}

.cerna-tucna{
    color: #000000;
    font-weight: bold;
}

div.prihl a{
    font-size: 0.79em;
    /*  color: #000000;*/
    color: #8CC63E;
}

#ask{
    font: normal 0.8em 'Arial';
    color: #000000;
    text-align: center;
}

.na-stred{
    text-align: center;
    font: bold 1em 'Arial';
}

.vpravo{
    float: right;
}

.textarea_box {
    width: 208px;
    height: 100px;
    background: url('../img/textarea_box_bg.gif') #FFF repeat-y;
    font: 0.7em 'Arial';
    padding: 5px 5px 5px 5px;
}

textarea.stredni {
    width: 200px;
    height: 92px;
    background: none;
    font: 1.5em 'Arial';
}

select.bezramu{
    border-color: #666;
    border-width: 1px;
    width: 140px;
    margin: 8px 0px 0px 5px;
    font: 1em 'Arial';
}

.terminy{
    font: normal 1em 'Arial';
}

div.akce p span.vetsi{
    font: normal 1.2em 'Arial';
    color: #666;
}

div.akce p span.velky{
    font: bold 1.3em 'Arial';
    color: #666;
}

div.akce p strong.sedy{  
    color: #666;
}

div.akce p i{  
    font-weight: normal;
}

div.akce p a:hover{  
    text-decoration: none;
    color: #444;
}

#kurzy_text ul{
    list-style-type: disc;
    color: #888;
    padding-top: 0;
    padding-bottom: 0;
}

.floatright
{
    float: right;
    margin: 0px 2px 2px 10px;
    border: 1px solid #FFFFFF;
    padding: 2px;
} 

table.nabidka_zalozaku 
{
    width:620px;
    border-color: #666;
}

.maly_profil
{
    width: 200px;
    float: left;
    text-align: left;
    text-decoration:none;
    font-size: 14px;
}

#content .maly_profil p
{
    text-align: left;
    padding-top: 5px;
    font: normal 16px 'Arial';
}

.male_profil_foto
{
    width: 50px;
	height:50px;
    float: right;
}

#content .Vypis_talenta {
    margin-top: 10px;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    width:320px;
    position:relative;
}

#content .Vypis_talenta strong {
    margin: 0px;
    font: bold 14px 'Arial';
    padding: 0px;
}

#content .Vypis_talenta p {
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align:left;
}

#content #Tal_Vysledky {
    margin-top: 10px;
    padding: 0px;
    border-spacing: 0px;
    width: 320px;
}

#content .na_cem_letame {
    border-top: 2px solid;
    border-top-style: groove;
    height: 60px;
}