/* keret start */

body {
    background-color: #d7d7d7;
}

a.magentaBtn,
a.magentaBtn:hover,
a.magentaBtn:visited {
	position: relative;
	text-decoration: none;
}

a.magentaBtn img {
	border: none 0;
}

a.magentaBtn:hover {
	text-decoration: underline;
}

a.magentaBtn span {
	position: absolute;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	top: 9px;
}

a.magentaBtn:hover span {
	text-decoration:underline;
}

a img {
	border: 0 none;
}


a:link,
a:visited,
a:hover,
a:active {
    color: #e20074;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

div#pWrapper {
    width: 1008px;
    margin: 0 auto 0;
    overflow: hidden;
}
div#pTopLogo {
	position: relative;
    float: left;
    width: 1008px;
    height: 96px;
    z-index: 1;
}

div#pTopLogo img.pngImage {
	position: absolute;
	top: 159px;
	left: 652px;
}

div#pWrapper_dropShadow {
    float: left;
    width: 1002px;
    padding: 0 3px;
    background: transparent url(/static/optika/img/bg_pwrapper-dropshadow.jpg) top left repeat-y;
}

div#pContainer {
	position: relative;
    float: left;
    /*width: 986px;
    padding: 10px 7px 0;*/
    width: 1000px;
    padding: 0px 0px 0px;
    background: #fff url(/static/optika/img/bg_pcontainer-bottom.jpg) bottom left repeat-x;
    border: 1px solid #fff;
}

div#pHeader {
    float: left;
    padding-left: 7px;
    width: 986px;
    height: 63px;
}

    div#pHeader a.logoImage {
        display: block;
        float: left;
    }

    div#pHeader div.titleMenu {
        float: left;
        width: 986px;
        height: 62px;
        background: transparent url(/static/optika/img/bg_title-menu.jpg) top left repeat-x;
    }

        div#pHeader div.titleMenu h1 {
            float: left;
            width: 281px;
            height: 62px;
        }

/* menu eleje */

div#pHeader div.titleMenuBottom {
    float:left;
    width: 986px;
    height: 1px;
    line-height: 1px;
    font-size: 0px;
}

div#pHeader.btn01on div.titleMenuBottom {
    background: #000 url(/static/optika/img/menu/bg_btn_01_on.gif) bottom left no-repeat;
}

div#pHeader.btn02on div.titleMenuBottom {
    background: #000 url(/static/optika/img/menu/bg_btn_02_on.gif) bottom left no-repeat;
}

div#pHeader.btn03on div.titleMenuBottom {
    background: #000 url(/static/optika/img/menu/bg_btn_03_on.gif) bottom left no-repeat;
}

div#pHeader.btn04on div.titleMenuBottom {
    background: #000 url(/static/optika/img/menu/bg_btn_04_on.gif) bottom left no-repeat;
}
div#pHeader.btn05on div.titleMenuBottom {
    background: #000 url(/static/optika/img/menu/bg_btn_05_on.gif) bottom left no-repeat;
}



div#pHeader div.sep01 {
    float: left;
    width:1px;
    height: 42px;
    background: url(/static/optika/img/menu/sep_01.gif) bottom left no-repeat;
}

div#pHeader.btn01on div.sep01 {
    background: url(/static/optika/img/menu/sep_01_on.gif) bottom left no-repeat;
}

div#pHeader div.sep02 {
    float: left;
    width:1px;
    height: 42px;
    background: url(/static/optika/img/menu/sep_02.gif) bottom left no-repeat;
}

div#pHeader.btn01on div.sep02, div#pHeader.btn02on div.sep02 {
    background: url(/static/optika/img/menu/sep_02_on.gif) bottom left no-repeat;
}

div#pHeader div.sep03 {
    float: left;
    width:1px;
    height: 42px;
    background: url(/static/optika/img/menu/sep_03.gif) bottom left no-repeat;
}

div#pHeader.btn02on div.sep03, div#pHeader.btn03on div.sep03 {
    background: url(/static/optika/img/menu/sep_03_on.gif) bottom left no-repeat;
}

div#pHeader div.sep04 {
    float: left;
    width:1px;
    height: 42px;
    background: url(/static/optika/img/menu/sep_04.gif) bottom left no-repeat;
}

div#pHeader.btn03on div.sep04, div#pHeader.btn04on div.sep04 {
    background: url(/static/optika/img/menu/sep_04_on.gif) bottom left no-repeat;
}

div#pHeader div.sep05 {
    float: left;
    width:1px;
    height: 42px;
    background: url(/static/optika/img/menu/sep_05.gif) bottom left no-repeat;
}

div#pHeader.btn04on div.sep05 {
    background: url(/static/optika/img/menu/sep_05_on.gif) bottom left no-repeat;
}
div#pHeader div.sep06 {
    float: left;
    width:1px;
    height: 42px;
    background: url(/static/optika/img/menu/sep_05.gif) bottom left no-repeat;
}

