/* su.co.hu Base Styles
 * maintained by szu_
 */

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/*
                MAIN                    */

 body
{
        background-color: #F9FAFB;
        background-image: none;
        color: #828282;
        letter-spacing: normal;
        text-align: left;
        text-decoration:normal;
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        margin: 0px;
        padding:0px;
        vertical-align: middle;

        scrollbar-face-COLOR: #E0E7F1;
        scrollbar-highlight-color: #9EA8B5;
        scrollbar-shadow-color: #9EA8B5;
        scrollbar-3dlight-color: #F9FAFB;
        scrollbar-arrow-color: #9EA8B5;
        scrollbar-track-color: #F9FAFB;
        scrollbar-darkshadow-color: #000000;
        overflow: auto;

}


td
{
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        letter-spacing: normal;
        text-decoration:normal;

}




div.content {
        position:absolute;
        top: 50%;
        width:100%;
        margin-left:0px;
        margin-top:-240px;
        text-align:left;
        }






.tahoma
{
        font-family: tahoma,verdana, arial;
        font-size: 11px;

}

/* ========== MAIN ==================== */

#main_v1
{
        background-color: #F9FAFB;
        background-repeat: no-repeat;
        font-family: verdana, arial;
        font-size: 40px;
        font-weight: bold;
        color : #EDF2FC;
        border-style: solid;
        border-color: #E8EDF6;
        border-width: 0px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:0px;

}

#main_0
{
        background-color: #F9FAFB;
        background-repeat: no-repeat;
        font-family: tahoma,verdana, arial;
        font-size: 1px;
        font-weight: normal;
        color : #ffffff;
        height:1px;
        border-style: solid;
        border-color: #E8EDF6;
        border-width: 0px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;

}

#main_1
{
        background-color: #E0E7F1;
        background-image: url("../images/suback_0_.gif");
        background-repeat: no-repeat;
        font-family: tahoma,verdana, arial;
        font-size: 5px;
        font-weight: normal;
        color : #ffffff;
        height: 2px;
        border-style: solid;
        border-color: #B1BDCE;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;

}

#main_2
{
        background-color: #B1BDCE;
        background-image: url("../images/suback_.gif");
        background-repeat: no-repeat;
        background-position: bottom left;
        font-family: tahoma,verdana, arial;
        font-size: 11px;
        font-weight: bold;
        color : #ffffff;
        height: 146px;
        border-style: solid;
        border-color: #777;
        border-width: 0px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;
}


#main_2_sulogo
{
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        font-weight: normal;
        color : #ffffff;
        border-style: solid;
        border-color: #B1BDCE;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:0px;
        padding-top:25px;
        height: 86px;

}

#main_3
{
        background-color: #9EA8B5;
        background-image: url("../images/suback_1_.gif");
        background-repeat: no-repeat;
        font-family: tahoma,verdana, arial;
        font-size: 5px;
        font-weight: normal;
        color : #ffffff;
        border-style: solid;
        border-color: #777;
        border-width: 1px;
        border-top-width:1px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:0px;

}

#main_4
{
        background-color: #F9FAFB;
        background-repeat: no-repeat;
        font-family: tahoma,verdana, arial;
        font-size: 1px;
        font-weight: normal;
        color : #ffffff;
        border-style: solid;
        border-color: #B2B2B2;
        border-width: 0px;
        border-top-width:1px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:0px;

}

#main_5_copy
{
        background-color: #F9FAFB;
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        font-weight: normal;
        color : #828282;

}



/* =============== MENU ======================== */

.mainmenu
{
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        font-weight: bold;
        font-style : normal;
        color : #ffffff;
        border-style: solid;
        border-color: #B1BDCE;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;
        vertical-align : bottom;
        text-align : left;
        padding-bottom : 5px;
        white-space:nowrap;

}

#menucontent
{
        background-color: #F9FAFB;
        background-image: url("");
        background-repeat: no-repeat;
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        font-weight: normal;
        color : #828282;
        border-style: solid;
        border-color: #000000;
        border-width: 0px;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        padding-left : 20px;
        vertical-align: top;

}

td.submenu
{
        background-color: #F9FAFB;
        background-repeat: no-repeat;
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        font-weight: normal;
        color : #828282;
        border-style: solid;
        border-color: #828282;
        border-width: 0px 0px 0px 0px;
        padding-right : 20px;
        padding-left : 2px;
        height:100px;

}


td.submenucontact
{
        background-color: #F9FAFB;
        background-image: url("../images/at3.gif");
        background-repeat: no-repeat;
        background-position: top right;
        font-family: tahoma,verdana, arial;
        font-size: 10px;
        font-weight: normal;
        color : #828282;
        border-style: solid;
        border-color: #828282;
        border-width: 0px;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        padding-right : 20px;
        height: 100px;

}


div.menu_item
{
        color: #D1E4FE;
        border-style: solid;
        border-color: #ffffff;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:2px;
        white-space: nowrap;
}

