/* CSS Document */

a {
    text-decoration: none
}

    a:link {
        color: white
    }

    a:visited {
        color: white
    }

    a:active {
        color: black
    }

    a:hover {
        color: red
    }

/*     *padding: 13px 0; */
body {
    padding: 0;
    margin: 0;
    /*font: 80%/170% verdana, sans-serif;*/
    text-align: center;
    background-color: #cdcdcd; /* inner background */
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 14px;
}

#masthead {
    text-align: center;
    background-image: url(https://secure4.uphs.upenn.edu/Dermato/images/masthead-bg.gif);
    background-position: top;
    padding-top: 30px;
}

#masthead-content {
    position: relative;
    text-align: left;
    margin: 0 auto 0 auto;
    background-image: url(https://secure4.uphs.upenn.edu/Dermato/images/masthead-bg.gif);
    background-position: bottom;
    padding-bottom: 10px;
}


/* outside borders */

.clear {
    clear: both;
}

#outermain {
    width: 800px;
    border-left: 0px solid #aaa;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #aaa;
    margin-left: auto;
    margin-right: auto; /*text-align: left;*/ /*background-color: White;  #003c78; /* #272727; */ /*background:transparent url(images/hor-white.gif) repeat-y;  */
    background: transparent url(https://secure4.uphs.upenn.edu/Dermato/images/hor-white.GIF) repeat-y;
    padding: 0;
}

#main {
    width: 900px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: Black; /* #003c78; /* #272727; */
}

#hlavicka-null {
    width: 100%;
    padding: 0;
    border: 0;
}

#hlavicka {
    padding: 5px;
    height: 35px;
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    /*border-bottom: 2px solid #aaa;
     border-left: 2px solid #aaa;*/
}

#webinfo-null {
    width: 100%;
    padding: 0;
    border: 0;
    font-size: 18px;
    font-weight: bold;
}

#webinfo {
    padding: 5px 5px 5px 5px;
    height: 25px;
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#menu-nullbottom {
    width: 100%;
    padding: 0;
    border: 0;
    color: black;
}

#menu-nulltop {
    width: 100%;
    padding: 0;
    border: 0;
}

#menu-null2 {
    width: 100%;
    padding: 0;
    border: 0;
}

/* blue background color: 003c78 */
/*  #3071a2; */
#menu {
    padding: 0px 0px 5px 0px; /* orig 5px 5px 5px 5px; */
    border-bottom: solid 1px #cdcdcd;
    border-right: solid 1px #cdcdcd;
    border-left: solid 1px #cdcdcd;
    background: #bb8823; /* #003c78;*/
    width: 900px; /* orig - 790px */
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    color: #ffffff;
    margin-bottom: 0;
}

#menuBottom {
    padding: 0px;
    border: solid 1px #bb8823;
    /*border: solid 2px White;*/
    /*
     border-bottom: 1px solid #bbb; 
     border-left: 2px solid #bbb;
     border-right: 2px solid #bbb;
     border-top: 2px solid #fff; */
    /*background: #bb8823;*/
    background-color: #bb8823;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}

#menu2 {
    padding: 5px 5px 5px 5px;
    border-bottom: 2px solid #bbb;
    border-left: 2px solid #bbb;
    border-right: 2px solid #bbb;
    background: #003c78;
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: #ffffff;
}

#menutop {
    padding: 5px;
    border-bottom: 2px solid #bbb; /*  #3071a2; */
    border-left: 2px solid #bbb;
    border-right: 2px solid #bbb;
    /*background: #003c78;*/
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: #ffffff;
    background-image: url(https://secure4.uphs.upenn.edu/Dermato/images/thin-crust-bg.jpg);
    background-repeat: repeat-x;
}

.pennmed-masthead {
    background-image: url(https://secure4.uphs.upenn.edu/Dermato/images/thin-crust-bg.jpg);
    background-repeat: repeat-x;
    /*background-color: #fff;*/
    height: 55px;
    font-family: arial, verdana, helvetica;
    position: relative;
    z-index: 1;
    text-align: left;
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    border: 0;
    /*
    border-left: 0px solid #bbb;
    border-right: 0px solid #bbb;
    */
}

.pennmed-mastfoot {
    background-image: url(https://secure4.uphs.upenn.edu/Dermato/images/thin-crust-bg.jpg);
    background-repeat: repeat-x;
    background-color: #003c78;
    height: 20px;
    font-family: arial, verdana, helvetica;
    position: relative;
    z-index: 1;
    text-align: center;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    /*
    padding-left:5px;
    padding-right:5px;
*/
    /*
    border-left: 2px solid #bbb;
    border-right: 2px solid #bbb;
    */
    color: White;
}

#vpravo-null {
    width: 680px;
    /*float: left;*/
    padding: 0;
    border: 0;
    text-align: left;
}

#vpravo {
    padding: 5px;
    border-left: 0px solid #ccc;
    background-color: #ffffff;
}

.vlevo-null {
    width: 200px;
    float: left;
    padding: 0;
    border: 0;
    background: #272727;
}

#vlevo {
    padding: 0px;
    background-color: Black; /* #272727; */
}