div#pHeader.btn05on div.sep06 {
    background: url(/static/optika/img/menu/sep_05_on.gif) bottom left no-repeat;
}

div#pHeader a.btn01 {
    display: block;
    float: left;
    width: 84px;
    height: 42px;
    background: url(/static/optika/img/menu/btn_01.gif) bottom left no-repeat;
}

div#pHeader a.btn01:hover {
    background: url(/static/optika/img/menu/btn_01_over.gif) bottom left no-repeat;
}

div#pHeader.btn01on a.btn01, div#pHeader.btn01on a.btn01:hover {
    background: url(/static/optika/img/menu/btn_01_on.gif) bottom left no-repeat;
}

div#pHeader a.btn02 {
    display: block;
    float: left;
    width: 81px;
    height: 42px;
    background: url(/static/optika/img/menu/btn_02.gif) bottom left no-repeat;
}

div#pHeader a.btn02:hover {
    background: url(/static/optika/img/menu/btn_02_over.gif) bottom left no-repeat;
}

div#pHeader.btn02on a.btn02, div#pHeader.btn02on a.btn02:hover {
    background: url(/static/optika/img/menu/btn_02_on.gif) bottom left no-repeat;
}

div#pHeader a.btn03 {
    display: block;
    float: left;
    width: 117px;
    height: 42px;
    background: url(/static/optika/img/menu/btn_03.gif) bottom left no-repeat;
}

div#pHeader a.btn03:hover {
    background: url(/static/optika/img/menu/btn_03_over.gif) bottom left no-repeat;
}

div#pHeader.btn03on a.btn03, div#pHeader.btn03on a.btn03:hover {
    background: url(/static/optika/img/menu/btn_03_on.gif) bottom left no-repeat;
}

div#pHeader a.btn04 {
    display: block;
    float: left;
    width: 150px;
    height: 42px;
    background: url(/static/optika/img/menu/btn_04.gif) bottom left no-repeat;
}

div#pHeader a.btn04:hover {
    background: url(/static/optika/img/menu/btn_04_over.gif) bottom left no-repeat;
}

div#pHeader.btn04on a.btn04, div#pHeader.btn04on a.btn04:hover {
    background: url(/static/optika/img/menu/btn_04_on.gif) bottom left no-repeat;
}


div#pHeader a.btn05 {
    display: block;
    float: left;
    width: 164px;
    height: 42px;
    background: url(/static/optika/img/menu/btn_05.gif) bottom left no-repeat;
}

div#pHeader a.btn05:hover {
    background: url(/static/optika/img/menu/btn_05_over.gif) bottom left no-repeat;
}

div#pHeader.btn05on a.btn05, div#pHeader.btn04on a.btn05:hover {
    background: url(/static/optika/img/menu/btn_05_on.gif) bottom left no-repeat;
}

/* menu vege */


div.subtitleRow {
    float: left;
    padding-left: 7px;
    width: 986px;
    height: 53px;
}

div.subtitleRow h3 {
    float: left;
    width: 986px;
    background: transparent url(/static/optika/img/bg_subtitle-box.jpg) top right repeat-x;
}

div#pContent {
    float: left;
    padding-top: 20px;
    padding-bottom: 29px;
}

div#pContent.w946 {
    width: 946px;
    padding-left: 20px;
    padding-right: 20px;
}

div#pContent.miert-jo {
    width: 1000px;
}

div#pFooter {
    float: left;
    width: 963px;
    padding: 17px 23px 50px 22px;
    background: #d7d7d7 url(/static/optika/img/bg_pfooter.jpg) top left no-repeat;
}


    div#pFooter ul {
        float: left;
        list-style: none;
    }

    div#pFooter ul.footerCopyright {
        float: right;
    }

        div#pFooter ul li {
            float: left;
            font-size: 11px;
            line-height: 14px;
            color: #666;
        }

            div#pFooter ul li a {
                font-size: 11px;
                line-height: 14px;
                color: #666;
                text-decoration: none;
            }

            div#pFooter ul li a:hover {
                text-decoration: underline;
            }

        div#pFooter ul.footerLinks li {
            padding-right: 24px;
            background: transparent url(/static/optika/img/bg_pfooter-list.gif) 100% 6px no-repeat;
        }

        div#pFooter ul.footerLinks li.lastItem {
            padding: 0;
            background: 0 none;
        }

        div#pFooter ul.footerCopyright li {
            padding-left: 16px;
        }

            div#pFooter ul.footerCopyright li a.kiroLink {
                display: block;
                float: left;
                margin-top: 3px;
            }

a.moreLink {
    padding-right: 10px;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    background: transparent url(/static/optika/img/ico_morelink.gif) 100% 4px no-repeat;
    text-decoration: none;
}

a.moreLink:hover {
    text-decoration: underline;
}

/* keret vege */

/* nyitooldal start */

div#openingFlash,
object#openingFlash {
    float: left;
    margin-left: 7px;
    width: 986px;
    height: 489px;
    background-color: #222;
}

