body { color: #333; font-size: 16px; background-repeat: repeat; background-attachment: scroll; font-family: arial, Roboto; font-weight: normal; font-style: normal; line-height: 20px; background-position: 0 0; height: auto; overflow: scroll; margin: 0; padding: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-family: Georgia, serif; font-weight: normal; padding-top: 20px; text-align: center; } h2 { padding-top: 20px; text-align: center; } p { margin: 0; padding: 0; } .container_12, .container_16, .container_24 { margin-bottom: 0px; } .container_12 { } .container_16 { } .container_24 { background-image: url(../img/24_col.gif); } /*TOP*/ .top { color: #333; font-size: 14px; font-family: arial; font-weight: 300; font-style: normal; line-height: 40px; text-align: center; margin: 0; padding: 0; } .top .inner { color: #333; font-size: 14px; font-family: arial; font-style: normal; font-weight: 300; line-height: 40px; background-image: url(../images/tp-bg-04.png); background-repeat: repeat; text-align: center; width: 900px; float: left; margin-bottom: 20px; padding: 5px 20px; } /*PICMENU */ .picmenu { background-color: #fff; background-image: url(../images/tp-bg-02.png); background-repeat: repeat-x; background-position: 50% 80px; margin: 0; padding: 0 0 0; } .picmenu .line { font-size: 0; line-height: 0; background-color: #dcdcdc; width: 940px; height: 1px; float: left; margin-top: 20px; margin-left: 10px; } .picmenu .space { float: left; padding-top: 15px; padding-bottom: 30px; } .picmenu .space ul { float: left; margin: 0; padding: 0 0 20px; } .picmenu .space ul a.li_class { background-image: url(../images/tpx-bg-04.png); background-position: center; text-align: center; position: relative; width: 160px; height: 140px; float: left; margin: 0; padding: 0; cursor: pointer; display: inline; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .picmenu .space ul a.li_class .title { color: #200; font-size: 14px; font-weight: normal; font-style: normal; line-height: 16px; text-decoration: none; text-align: center; width: 160px; float: left; margin-bottom: 10px; } .fade{ zoom: 1; filter: alpha(opacity=20); opacity: 0.2; } /*LEFT MENU */ .leftmenu { background-image: url('(EmptyReference!)'); background-repeat: repeat-x; width: 298px; float: left; margin: 0; padding: 0; } .leftmenu .inner { margin: 0; padding: 0; } .leftmenu .inner .moduletable_leftmenu { } .leftmenu .inner .moduletable_leftmenu h3 { font-size: 14px; font-weight: normal; font-style: normal; line-height: 24px; margin: 0; padding: 0 0 10px 20px; border-bottom: 1px solid #80cbc4; } .leftmenu ul.nav.menu-left { background-image: url(../images/tp-bg-04.png); background-repeat: repeat; width: 100%; float: left; max-width: 260px; margin: 20px 0 0; padding: 15px 20px; display: block; } .leftmenu ul.nav.menu-left li { color: #333; font-size: 14px; font-weight: normal; font-style: normal; line-height: 24px; background-image: url(../images/line-02.png); background-repeat: no-repeat; background-position: left bottom; text-decoration: none; text-transform: none; width: 260px; float: left; clear: left; margin: 0 0 4px; padding: 0; display: inline; } .leftmenu ul.nav.menu-left li a:hover { text-decoration: none; } .leftmenu ul.nav.menu-left li.current { color: #333; font-weight: 700; } .leftmenu ul.nav.menu-left li a { color: #333; } .leftmenu ul.nav.menu-left li a img { font-size: 14px; line-height: 24px; width: 34px; height: 24px; float: right; display: none; } .leftmenu ul.nav.menu-left li a span { line-height: 24px; float: left; } /*FOOTER */ .footer { background-color: #e0e0e0; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ border-top: 1px solid #dcdcdc; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#99dcdcdc',GradientType=0 ); /* IE6-8 */ } .footer .copyright { font-size: 14px; line-height: 24px; float: right; padding-right: 30px; } .footer .space { position: relative; width: 960px; float: left; margin: 0; padding: 10px 0 0; } .footer .space .menu { font-size: 14px; line-height: 40px; height: 40px; float: left; margin: 0 0 0 0; padding: 0; } .footer .space .logo { color: #fff; font-size: 16px; font-weight: 300; font-style: normal; line-height: 40px; background-color: #a9acb6; text-transform: uppercase; text-align: center; width: 40px; height: 40px; float: left; margin: 0 10px 0 0; padding: 0; } /*FOOTER MENU */ .footermenu { float: left; margin: 0 0 20px 10px; padding: 0 0 0 20px; } .footermenu ul.nav.menu-footer { float: left; margin: 0 0 0 0; padding: 0; display: inline; } .footermenu ul.nav.menu-footer li { color: #333; font-size: 14px; font-weight: normal; font-style: normal; line-height: 24px; background-image: url(../images/line-01.png); background-repeat: no-repeat; background-position: left bottom; text-decoration: none; text-transform: none; float: left; margin: 0 20px 0 0; padding: 0; display: inline; } .footermenu ul.nav.menu-footer li a:hover { text-decoration: none; } .footermenu ul.nav.menu-footer li.current.active { color: #333; background-image: url(../images/line-02.png); margin: 0 20px 0 0; padding: 0; } .footermenu ul.nav.menu-footer li a { color: #333; margin: 0; padding: 0; } /*HEADER*/ .header { background-image: url(../imaxges/tp-bg-01.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% top; margin: 0; padding: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ border-top: 1px solid #ededed; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#99dcdcdc',GradientType=0 ); /* IE6-8 */ } .dummy { background: #fff url(../images/tp-bg-01.png) no-repeat 50% top; width: 100%; height: 100px; margin: 0; padding: 0; border-top: 1px solid #ededed; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#99dcdcdc',GradientType=0 ); } .header .space { position: relative; width: 960px; float: left; margin: 0; padding: 10px 0; } .header .space .logo { color: #333; font-size: 14px; font-weight: 300; font-style: normal; line-height: 18px; background-image: url(../images/tp-logo-02.png); background-repeat: no-repeat; background-position: left center; width: 600px; height: 80px; float: left; margin: 0 0 0 10px; padding: 0; } .header .space .logo .text { font-size: 14px; line-height: 20px; text-transform: none; float: left; margin-top: 20px; margin-left: 100px; } .header .space .certi { color: #fff; font-size: 40px; font-style: normal; font-weight: 300; line-height: 140px; background-image: url(../images/tuv-cert-iso-9001.png); background-repeat: no-repeat; background-position: center; text-align: center; text-transform: uppercase; position: absolute; right: 200px; bottom: 20px; width: 135px; margin: 0; padding: 0; height: 63px; } .header .space .menu { float: left; margin: 0; padding: 0; } .header .space .menu .item { font-size: 16px; font-weight: normal; font-style: normal; line-height: 20px; width: 220px; float: left; margin: 0 10px 0 0; padding: 5px 0 30px; border-top: 1px solid #a9a9a9; } /* =Header -------------------------------------------------------------- */ header { font-weight: normal; font-style: normal; background-color: #fff; background-repeat: repeat-x; background-position: 50% bottom; width: 100%; height: 100px; overflow: hidden; top: 0; left: 0; z-index: 999; position: fixed; float: left; margin: 0; padding: 0; border-style: none; border-width: 0; outline-style: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } header nav { height: 100px; display: inline-block; float: right; border-width: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } header nav a { font-family: georgia, Lato, sans-serif; line-height: 100px; margin-left: 10px; color: #212121; font-weight: 300; font-size: 18px; font-style: normal; text-decoration: none; text-transform: capitalize; margin-right: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } header.smaller { background-color: #fff; height: 60px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.2); box-shadow: 0 0 1px 0 rgba(0,0,0,0.2); } header.smaller nav a { line-height: 60px; } /*LAnguage*/ .lang { float: right; margin: 0; padding: 10px 0 0; } .lang .mod-languages { float: left; margin: 0; padding: 0 0 0; } .lang .mod-languages ul.lang-inline { font-size: 14px; line-height: 20px; text-transform: none; float: left; margin: 0; padding: 0; } .lang .mod-languages ul li { float: left; margin: 0; padding: 0; display: inline; } .lang .mod-languages ul li a { color: #333; font-weight: 300; font-style: normal; margin: 0; padding: 5px 7px; } .lang .mod-languages ul li.lang-active a { color: #333; font-weight: 300; font-style: normal; background-color: #bdbdbd; background-repeat: repeat-x; margin: 0; padding: 5px 7px; } /*BANNER */ .banner-outline { position: relative; margin: 0; padding: 0; } .banner-outline .space { background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; width: 100%; float: left; margin: 0 0 0; padding: 0; } .banner-outline .space .banner { height: 360px; margin: 0; padding: 0; } #wrapper { position: relative; width: 100%; height: 360px; overflow: hidden; float: left; } #carousel img { display: block; float: left; margin: 0; padding: 0; } #carousel a.pic { background-repeat: no-repeat; position: relative; width: 940px; height: 360px; display: block; float: left; margin-right: 0; margin-left: 0; } #carousel a.pic .shadow { font-family: Roboto; color: #fff; font-size: 20px; font-weight: normal; font-style: normal; line-height: 20px; background-image: url(../ixmages/tp-bxg-06.png); background-repeat: no-repeat; background-position: 50% top; text-transform: uppercase; position: absolute; top: 0; left: 0; width: 940px; height: 80px; z-index: 11; padding: 10px; display: block; } #carousel a.pic .bigtext { color: #cdd; font-size: 40px; font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; line-height: 40px; display: block; padding: 10px 20px; position: absolute; z-index: 11; top: 20px; left: 0; text-transform: uppercase; background: -moz-linear-gradient(-45deg, rgba(129,181,181,1) 0%, rgba(77,128,128,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(129,181,181,1)), color-stop(100%,rgba(77,128,128,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(129,181,181,1) 0%,rgba(77,128,128,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(129,181,181,1) 0%,rgba(77,128,128,0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(129,181,181,1) 0%,rgba(77,128,128,0.9) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(129,181,181,1) 0%,rgba(77,128,128,0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b5b5', endColorstr='#e64d8080',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #carousel a.pic .smalltext { color: #100; font-size: 14px; font-family: arial, Roboto; font-style: normal; font-weight: normal; line-height: 20px; text-transform: none; display: none; padding: 5px 20px; position: absolute; z-index: 11; top: 61px; left: 0; background: rgb(102,193,163); /* Old browsers */ background: -moz-linear-gradient(left, rgba(102,193,163,1) 0%, rgba(45,229,205,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,193,163,1)), color-stop(100%,rgba(45,229,205,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(102,193,163,1) 0%,rgba(45,229,205,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(102,193,163,1) 0%,rgba(45,229,205,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(102,193,163,1) 0%,rgba(45,229,205,1) 100%); /* IE10+ */ background: #80cbc4; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c1a3', endColorstr='#2de5cd',GradientType=1 ); /* IE6-9 */ } #carousel a.pic a.button { color: #000; font-size: 20px; font-family: Roboto; font-style: normal; font-weight: 400; line-height: 20px; background-color: rgba(200, 205, 210, 0.9); text-decoration: none; text-transform: uppercase; display: block; padding: 10px; position: absolute; right: 20px; z-index: 12; bottom: 20px; border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5); border-style: solid; border-width: 1px; } #carousel a.pic .curtain { font-family: Roboto; font-style: normal; font-weight: 300; background-color: rgba(0, 0, 0, 0.1); text-transform: uppercase; display: block; padding: 10px; position: absolute; top: 20px; left: 20px; width: 880px; height: 300px; z-index: 10; } #prev, #next { background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; display: block; height: 360px; width: 50%; position: absolute; top: 0; z-index: 12; } #prev:hover, #next:hover { background-color: #fff; background-color: rgba(255, 255, 255, 0.7); } #prev { background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; background-position: right 50%; left: -470px; margin: 0; padding: 0; } #next { background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; right: -470px; margin: 0; padding: 0; } #pager { position: absolute; left: 50%; bottom: 20px; z-index: 12; margin-left: -450px; padding: 0; } #pager a { border: 2px solid #fff; border-radius: 10px; display: inline-block; width: 10px; height: 10px; margin: 0 5px 0 0; } #pager a:hover { background-color: rgba(255, 255, 255, 0.5); } #pager a span { display: none; } #pager a.selected { background-color: #fff; } /*MENÜ */ .menu { float: left; } .menu ul.nav.menu-top { float: left; margin: 0 0 0; padding: 0; display: inline; } .menu ul.nav.menu-top li { color: #333; font-size: 14px; font-weight: normal; font-style: normal; line-height: 24px; background-image: url(../images/line-01.png); background-repeat: no-repeat; background-position: left bottom; text-decoration: none; text-transform: none; float: left; margin: 8px 20px 8px 0; padding: 0; display: inline; } .menu ul.nav.menu-top li a:hover { text-decoration: none; } .menu ul.nav.menu-top li.current.active { color: #333; font-weight: normal; background-image: url(../images/line-02.png); } .menu ul.nav.menu-top li a { color: #333; } /*MAIN */ .main { background-color: #fff; margin: 0; padding: 0 0 20px; } .main .space { float: left; margin: 0; padding: 0 0 0; } .main .space .vmenu { background-color: #dcdcdc; height: 220px; margin: 0; padding: 0; } .main .space .content { margin: 0; padding: 0; } .main .space .content .componentheading { font-family: Roboto; font-size: 24px; font-weight: 300; line-height: 24px; margin: 0; padding: 0 0 20px; } .main .space .content p.formRed { color: #f44336; font-size: 14px; font-weight: normal; line-height: 24px; } .main .space .content fieldset.formFieldset { font-weight: normal; margin: 0; padding: 0; border-style: none; border-width: 0; } .main .space .content legend { font-size: 24px; font-weight: 300; line-height: 24px; border-style: none; border-width: 0; font-family: Roboto; margin: 0; padding: 0 0 20px 0; } .main .space .content ol { margin: 0; padding: 0; } .main .space .content ol.formContainer { margin: 0; padding: 0; } .main .space .content ol.formContainer li.rsform-block { float: left; margin: 0 0 10px; padding: 0; } .main .space .content ol.formContainer li.rsform-block .formCaption2 { font-size: 14px; font-family: arial; font-weight: normal; line-height: 24px; margin: 0; padding: 0 0 0 0; } .main .space .content ol.formContainer li.rsform-block .formCaption2 strong.formRequired { font-size: 14px; font-family: arial; font-weight: normal; line-height: 24px; margin: 0; padding: 0; display: none; } .main .space .content ol.formContainer li.rsform-block .formBody { width: 610px; display: block; } .main .space .content ol.formContainer li.rsform-block .formBody input.rsform-input-box { font-size: 14px; line-height: 24px; width: 100%; padding: 5px; border: solid 1px #80cbc4; display: block; } .main .space .content ol.formContainer li.rsform-block .formBody input.rsform-submit-button { color: #000; font-size: 14px; font-weight: normal; line-height: 24px; background-color: #80cbc4; float: left; display: block; padding: 5px; border-color: #b4e0dc #49b6ab #49b6ab #b4e0dc; border-style: solid; border-width: 1px; cursor: pointer; } .main .space .content ol.formContainer li.rsform-block .formBody textarea.rsform-text-box { font-size: 14px; line-height: 24px; width: 100%; overflow: auto; padding: 5px; border: solid 1px #80cbc4; resize: none; } .main .space .content ol.formContainer li.rsform-block .formBody span.formClr { } .main .space .content ol.formContainer li.rsform-block .formBody span.formClr span.formError { color: #f44336; font-size: 14px; font-family: arial; font-weight: normal; line-height: 24px; } .main .space .content ol.formContainer li.rsform-block .formDescription { } /*CONTENT */ .content-container { } .content-container .item_header { margin: 0; padding: 0; } .content-container .item_header h1.item_title { font-size: 24px; font-weight: 300; font-style: normal; line-height: 24px; font-family: Roboto; text-align: left; margin: 0; padding: 0 0 20px; } .content-container .item_body { font-size: 14px; font-weight: normal; font-style: normal; line-height: 22px; text-align: justify; } .content-container .item_body .item_intro_text { font-weight: 300; font-style: normal; text-align: justify; } .content-container .item_body .item_intro_text ul { line-height: 24px; margin: 0; padding: 0; } .content-container .item_body .item_intro_text h1 { font-size: 14px; font-family: arial; line-height: 30px; text-align: left; width: 620px; float: left; margin: 0 0 0; padding: 0; border-bottom: 1px solid #e0e0e0; } .content-container .item_body .item_intro_text ul li { background-image: url(../images/line-03.png); background-repeat: no-repeat; background-position: left 2px; margin: 0; padding: 0 0 0 20px; display: block; } .content-container .item_body .item_intro_text ul.sigFreeContainer { line-height: 24px; float: left; margin: 0 0 0; padding: 0; border-style: none; border-width: 0; } .content-container .item_body .item_intro_text ul.sigFreeClassic { line-height: 24px; margin: 0; padding: 20px 0 0; float: left; border-style: none; border-width: 0; } .content-container .item_body .item_intro_text ul.sigFreeContainer .dummy { width: 20px; height: 20px; float: left; border-style: none; border-width: 0; } .content-container .item_body .item_intro_text ul li.sigFreeThumb { margin: 0 0 20px; padding: 0 0 0; } .content-container .item_body .item_intro_text p { padding-right: 20px; } .content-container .item_body .item_full_text { } /*IMG */ img.sigProImg:hover { } img { } /*Location*/ #map { width: 618px; height: 340px; float: left; margin: 0; padding: 0; border: solid 1px #c8c8c8; } .location { background-color: #fff; background-image: url(../images/tp-bg-05.png); background-repeat: repeat-x; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } .location .space { float: left; margin-left: 10px; padding-top: 0; padding-bottom: 0; } .location .space .mapbox { background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; position: relative; width: 599px; height: 340px; float: left; padding: 10px; border-left: 1px solid #c8c8c8; } .location .space .contact { background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; position: relative; width: 318px; height: 360px; float: left; border-right: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; } .location .space .contact a.button { font-weight: normal; font-style: normal; line-height: 60px; background-color: #dcdcdc; background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; background-position: left bottom; position: absolute; right: 0; bottom: 0; width: 318px; height: 60px; float: left; margin: 0; padding: 0; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; } .location .space .contact a.button:hover { background-color: #dcdcdc; } .location .space .contact a.button .arrow { background-image: url(../images/arrows-01.png); background-repeat: no-repeat; background-position: right 50%; text-transform: uppercase; width: 60px; height: 60px; float: right; margin-right: 10px; } .location .space .contact a.button .text { color: #333; font-size: 14px; font-weight: 700; line-height: 60px; background-repeat: no-repeat; background-position: right 50%; padding: 0 0 0 20px; float: left; } .location .space .contact .title { color: #333; font-size: 20px; font-weight: 700; line-height: 60px; text-transform: uppercase; text-align: center; width: 300px; height: 60px; float: left; margin: 0; padding: 0; border-bottom: 1px solid #fff; } .location .space .contact .inner { color: #333; font-size: 14px; font-weight: normal; line-height: 24px; text-transform: none; float: left; margin: 20px 0 0; padding: 20px 0 0 20px; } .location .space .contact .inner .logo { font-size: 24px; line-height: 30px; background-image: url(../images/tp-logo-03.png); background-repeat: no-repeat; background-position: center; width: 280px; height: 60px; float: left; margin-bottom: 15px; padding-right: 0; padding-left: 0; } /*Galery */ .galery-outline { line-height: 0; margin-top: 20px; } .galery-outline .item { background-color: #fff; background-image: url(../images/tp-bg-04.png); background-repeat: repeat-x; width: 140px; float: left; margin: 0 20px 20px 0; padding: 0; box-sizing:border-box; } .galery-outline .item .inner { float: left; margin: 0; padding: 9px; box-sizing:border-box; } img.galery-image { } img.galery-image:hover { -webkit-transform: scale(0.5); } /*Summaryű */ .summary{ background-color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#99dcdcdc',GradientType=0 ); /* IE6-8 */ } .summary .moduletable_summarymenu { width: 300px; margin: 0; padding: 0; } .summary .moduletable_summarymenu h3 { font-size: 14px; font-weight: normal; line-height: 20px; background-image: url(../images/tp-bg-04.png); background-repeat: repeat; text-align: left; margin: 0; padding: 10px 0 10px 20px; display: block; } .summary .space { position: relative; float: left; margin: 0; padding: 0 0 0; } .summary .space .menu { font-size: 14px; line-height: 40px; height: 40px; float: left; margin: 0 0 0 10px; padding: 0; } .summary .space .logo { color: #fff; font-size: 16px; font-weight: 300; font-style: normal; line-height: 40px; background-color: #a9acb6; text-transform: uppercase; text-align: center; width: 40px; height: 40px; float: left; margin: 0 10px 0 0; padding: 0; } .summary .space .contact { background-repeat: repeat-x; position: relative; float: left; } .summary .space .contact .title { color: #333; font-size: 20px; font-weight: 700; line-height: 60px; text-transform: uppercase; text-align: center; height: 60px; float: left; margin: 0; padding: 0; border-bottom: 1px solid #fff; } .summary .space .contact .inner { color: #333; font-size: 14px; font-weight: normal; line-height: 24px; text-transform: none; float: left; margin-top: 10px; } .summary .space .contact .inner p { margin: 0; padding: 0 0 0 20px; } .summary .space .contact .inner .icon { text-align: center; width: 300px; height: 60px; float: left; margin: 0; padding: 0; display: block; } /*SUMMARY MENU */ .summarymenu { float: left; } .summarymenu ul.nav.menu-summary { float: left; margin: 10px 0 40px; padding: 0 0 0 20px; display: inline; } .summarymenu ul.nav.menu-summary li { color: #333; font-size: 14px; font-weight: normal; font-style: normal; line-height: 24px; background-image: url(../images/line-01.png); background-repeat: no-repeat; background-position: left bottom; text-decoration: none; text-transform: none; width: 260px; float: left; clear: left; margin: 0 20px 4px 0; padding: 0; display: inline; } .summarymenu ul.nav.menu-summary li a:hover { text-decoration: none; } .summarymenu ul.nav.menu-summary li.current.active { color: #333; background-image: url(../images/line-02.png); background-repeat: no-repeat; background-position: left bottom; } .summarymenu ul.nav.menu-summary li a { color: #333; font-size: 14px; line-height: 24px; height: 24px; margin: 0; padding: 0; } .summarymenu ul.nav.menu-summary li a img { font-size: 14px; line-height: 24px; width: 34px; height: 24px; float: right; } .summarymenu ul.nav.menu-summary li a span { line-height: 24px; float: left; } /*COMPANY*/ .company { padding-bottom: 20px; } .company .space { width: 620px; float: left; margin-left: 10px; } .company .space .content { font-size: 14px; line-height: 24px; margin-left: 20px; padding-top: 10px; padding-bottom: 10px; } .company .space .content span { color: #8c8c8c; } .company .space2 { float: left; margin: 0; padding: 0; } .company .space2 ul { float: left; margin: 0; padding: 0 0 20px; } .company .space2 ul a.li_class { color: #212121; background-image: url(../images/tpx-bg-04.png); background-position: center; text-decoration: none; text-align: center; position: relative; width: 140px; height: 140px; float: left; margin: 0 0 0 20px; padding: 0; cursor: pointer; display: inline; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .company .space2 ul a.li_class .title { font-size: 14px; font-weight: normal; font-style: normal; line-height: 16px; text-align: center; width: 140px; float: left; margin-bottom: 10px; } .company .space3 { width: 100%; float: left; margin-left: 10px; } .company .space3 .content { font-size: 14px; line-height: 24px; margin-left: 20px; padding-top: 10px; padding-bottom: 10px; } .company .space3 .content span { color: #8c8c8c; } /*separator */ .separator { background-color: #dcdcdc; position: relative; width: 940px; height: 1px; float: left; margin-bottom: 10px; } .separator .text { font-size: 10px; line-height: 10px; background-color: #fff; background-image: url(../images/tp-bg-04.png); background-repeat: repeat; text-transform: uppercase; float: left; margin-top: -10px; margin-left: 20px; padding: 5px; } /*Attachment*/ .attachment_block { } .attachment_block ul.attachments { text-align: center; width: 100%; float: left; margin: 0; padding: 0; } .attachment_block ul.attachments li.items { color: #212121; text-align: center; width: 140px; float: left; margin: 0; padding: 0; display: inline; } .attachment_block ul.attachments li.items a.links { color: #212121; background-image: url(../images/tp-icons-09.png); background-repeat: no-repeat; width: 140px; float: left; margin: 0 0 0 240px; padding: 140px 0 0; display: block; background-size: 140px 140px; } .attachment_block ul.attachments li.items a.links .title { font-size: 14px; font-weight: normal; font-style: normal; line-height: 24px; text-decoration: none; text-align: center; width: 140px; float: left; } .picmenu .space ul .li_class { background-image: url(../images/tpx-bg-04.png); background-position: center; text-align: center; position: relative; width: 160px; height: 140px; float: left; margin: 0; padding: 0; cursor: pointer; display: inline; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .picmenu .space ul .li_class .title { font-size: 14px; font-weight: normal; font-style: normal; line-height: 16px; text-align: center; width: 160px; float: left; margin-bottom: 10px; }