#paticka-null {
    clear: both;
    width: 100%;
    padding: 0;
    border: 0;
}

#paticka {
    padding: 2px;
    border-top: 5px solid #ccc;
    background: #003c78;
    text-align: right;
    padding-right: 20px;
    color: #ffffff;
    font-size: 90%;
}

.noscreen {
    display: none
}

/* KONKRÉTNí STYLY */

#hlavicka h1 {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 200%;
    color: #000;
}

#hlavicka h2 {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 150%;
    color: #000;
}

#hlavicka h3 {
    margin-left: 50px;
    font-size: 100%;
    color: #fff;
}

a.menu-hl {
    display: block;
    background-color: White; /* #003c78;; #003c78; #272727;*/
    padding: 4px;
    border-bottom: 1px #ababab solid;
    color: Black;
    height: 20px;
    /*padding: 4px; */
    /*padding-left: 25px; */
    /*background: url('css/sipky.gif') 0 50% no-repeat;*/
}

a.menu-hl2 {
    display: block;
    background-color: #003c78;
    padding: 4px;
    border-bottom: 1px #ababab solid;
    color: White;
    padding: 4px;
    padding-left: 25px;
    height: 20px;
}

a.menu-userSection {
    display: block;
    background-color: White;
    padding: 4px 4px 4px 10px;
    border-bottom: 1px #ababab solid;
    color: Black;
}

.search {
    display: block;
    background-color: White; /*#003c78;  #272727; */
    padding: 4px;
    border-bottom: 1px #ababab solid;
    border-right: 2px #ababab solid;
    color: Black;
    padding: 4px;
    padding-left: 4px;
    /*background: url('css/sipky.gif') 0 50% no-repeat;	*/
    font-size: 80%;
}

a.menu-hl:hover {
    display: block;
    background-color: #C8AC69;
    border-bottom: 1px #ababab solid;
    color: #ffffff;
}


.nadpis {
    display: block;
    background-color: #bb8823; /* #368ed2; */
    /*padding: 0px;*/
    height: 20px;
    border-bottom: 1px #bb8823 solid; /* 3071a2 */
    border-top: 1px #bb8823 solid; /* 3071a2 */
    border-left: 1px #bb8823 solid;
    border-right: 2px #bb8823 solid;
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
}

.novinky-datum {
    color: #818181;
    padding: 10px;
    font-size: 90%;
}

#novinky1 {
    color: #c0c0c0;
    padding: 6px;
    border-bottom: 1px dashed #a8a8a8;
    font-size: 90%;
    line-height: normal;
}

#novinky2 {
    color: #c0c0c0;
    padding: 6px;
    border-bottom: 1px dashed #a8a8a8;
    font-size: 90%;
    line-height: normal;
}

#novinky3 {
    color: #c0c0c0;
    padding: 6px;
    border-bottom: 1px dashed #a8a8a8;
    font-size: 90%;
    line-height: normal;
}

a.menu-odkaz {
    color: #ffffff;
}

    a.menu-odkaz:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.clanek {
    color: #272727;
    border-bottom: 1px dashed White;
    /*height:auto;*/
    /*background:transparent url('../images/hor-white.GIF') repeat-y;*/
}

.clanek-text {
    color: #272727;
}

.clanek-nadpis {
    color: #3071a2;
    font-size: 150%;
}

.clanek-info {
    color: #8d8d8d;
    font-size: 80%;
    text-align: right;
}

.space1px {
    padding: 1px;
}

.space2px {
    padding: 2px;
}

.space3px {
    padding: 3px;
}

.space5px {
    padding: 5px;
}

.divAlerts {
    /*height:40px;*/
}

.menuAlerts {
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid #bbb; /*  #3071a2; */
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #fff;
    /* orig
     padding: 5px;
     border-bottom: 1px solid #bbb; 
     border-left: 2px solid #bbb;
     border-right: 2px solid #bbb;
     border-top: 1px solid #fff;
     */
    background: #bb8823;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: #ffffff;
}

.sectionContent {
    /*border-right: 2px #ababab solid;*/
    border-right: solid 0px #cdcdcd;
}

.NavigationIcons {
    color: #0066cc;
    text-align: center;
}

.HyperLinks {
    color: #0066cc;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

    .HyperLinks:hover {
        color: #0066cc;
        cursor: pointer;
        font-weight: bold;
        text-decoration: underline;
    }

.HeaderHyperLinks {
    color: White;
    text-decoration: none;
}

    .HeaderHyperLinks:hover {
        color: White;
        text-decoration: underline;
    }

.MenuItems {
    display: block;
    background-color: White; /* #003c78;; #003c78; #272727;*/
    padding: 4px;
    border-bottom: 1px #ababab solid;
    color: Black;
    padding: 4px;
    padding-left: 25px;
    /*background: url('css/sipky.gif') 0 50% no-repeat;*/
}

.menuAlertsSection {
    padding: 5px;
    /*border: solid 2px White;*/
    /*
     border-bottom: 1px solid #bbb; 
     border-left: 2px solid #bbb;
     border-right: 2px solid #bbb;
     border-top: 2px solid #fff; */
    background: #003c78;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    color: #ffffff;
    margin-bottom: 0;
}