div#openingFlash.noFlash {
    width: 936px;
    height: 353px;
    padding: 136px 0 0 50px;
    background: #222 url(/static/optika/img/bg_noflash.jpg) top left no-repeat;
}

div#openingFlash.noFlash p {
    float: left;
    margin-bottom: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}

div#openingFlash.noFlash a.dlFlash {
    display: block;
    float: left;
    clear: both;
    padding-left: 30px;
    font-size: 12px;
    line-height: 23px;
    background: transparent url(/static/optika/img/bg_dlflash.jpg) top left no-repeat;
}

div.openingDistributors {
     float: left;
     padding-left: 8px;
     width: 986px;
}

    div.openingDistributors div.distributorBox {
        float: left;
        height: 215px;
        padding-top: 15px;
    }

    div.openingDistributors div.distributorBox.box1 {
        position: relative;
        width: 292px;
        padding-left: 15px;
    }

    div.openingDistributors div.distributorBox.box2 {
        width: 330px;
        padding-right: 19px;
        padding-left: 19px;
        background: transparent url(/static/optika/img/bg_distributorbox-tudjon-meg.gif) top left no-repeat;

    }

    div.openingDistributors div.distributorBox.box3 {
        position: relative;
        width: 273px;
        padding-right: 20px;
        padding-left: 18px;
        background: transparent url(/static/optika/img/bg-distributorbox-hol-erheto.jpg) 20px 97px no-repeat;
    }

        div.openingDistributors div.distributorBox h3 {
            float: left;
            height: 43px;
        }

        div.openingDistributors div.distributorBox.box1 img.promoPic {
            position: absolute;
            top: -36px;
            left: 21px;
            z-index: 1;
        }

        div.openingDistributors div.distributorBox.box1 a.moreInfo {
            display: block;
            position: absolute;
            top: 182px;
            left: 56px;
            z-index: 2;
        }

        div.openingDistributors div.distributorBox.box2 div.contentWrapper {
            float: left;
            width: 317px;
            padding-left: 13px;
        }

            div.openingDistributors div.distributorBox.box2 div.contentWrapper img {
                float: left;
                padding: 3px 0 0 0;
            }

            div.openingDistributors div.distributorBox.box2 div.contentWrapper div.textContent {
                float: left;
                /*width: 203px;*/
                padding-top: 2px
            }

                div.openingDistributors div.distributorBox.box2 div.contentWrapper div.textContent h6 {
                    margin-bottom: 9px;
                }

                div.openingDistributors div.distributorBox.box2 div.contentWrapper div.textContent p {
                    margin-bottom: 4px;
                    line-height: 16px;
                    padding: 2px 35px;
                }

        div.openingDistributors div.distributorBox.box3 p {
            float: left;
            width: 226px;
            padding: 3px 0 0 47px;
            font-size: 12px;
            line-height: 15px;
        }

        div.openingDistributors div.distributorBox.box3 div.btnRegistration {
            display: block;
            position: absolute;
            top: 174px;
            left: 18px;
            text-decoration: none;
        }

        div.openingDistributors div.distributorBox.box3 a.magentaBtn span {
        	left: 30px;
        }

/* nyitooldal vege */

/* aloldalak start */

.marginB20 {
    margin-bottom: 20px;
}

div#pContent.miert-jo div.sectionBox {
    float: left;
    width: 944px;
    padding: 20px 29px 0px 27px;
}

div#pContent.miert-jo div.sectionBox div.container {
	float: left;
    width: 944px;
}

div#pContent.miert-jo div.sectionBox div.container.bgTurquoise {
    padding: 26px 18px 20px 28px;
    width: 898px;
    background-color: #ebffff;

}

div#pContent.miert-jo div.sectionBox div.container.bgEggShell {
    background: #fff9e5 url(/static/optika/img/bg_section-box_egg-shell.gif) repeat-x bottom left;
}

img.lakossagiPic {
	position: absolute;
	left: 493px;
	top: 157px;
	z-index: 1;
}
div.sectionBox h4 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #e20074;
}

div.bgTurquoise p.lead {
	padding-bottom: 17px;
    width: 372px;
    font-size: 16px;
    line-height: 22px;
}
div.bgTurquoise div.content {
	float: left;
	padding-right: 19px;
	width: 210px;
}

div.bgTurquoise div.content p {
	padding-bottom: 17px;
	line-height: 17px;
}

.noBottom {
    padding-bottom: 0px !important;
}
.paddingB5 {
    padding-bottom: 5px !important;
}

div.bgTurquoise div.content p.noBottom {
	padding-bottom: 0px;
}


div.bgEggShell div.content {
	float: left;
	width: 886px;
}

img.hdPic {
	float: left;
	padding: 109px 19px 0 0;
}

div.bgEggShell div.content div.text {
	float: left;
	padding-top: 24px;
}

div.bgEggShell div.content div.text .left {
	float: left;
	padding: 22px 69px 0px 0px;
	width: 214px;
}