#submenuTitle
{
        color: #ADB6C3;
        font-weight:bold;
        font-size:10px;
        font-family: verdana,arial;
        padding-right:0px;

        border-style: solid;
        border-color: #ADB6C3;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:2px;
}








td.technology
{
        text-align: justify;
        color : #828282;
}


.arrow_0
{
        font-family: tahoma,verdana, arial;
        font-size: 20px;
        font-weight: bold;
        color: #E6F0FE;
        /* color : #D1E4FE; */

}


/* ============ UNDERLINES =================*/

div.whiteLine
{
        border-style: solid;
        border-color: #ffffff;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:2px;
}

div.underLine
{
        border-style: solid;
        border-color: #ED6E07;
        border-color: #B1BACB;
        border-color: #CCD2DE;
        border-color: #DBDFE6;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;
        padding-bottom:3px;
        margin-bottom: 2px;
        color: #828282;
}

div.su
{
        width :500px;
        text-align :justify;
}



#siteInfo
{
        width : 400px;
        text-align: justify;
}



td.web
{
        color: #777777;
        width : 20%;
        white-space : nowrap;
        letter-spacing : 0.5px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;
}

td.web2
{
        color: #373737;
        letter-spacing : 0.5px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:1px;
        padding-left:20px;
}


td#chart
{
        background-color: #739DD7;
        font-size: 3px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 1px;
        border-top-width:0px;
        border-left-width:0px;
        border-right-width:0px;
        border-bottom-width:2px;
        height : 5px;
}

td#chartNoWrap
{
        white-space: nowrap;
}

table#chart
{
        float: left;
        vertical-align : middle;
}

/* =================================== LINKS ===================================== */


a.submenu:link
{
        font-family: tahoma, verdana, arial;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #D4D4D4;
}

a.submenu:visited
{
        font-family: tahoma, verdana, arial;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #D4D4D4;
}

a.submenu:active
{
        font-family: tahoma, verdana, arial;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #D4D4D4;
}

a.submenu:hover
{
        font-family: tahoma, verdana, arial;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #696969;
}

.submenu
{
        background-color: #F9FAFB;
        padding-right:5px;
        padding-left:10px;
}

a.mainmenu:link    {font-family: verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #ffffff;}
a.mainmenu:visited {font-family: verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #ffffff;}
a.mainmenu:active  {font-family: verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #ffffff;}
a.mainmenu:hover   {font-family: verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #D1E4FE;}

a.weburl:link    {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #A6C2E9;}
a.weburl:visited {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #A6C2E9;}
a.weburl:active  {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #A6C2E9;}
a.weburl:hover   {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #739DD7;}


A.mail:link    {font-family: verdana, arial; font-weight: bold; text-decoration: none; color: #C0C8D0;}
A.mail:visited {font-family: verdana, arial; font-weight: bold; text-decoration: none; color: #C0C8D0;}
A.mail:active  {font-family: verdana, arial; font-weight: bold; text-decoration: none; color: #C0C8D0;}
A.mail:hover   {font-family: verdana, arial; font-weight: bold; text-decoration:none; color: #727A82;}

a.img:link    {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #CDCDCD;}
a.img:visited {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #CDCDCD;}
a.img:active  {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #CDCDCD;}
a.img:hover   {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: bold; text-decoration: none; color: #000000;}

a.blue:link    {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #739DD7;}
a.blue:visited {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #739DD7;}
a.blue:active  {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: none; color: #739DD7;}
a.blue:hover   {font-family: tahoma,verdana, arial; font-size: 10px; font-weight: normal; text-decoration: underline; color: #739DD7;}




ul
{
        list-style-type: square;
        text-align : left;
        padding-right: 5px;
        font-size: 10px;
}


li
{
        list-style-type: square;
        text-align : left;
        padding-right: 5px;
        font-size: 10px;
}




td.info
{
        color: #373737;
        letter-spacing : 0.5px;
}

td.info2
{
        color: #777777;
        letter-spacing : 0.5px;
        padding-left:2px;
}

#infoTitle
{
        color : #ADB6C3;
        font-family: verdana;
        font-weight: normal;
}

#infoName
{
        color: #828282;
}

img.square
{
        padding-left: 3px;
        padding-right: 10px;
}

img.web
{
        border-style: solid;
        border-color: #828282;
        border-width: 1px;
        border-top-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
}

#suMembaz
{
        padding-left: 20px;
}



b.imgSel
{
        color : #000000;
        font-size: 11px;
        font-family: tahoma,arial,verdana;

}

b.imgArrow
{
        color : #CDCDCD;
        font-size: 10px;
        font-family: tahoma,arial,verdana;

}


b#webTitle
{
        color:#ED6E07;
        color: #739DD7;
        color: #828282;
        font-family: verdana;

}

b#redArr
{
        color:#ED6E07;
}

b#blueArr
{
        color: #FFC600;
        color: #739DD7;
}

b.greyArr
{
        color: #B1BACB;
}


b#noWr
{
        font-weight: normal;
        white-space: nowrap;
}