div.bgEggShell div.content p {
	padding-bottom: 17px;
	line-height: 17px;
}

div.bgEggShell div.content p.lead {
	padding-bottom: 9px;
    width: 350px;
    font-size: 16px;
    line-height: 22px;
}

div.bgEggShell div.content div.text .right {
	float: left;
	width: 160px;
}

div.bgEggShell div.content ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}


div.bgEggShell div.content ul li img {
	float: left;
	padding-right: 17px;
}
div.bgEggShell div.content ul li p {
	padding-bottom: 9px;
	line-height: 41px;
	font-weight: bold;
}



div#pContent.miert-jo div.sectionBoxLightGreen {
    float: left;
    padding: 0px 29px 0px 27px;
    width: 944px;
}


div#pContent.miert-jo div.sectionBoxLightGreen div.container.bgLightGreen {
	float: left;
	position: relative;
    padding: 17px 0px 0px 0px;
    background: #dcffd9;
    width: 944px;
    height: 277px;
}

div#pContent.miert-jo div.sectionBoxLightGreen div.container div.content {
    float: left;
    padding-left: 27px;
}

div#pContent.miert-jo div.sectionBoxLightGreen h4 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #e20074;
}

div#pContent.miert-jo div.sectionBoxLightGreen p {
	float: left;
	padding: 0px 28px 28px 0px;
	width: 200px;
	line-height: 17px;
}

div#pContent.miert-jo div.sectionBoxLightGreen p.col2 {
	padding: 0px 40px 28px 0px;
}

div#pContent.miert-jo div.sectionBoxLightGreen p.lead {
	float: none;
	padding-bottom: 32px;
    width: 350px;
    font-size: 16px;
    line-height: 22px;
}

div#pContent.miert-jo p.paddingB6 {
	padding-bottom: 6px;
}

div#pContent.miert-jo div.sectionBoxLightGreen p.paddingT {
	padding: 118px 0px 0px 23px;
	width:120px;
}
img.videotekaPic {
	position: absolute;
	right: -30px;
	top: 0px;
	z-index: 1;
}
a.rightArrow,
a.rightArrow:link,
a.rightArrow:hover,
a.rightArrow:visited,
a.rightArrow:active {
	padding-right: 11px;
	color: #e20074;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	background: transparent url(/static/optika/img/lnk_right-arrow.gif) no-repeat right 4px;
}

a.rightArrow:hover {
	text-decoration: underline;
}

div.shadowBoxContainer {
	float: left;
	padding-left: 24px;
	padding-bottom: 18px;
}

div.shadowBox {
	float: left;
	padding-top: 30px;
	padding-left: 189px;
	width: 277px;
	height: 182px;
}
    .rightCol div.shadowBox {
        float: none;
    }

div.shadowBox h4 {
	padding-top: 0px;
	padding-bottom: 11px;
	padding-left: 3px;
	color: #e7308e;
}

div.shadowBox p {
	padding-left: 4px;
	padding-bottom: 25px;
	line-height: 18px;
}

div.shadowBox.technikai {
	margin-right: 20px;
	background-image: url(/static/optika/img/bg_technikai-hatter.gif);
}

div.shadowBox.technikai h4 {
	padding-left: 5px;
}

/*
div.shadowBox.technikai a.magentaBtn span,
.folyamatbanLevoFejlesztesek  a.magentaBtn span {
	left: 22px;
}

.folyamatbanLevoFejlesztesek  a.magentaBtn span {
	top: 19px;
}
*/

div.shadowBox.hogyan-hozzuk {
	background-image: url(/static/optika/img/bg_hogyan-hozzuk.jpg);
}

div.hogyan-hozzuk p {
	padding-bottom: 33px;
	width: 175px;
}

div.hogyan-hozzuk a.magentaBtn span, div.technikai a.magentaBtn span {
	left: 21px;
}

div.questionContainer{
	padding-left: 27px;
}
div.guestionBox {
	float: left;
	padding: 20px;
	width: 904px;
	border: 1px solid #e8e8e8;
}

div.guestionBox img {
	float: left;
	padding-right: 20px;
}

div.guestionBox h4 {
	padding-top: 12px;
	padding-bottom: 6px;
	margin: 0px;
	height: 15px;
	color: #e7308e;
}

div.guestionBox h5 {
	padding-bottom: 24px;
	color: #000000;
	font-size: 16px;
	font-weight: normal;
}

ul.magentaSquare {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.magentaSquare li {
	padding-left: 13px;
	line-height: 15px;
    padding-bottom: 4px;
	background: transparent url(/static/optika/img/lst_magenta-square.gif) no-repeat 0 5px;
}

div.guestionBox ul.magentaSquare {
	padding-left: 62px;
}

div#pContent.hogyanHozzukEl {
	position: relative;
}


div#pContent.hogyanHozzukEl div.lead p,
div#pContent.hogyanMukodik div.lead p {
    line-height: 22px;
    font-size: 16px;
}

div#pContent.hogyanHozzukEl div.lead p a,
div#pContent.hogyanHozzukEl div.lead p a:hover,
div#pContent.hogyanHozzukEl div.lead p a:visited {
    color: #e20074;
    font-size: 16px;
    text-decoration: none;
    line-height: 22px;
}

div#pContent.hogyanHozzukEl div.lead p a:hover {
    text-decoration: underline;
}

div#pContent.hogyanHozzukEl div.sectionBox {
	position: relative;
    float: left;
    width: 944px;
    padding: 20px 29px 0px 27px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.container.bgLightBlue {
	padding: 19px 0px 23px 218px;
	background: #ebfffe;
    width: 726px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.container.bgLightBlue ul.magentaSquare {
	width: 465px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.container.bgLightBlue ul.magentaSquare li {
	line-height: 15px;
	padding-bottom: 4px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.container.bgLightBlue h4 {
	padding-top: 19px;
	height: 18px;
}

div#pContent.hogyanHozzukEl img.pngImage {
	position: absolute;
	top: 160px;
	left: -1px;
	z-index: 1;
}

div#pContent.hogyanHozzukEl div.sectionBox {
	z-index: 0;
}

div#pContent.hogyanHozzukEl div.sectionBox div.container.bgLightYellow {
	padding: 21px 0px 24px 35px;
	float: left;
	background: #fff9e6;
    width: 909px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightYellow div.text {
	float: left; width: 445px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightYellow img.numero {
	padding-left: 3px;
	padding-bottom: 13px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightYellow h4 {
	padding-bottom: 10px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightYellow ul {
	width: 420px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightYellow ul li {
	line-height: 18px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightYellow div.image {
	padding-top: 28px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.container.bgLightGreen {
    padding: 31px 37px 20px 29px;
	background: #dcffd9;
	float: left;
    width: 878px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen div.text {
	position: relative;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen div.text h4 {
	padding-bottom: 1px;
}


div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen div.text p.big {
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 20px;
}


div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen div.text h5 {
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	color: #e20074;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen div.text div {
	float: left;
	width: 275px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen p.small {
	padding-left: 3px;
	padding-top: 1px;
	line-height: 12px;
	font-size: 10px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen div.text div ul li {
	line-height: 17px;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightGreen div.image {
	float: left;
	padding-top: 19px;
	width: 190px;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol {
	float: left;
	padding: 10px 20px 0px 27px;
	width: 577px;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol .gradMapBg {
	padding: 24px 30px 0px 30px;
	/*height: 505px;*/
	width: 522px;
    margin-bottom: 20px;
	background: #ffffff url(/static/optika/img/bg_fejlesztesek.jpg) repeat-x 0 0;
    /*background: #FFF url(../img/bg_roadshow-bottom.jpg) no-repeat right bottom;*/
}

div#pContent.jobbanMegismerem {
}

div#pContent.jobbanMegismerem div.leftCol {
	width: 457px;
	float: left;
	padding: 0 26px 0 27px;
}
	div#pContent.jobbanMegismerem div.leftCol .nezzeMeg {
		width: 460px;
		/*height: 435px;*/
		padding: 0 0 128px 0;
		margin: 0 0 18px;
		background: #EDEDED url(/static/optika/img/bg_nezze-meg2.jpg) no-repeat left bottom;
	}
		div.leftCol .nezzeMeg .textContent {
			/*padding: 57px 20px 0 81px;*/
			padding: 0 20px 0 81px;
		}

			div.leftCol .nezzeMeg .textContent p {
				padding-bottom: 20px;
				line-height: 17px;
			}


            .nezzeMeg ul li {
                padding-bottom: 16px;
            }

div#pContent.jobbanMegismerem div.rightCol {
	width: 277px;
	float: left;
	padding: 0;
	margin: 0;
}
	div#pContent.jobbanMegismerem div.rightCol .shadowBoxContainer {
		padding-left: 20px;
	}

	div#pContent.jobbanMegismerem div.rightCol .technikai {
		margin-bottom: 15px;
	}

div#pContent.optikaJardafestmeny  {
    margin: 0 8px 0;
}
div#pContent.optikaJardafestmeny  .optikaContent{
    background: url(/static/optika/img/bg_optika_jardafestmeny.jpg) no-repeat right top;
    float: left;
    width: 968px;
    padding-left: 16px;
}
    div#pContent.optikaJardafestmeny  .optikaContent #videoContent {
        /*background: url(/static/optika/img/sample_videoplayer.gif) no-repeat left top;*/
        width: 605px;
        height: 390px;
        margin-bottom: 38px;
    }

    div#pContent.optikaJardafestmeny .textBox {
        background: #E5E5E5;
        border-top: 1px solid #CFCFCF;
        width: 944px;
        padding: 20px;
        margin-bottom: 10px;
    }
        div#pContent.optikaJardafestmeny .textBox h2,
        div#pContent.optikaJardafestmeny .textBox p {
            padding-bottom: 10px;
        }

div.leftCol .gradMapBg .roadShowInfo {
	position: relative;
	left: -2px;
	top: -83px;
}
div.leftCol .gradMapBg .roadShowBottom {
    position: relative;
    padding: 20px 0 20px;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol h4 {
	padding-bottom: 34px;
	color: #e20074;
	font-size: 17px;
	font-weight: bold;
}
    div#pContent.folyamatbanLevoFejlesztesek div.leftCol .roadShowBottom h4 {
        padding-bottom: 7px;
    }
    div#pContent.folyamatbanLevoFejlesztesek div.leftCol .roadShowBottom p {
        padding-bottom: 14px;
    }

div#pContent.folyamatbanLevoFejlesztesek div.leftCol h4.fejlesztesek {
	position: relative;
	top: -15px;
	left: -2px;
	background: url(/static/optika/img/bg_fejlesztesi-hely.gif)	 no-repeat left top;
	padding: 16px 0 18px 32px;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol h4.roadshow {
	position: relative;
	top: -13px;
	float: right;
	width: 90px;
	background: url(/static/optika/img/bg_roadshow-hely.gif) no-repeat left top;
	padding: 16px 0 18px 34px;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol .gradMapBg ul {
	padding-left: 1px;
	float: left;
	width: 129px;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol .gradMapBg ul li {
	float: left;
	padding-left: 11px;
	/*line-height: 18px;*/
	line-height: 11px;
	width: 100%;
	/*idth: 118px;*/
	font-weight: bold;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol .gradMapBg img.pngImage {
	padding: 0;
    margin: -40px 0 20px 0;
}

div#pContent.folyamatbanLevoFejlesztesek div.leftCol .gradMapBg .magentaBtn img.pngImage {
	padding: 0;
    margin: 0;
}
    div#pContent.folyamatbanLevoFejlesztesek div.leftCol .gradMapBg .magentaBtn span {
        left: 21px;
    }

div#pContent.folyamatbanLevoFejlesztesek div.rightCol {
	float: left;
	padding-top: 10px;
}

div#pContent.folyamatbanLevoFejlesztesek div.smallShadowBox {
	padding-top: 20px;
	padding-left: 117px;
	width: 237px;
	height: 171px;
}

div#pContent.folyamatbanLevoFejlesztesek div.smallShadowBox  h4 {
	padding-top: 0px;
	padding-bottom: 11px;
	padding-left: 3px;
	color: #e7308e;
}

div#pContent.folyamatbanLevoFejlesztesek div.smallShadowBox  p {
	padding-left: 4px;
	padding-bottom: 31px;
	line-height: 18px;
}

div#pContent.folyamatbanLevoFejlesztesek div.smallShadowBox.hogyan-hozzuk {
	background-image: url(/static/optika/img/bg_hogyan-hozzuk-small.jpg);
	background-repeat: no-repeat;
}


div#pContent.hogyanMukodik div.lead h4 {
    padding: 15px 0px;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #e20074;
}

div#pContent.hogyanHozzukEl div.topContainer,
div#pContent.hogyanMukodik div.topContainer {
	position: relative;
	float: left;
	width: 971px;
}

div#pContent.hogyanMukodik div.topContainer div.shadowBox.hogyan-hozzuk {
	padding: 30px 3px 4px 32px;
	background: transparent url(/static/optika/img/bg_yellowgrad.jpg) no-repeat 0 0;
	width: 260px;
	height: 135px;
}

div#pContent.hogyanHozzukEl div.topContainer div.shadowBox.technikai {
	padding: 25px 10px 8px 25px;
	background: transparent url(/static/optika/img/bg_bluegrad.jpg) no-repeat 0 0;
	width: 260px;
	height: 135px;
}

div#pContent.hogyanHozzukEl div.topContainer div.shadowBox.technikai h4 {
	padding-left: 0px;
}
div#pContent.hogyanHozzukEl div.topContainer div.shadowBox.technikai p {
	padding-left: 0px;
	padding-bottom: 10px;
}

div#pContent.hogyanHozzukEl div.shadowBox.technikai {
	float: right;
	margin-right: 0px;
}


div#pContent.hogyanHozzukEl div.lead {
	float: left;
	width: 490px;
	padding: 26px 38px 26px 57px;

}
div#pContent.hogyanHozzukEl div.lead {
	float: left;
	width: 510px;
	padding-top: 10px;

}

div#pContent.hogyanHozzukEl div.shadowBox.technikai img.pngImage {
	position: relative;
	top: 0px;
	left: 0px;
}

div#pContent.hogyanHozzukEl div.shadowBox.technikai a.magentaBtn span {
	z-index: 1;
}

div#pContent.hogyanHozzukEl div.sectionBox div.bgLightBlue div.text {
	float: left;
	width: 445px;
}


div#pContent.hogyanMukodik div.lead {
	float: left;
	width: 490px;
	padding: 26px 38px 13px 57px;

}

div#pContent.hogyanMukodik div.topContainer div.shadowBox.hogyan-hozzuk h4 {
	padding-left: 0px;
}
div#pContent.hogyanMukodik div.topContainer div.shadowBox.hogyan-hozzuk p {
	padding-left: 0px;
	padding-bottom: 10px;
}

div#pContent.hogyanMukodik div.shadowBox.hogyan-hozzuk {
	float: right;
	margin-right: 0px;
}

div#pContent.hogyanMukodik div.lead p a,
div#pContent.hogyanMukodik div.lead p a:hover,
div#pContent.hogyanMukodik div.lead p a:visited {
    color: #e20074;
    font-size: 16px;
    text-decoration: none;
    line-height: 22px;
}

div#pContent.hogyanMukodik div.lead p a:hover {
    text-decoration: underline;
}

div#pContent.hogyanMukodik div.sectionBox {
	position: relative;
    float: left;
    width: 944px;
    padding: 20px 29px 0px 27px;
}

div#pContent.hogyanMukodik div.sectionBox div.container.bgLightBlue {
	float: left;
	padding: 19px 0px 0px 29px;
	background: #ebfffe;
    width: 915px;
}

div#pContent.hogyanMukodik div.sectionBox div.container.bgLightBlue div.text {
	float: left;
	width: 561px;
}

div#pContent.hogyanMukodik div.sectionBox div.container.bgLightBlue div.image {
	float: left;
	padding-top: 5px;
}

div#pContent.hogyanMukodik div.sectionBox div.container.bgLightBlue ul.magentaSquare {
	width: 538px;
}

div#pContent.hogyanMukodik div.sectionBox div.container.bgLightBlue ul.magentaSquare li {
	line-height: 17px;
	padding-bottom: 17px;
}

div#pContent.hogyanMukodik div.sectionBox div.container.bgLightBlue h4 {
	padding-top: 5px;
	padding-bottom: 25px;
	height: 18px;
}

div#pContent.hogyanMukodik div.sectionBox div.container.bgLightYellow {
	padding: 26px 0px 0px 27px;
	float: left;
    width: 917px;
    background: #fff9e6 url(/static/optika/img/bg_hogyan-mukodik.jpg) no-repeat 23px bottom;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow div.left {
	float: left;
	padding-right: 55px;
	width: 400px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow div.left div.containerOther {
	position: relative;
	width: 402px;
	height: 317px;

}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow div.left div.containerOther div.leftPos {
	float: left;
	padding-top: 20px;
	width: 145px;
	font-size: 11px;
	line-height: 17px;
}
div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow div.left div.containerOther div.rightPos {
	float: right;
	padding-top: 178px;
	width: 145px;
	font-size: 11px;
	line-height: 15px;
	text-align: right;
}



div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow div.right {
	padding-right: 26px;
	padding-left: 455px;
	padding-top: 42px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow p {
	line-height: 17px;
	padding-bottom: 17px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow h4 {
	padding-bottom: 22px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow h4.black {
	color: black;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow ul {
	width: auto;
	padding-bottom: 20px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightYellow ul li {
	line-height: 17px;
}







div#pContent.hogyanMukodik div.sectionBox div.container.bgLightGreen {
    padding: 25px 37px 20px 30px;
	background: #dcffd9;
	float: left;
    width: 877px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightGreen div.left {
	float: left;
	padding-right: 49px;
	width: 400px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightGreen p {
	line-height: 17px;
	padding-bottom: 17px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightGreen h4 {
	padding-bottom: 22px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightGreen div.right {
	padding-top: 40px;
}

div#pContent.hogyanMukodik div.sectionBox div.bgLightGreen div.right p {
	padding-left: 455px;
	padding-bottom: 21px;
}
div.optikaContent h3 {
    padding-bottom: 11px;
}

.picContent {
    float:left;
}
.picContent .picBorder {
    float: left;
    padding: 10px;
    margin: 0px 22px 10px 0px;
    width: 584px;
    height: 390px;
    background-color: #fff;
    border: 1px solid #efefef;
}
.picContent p {
    padding-top: 325px;
}
.main-carousel,
#thumbScrollBox,
div.thumbScrollBox_holder {
    position: relative;
    clear:left;
    float: left;
    padding: 10px 10px 12px;
    height: 110px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: #ffffff url(/static/optika/img/bg_thumb-scroll-box.jpg) repeat-x bottom;
}

.borderTop {
    border: 1px solid #cccccc;
}

div.carouselTitle {
    width: 956px;
    height: 35px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    background: #ffffff url(/static/optika/img/bg_carouseltitle.gif) left top repeat-x;
}

div.carouselTitle h3 {
    font-size: 17px;
    font-weight: normal;
    padding: 10px 0 0 20px;
}

div.picContent ul {
    list-style: none;
}
div.picContent li {
    float: left;
    padding-bottom: 15px;
}

.main-carousel div.scrollable {


    position:relative;
    float: left;
    overflow:hidden;
    width: 880px;
    height: 110px;
}


.main-carousel div.scrollable div.items {

    width:20000em;
    position:absolute;
}

.main-carousel div.scrollable div.items a img {
    border: 1px solid #CCCCCC;
    margin-left: 10px;

}
.main-carousel div.scrollable div.items a:hover img {
    border: 1px solid #e10173;
}

.main-carousel div.scrollable div.items div {
    float:left;
}

.main-carousel div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}
.main-carousel a.nextPage,
.main-carousel a.prevPage {
    float: left;
    margin-top: 43px;
    display: block;
    width: 16px;
    height: 25px;
    cursor: pointer;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px 0px;
    text-decoration: none;
}

.main-carousel a.prevPage {
    margin-right: 12px;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px -25px;
}
.main-carousel a.prevPage:hover {
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px 0px;
}
.main-carousel a.nextPage {
    margin-left: 12px;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat -16px -25px;
}
.main-carousel a.nextPage:hover {
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat -16px 0px;
}


.galleryInnerHtml {
    padding: 15px;
    margin: 0px auto;
    background-color: #fff;
    width: 575px;
    height: 630px;
}
.galleryInnerHtml h2.galleryName {
    font-size: 14px;
}
div.galleryInnerHtml div.thumbScrollBox_holder div.thumbScrollBox {
    width: 497px;
}
div.galleryInnerHtml table tr td {
    vertical-align: middle;
    text-align: center;
    height: 385px;
    width: 499px;
}
div.galleryInnerHtml p {
    padding-bottom: 25px;
}
div.photoScrollBox_holder {
    position: relative;
    clear:left;
    float: left;
    padding: 10px 0px 12px;
    height: 385px;
    background-color: #ffffff;
}
div.photoScrollBox_holder div.photoScrollBox {


    position:relative;
    float: left;
    overflow:hidden;
    width: 499px;
    height: 385px;
}


div.photoScrollBox_holder div.photoScrollBox div.items {

    width:20000em;
    position:absolute;
}

div.photoScrollBox_holder div.photoScrollBox div.items a img {
    border: 1px solid #CCCCCC;

}
div.photoScrollBox_holder div.photoScrollBox div.items a:hover img {
    border: 1px solid #e10173;
}

div.photoScrollBox_holder div.photoScrollBox div.items div {
    float:left;
}

div.photoScrollBox_holder a.photoNextPage,
div.photoScrollBox_holder a.photoPrevPage {
    float: left;
    margin-top: 175px;
    margin: 175px 10px 0px;
    display: block;
    width: 16px;
    height: 25px;
    cursor: pointer;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px 0px;
    text-decoration: none;
}

div.photoScrollBox_holder a.photoPrevPage {
    margin-left: 0px;
    margin-right: 20px;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px -25px;
}
div.photoScrollBox_holder a.photoPrevPage:hover {
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px 0px;
}
div.photoScrollBox_holder a.photoNextPage {
    margin-right: 0px;
    margin-left: 20px;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat -16px -25px;
}
div.photoScrollBox_holder a.photoNextPage:hover {
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat -16px 0px;
}

#thumbScrollBox {
    position: relative;
    clear:left;
    float: left;
    padding: 10px 10px 12px;
    height: 110px;
    border: 1px solid #cccccc;
    background: #ffffff url(/static/optika/img/bg_thumb-scroll-box.jpg) repeat-x bottom;
}
div.thumbScrollBox_holder div.thumbScrollBox {
    position:relative;
    float: left;
    overflow:hidden;
    width: 880px;
    height: 110px;
}

div.thumbScrollBox_holder div.thumbScrollBox div.items {

    width:20000em;
    position:absolute;
}

div.thumbScrollBox_holder div.thumbScrollBox div.items img {
    margin-right: 14px;
    border: 1px solid #cccccc;
}
div.thumbScrollBox_holder div.thumbScrollBox div.items img.scrollHover {
    border: 1px solid #e10173;
}

div.thumbScrollBox_holder div.thumbScrollBox div.items div {
    float:left;
}

div.thumbScrollBox_holder div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}
div.thumbScrollBox_holder a.nextPage,
div.thumbScrollBox_holder a.prevPage {
    float: left;
    margin-top: 43px;
    display: block;
    width: 16px;
    height: 25px;
    cursor: pointer;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px 0px;
    text-decoration: none;
}

div.thumbScrollBox_holder a.prevPage {
    margin-right: 12px;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px -25px;
}
div.thumbScrollBox_holder a.prevPage:hover {
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat 0px 0px;
}
div.thumbScrollBox_holder a.nextPage {
    margin-left: 12px;
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat -16px -25px;
}
div.thumbScrollBox_holder a.nextPage:hover {
    background: transparent url(/static/optika/img/bg_btn-thumb-scroll.gif) no-repeat -16px 0px;
}
.hidden {
    display: none;
}

/* aloldalak vege */