@charset "utf-8"; body { font-family: Arial, Helvetica, sans-serif; color: #212634; background-attachment: scroll; background-image: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg_tipa_001a.gif'); background-repeat: repeat-x; background-position: top; background-color: #E5E6E7; margin: 0; font-size: 12px; } img { border: none; text-decoration: none; } /* general text */ h1{ margin: 0; padding: 0; font-size: 22px; font-weight: normal; color: #273896; } h2{ margin: 0; padding: 5px 0 10px 0; font-size: 14px; font-weight: bold; color: #212634; } h3{ margin: 0; padding: 5px 0 10px 0; font-size: 11px; font-weight: normal; color: #4F5C7B; } p{ margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #212634; } a:link { color: #000; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } a:active { color: #000; text-decoration: none; } a:visited { color: #000; text-decoration: none; } .tit_12px_bold{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#212634; } .tit_14px_bold{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#273896; text-transform: uppercase; } .tit_14px_bold_normal{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#273896; } /* end general text */ form { margin: 0; padding: 0; } select { margin: 0 0 5px 0; float: left; padding: 0; width: 180px; font-size: 11px; color: #4F5C7C; } /* MENU LIST */ #menu { float: right; width: 728px; text-align: left; background-image: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg_menu.gif'); margin: 0px; height: 31px; padding: 5px 0px 0px 0px; font-weight:bold; } ul#menu_list{ float: left; margin: 0; padding: 0; list-style:none; font-size: 12px; text-transform:uppercase; } ul#menu_list li ul li{ list-style:none; margin:0; padding:0; height: 25px; font-weight:normal; font-size:11px; } ul#menu_list li{ position: relative; float: left; margin: 0; padding: 0; height: 30px; } ul#menu_list li ul li a{ padding: 5px; color: #FFF; white-space: nowrap; text-decoration: none; height: 25px; } ul#menu_list a:link, ul#menu_list a:visited{ display: block; color: #CCD0DD; text-decoration: none; } ul#menu_list a:hover, ul#menu_list a:focus, ul#menu_list a:active{ text-decoration: none; white-space: nowrap; } ul#menu_list li li a:link, ul#menu_list li li a:visited{ color: #FFF; text-decoration: none; padding: 0; margin: 0; line-height: 25px; text-indent: 5px; } ul#menu_list li li a:hover, ul#menu_list li li a:focus, ul#menu_list li li a:active{ background-color: #9AA1B1; color: #FFF; padding: 0; margin: 0; white-space: nowrap; line-height: 25px; text-indent: 5px; } ul#menu_list li ul{ display: none; } ul#menu_list li:hover ul{ display: block; position: absolute; top: 30px; z-index: 1; width: 212px; padding: 0; margin: 0; background: #212634; } ul#menu_list li li { border-bottom: 1px solid #4F5C7B; width: 212px; } ul#menu_list li.separetor{ color: #4F5C7B; padding: 0 4px; } /* END MENU LIST*/ .attivo a:hover{ color: #0FF0; text-decoration: underline; } .bc_active { font-weight:bold; text-decoration:none; } #logohp { float: left; width: 252px; margin: 0; padding: 5px 0; text-align: left; } #logohp img, #logohp a { display: block; float: left; } #logohp a { width: 83px; height: 98px; } #banner { float: right; width: 728px; margin-top: 13px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: left; } #header { width: 980px; text-align: left; overflow: hidden; float: left; background: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg-header.jpg') no-repeat center top; } .hp-container { display: block; overflow: hidden; margin: auto auto; width: 980px; min-height: 795px; padding: 0 60px; text-align: left; background: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg-body.jpg') no-repeat center 135px; } #searchbox { float: left; width: 249px; margin: 0; text-align: left; background-image: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg_menu.gif'); padding: 3px 0 13px 3px; height: 20px; } .searchfield { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFF; text-decoration: none; border: none; width: 122px; height: 15px; padding: 1px 1px 1px 2px; } #topleft-box { display: none; } #topimage-box { display: block; overflow: hidden; margin: 1px 0 0 0; padding: 0; } #menubar { width: 980px; text-align: left; float: left; } #top-content { width: 980px; text-align: left; overflow: hidden; float: left; } #contentleft-box { padding: 10px; height: 310px; width: 120px; background-color: #F2F3F3; float: left; } #contentleft-box p { text-align: center; margin: 0; font-size: 11px; } #topimage-box .winners { display: block; overflow: hidden; background: #FFF; border: 1px solid #97A0BB; } #topimage-box .winners img { max-width: 978px; height: auto; } .box-home { display: block; overflow: hidden; } .box-home h3 { display: block; overflow: hidden; margin: 0 0 10px 0; border: 1px solid #FFF; border-bottom: none; font-weight: bold; font-size: 14px; color: #000; line-height: 1.1em; } .box-home p { padding: 0 10px; font-size: 11px; color: #000; line-height: 1.2em; } .box-home p a { color: #6E6E6E; } .box-home select { display: block; float: none; width: 180px; margin: 0 0 0 10px; color: #4F5C7C; } .cont-boxes { display: block; overflow: hidden; padding: 0 0 20px 0; background: #FFF; } #box-awards-about { position: relative; float: left; width: 638px; z-index: 1; } #box-awards-about h3 { background: none; padding: 0 10px; margin: 0 0 2px 0; line-height: 1.1em; } #box-awards-about #txt-history h3 { padding: 4px 230px 8px 10px; margin: 0 0 14px 0; font-size: 12px; background-image: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg-title-about.gif'); background-repeat: no-repeat; background-position: left top; background-color: #CFCFCF; line-height: 1.1em; } #box-awards-about .cont-boxes { float: left; width: 388px; } .central-logo { display: block; position: absolute; bottom: 0; right: 20px; width: 210px; height: 240px; } .box-home .central-countdown { display: block; position: absolute; width: 190px; bottom: 20px; right: 20px; font-size: 18px; font-weight: bold; text-align: center; line-height: 1em; } .central-disclaim { display: block; float: right; width: 180px; padding: 0 20px 0 0; text-align: center; } .central-disclaim a { font-size: 16px; font-weight: bold; color: #000; text-decoration: none; } #box-riviste { float: right; width: 340px; } #box-riviste h3 { padding: 4px 210px 12px 10px; font-size: 12px; background: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg-title-about.gif') no-repeat left top; } #box-riviste .cont-boxes { padding: 0; } #box-riviste .find-mag { display: block; overflow: hidden; padding: 3px 20px; background: #CFCFCF; text-align: right; } #box-riviste .find-mag a { display: block; overflow: hidden; font-weight: bold; font-size: 11px; color: #000; } #box-riviste .find-mag img { display: inline; } #coverflow { display: block; overflow: hidden; height: 216px; } #coverflow.ui-jcoverflip { display: block; overflow: hidden; position: relative; width: 340px; height: 177px; padding: 0 0 40px 0; margin: 0; } .ui-jcoverflip--item { position: absolute; display: block; height: 172px; } .ui-jcoverflip--item img { display: block; border: none; margin: 0 0 1px 0; } .ui-jcoverflip .content { opacity: 1!important; } .ui-jcoverflip--title { display: block; overflow: hidden; position: absolute; bottom: 5px; left: 0; width: 340px; height: 30px; text-align: center; color: #000; } #box-info { width: auto; float: none; clear: both; } #box-info h3 { padding: 10px 225px 6px 10px; margin: 0 0 5px 0; background: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg-title-awards.gif') no-repeat left top; border-top: none; } #box-info .cont-boxes { float: right; width: 420px; padding: 0 0 15px 0; } #box-info .cont-boxes.first { float: left; width: 549px; padding: 0; } #box-info .news-cont { display: block; overflow: hidden; margin: 0 10px; } #box-info .news-cont a { font-size: 11px; color: #6E6E6E; text-decoration: none; } #box-info .news-cont h2 { padding: 2px 0 5px 0; font-size: 12px; color: #000; text-transform: uppercase; } #box-info .news-cont p { padding: 0; } #box-info .news-cont .news, #box-info .news-cont .left, #box-info .news-cont .right { display: block; overflow: hidden; } #box-info .news-cont .news { padding: 11px 0; border-top: 1px solid #E0E3EB; } #box-info .news-cont .news:first-child { border: none; } #box-info .news-cont .left { float: left; width: 160px; padding: 0; margin: 0; } #box-info .news-cont .right { float: right; width: 340px; padding: 0 10px 0 0; margin: 0; } #box-info .mnewsImmagineIcona, #box-info .mnewsLayer { padding: 10px 0; } #box-info .mnewsRiga { border-top: 1px solid #E0E3EB; } #box-info .mnewsTabella .mnewsRiga { border: none; } #box-info td { vertical-align: top; } #box-info .mnewsColonnaIcona { padding: 0 10px 0 0; } #box-info .mnewsTitolo { font-weight: bold; font-size: 12px; color: #000; text-transform: uppercase; } #box-info .cont-boxes.first h3 { margin: 0 0 10px 0; background: url('http://www.tipa.com/_templates/K_HomePage_2013/bkg-title.gif') no-repeat left top; border-top: 1px solid #FFF; } #box-social { display: block; float: right; width: 420px; margin: 10px 0 0 0; clear: right; background: #FFF; } .tit-boxes { display: block; overflow: hidden; } #txt-magazines{ margin: 0; float: left; clear: both; text-align: left; } #txt-magazines p { margin: 0; float: left; padding: 10px 9px 10px 10px; border-top: 1px solid #848DA3; border-bottom: 1px solid #FFF; width: 260px; color: #FFF; font-size: 11px; } #link-magazines { margin: 0; float: left; padding: 10px 9px 10px 10px; width: 260px; font-size: 11px; text-align: right; } #link-magazines a { color: #FFF; font-size: 11px; text-align: right; font-weight: bold; } #cooperation-magazines{ display: block; overflow: hidden; padding: 10px 0 10px 20px; font-weight: bold; font-size: 12px; color: #000; border-bottom: 1px solid #E8ECF0; text-align: center; } #cooperation-magazines span { display: block; float: left; width: 140px; padding: 0 10px 0 0; margin: 20px 0 0 0; text-align: right; } #cooperation-magazines img{ display: block; float: left; padding: 7px 5px 5px 5px; border: 0; } #social{ display: block; overflow: hidden; padding: 10px 0 10px 20px; font-weight: bold; font-size: 12px; color: #000; text-align: center; } #social img{ display: block; float: left; padding: 7px 5px 5px 5px; border: 0; } .follow { display: block; float:left; width: 140px; padding: 0 10px 0 0; margin: 20px 0 0 0; text-align: right; } #content-history { margin: 0; position: absolute; left: 310px; padding: 0 10px 10px 10px; width: 200px; height: 360px; } #content-history h3 { color: #273896; font-size: 12px; font-weight: bold; margin: 0; padding: 10px 10px 10px 10px; text-align: left; } #content-history p { font-size:11px; padding:0 10px 0 10px; } #content-history a { font-size:10px; } #txt-history { display: block; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 7px 0; clear: both; border-bottom: 1px solid #E4E7ED; } #img-history { margin: 0; float: left; padding: 0; } .trophy-padding { padding: 10px 10px 0 10px; } #txt-history h3 { text-transform:uppercase; } #txt-history p { margin: 0; float: left; padding: 0 9px 0 10px; width: 180px; font-size: 12px; color: #4F5C7B; } #content-history select { margin: 0 0 5px 0; float: left; padding: 0; width: 180px; font-size: 11px; color: #4F5C7C; } #articles { float: left; width: 100%; margin: 0; background-color: #E7E1DE; padding: 7px 0px 7px 0; } #articles a { margin: 0; float: left; background-color: #E7E1DE; width: 180px; color: #4F5C7B; } #articles h3 { color: #273896; font-size: 14px; font-weight: bold; margin: 0; padding: 0 10px 0 10px; text-align: left; } #img-history h3 { color: #273896; font-size: 12px; font-weight: bold; margin: 0; padding: 10px 10px 10px 10px; text-align: left; } #articles p { float: left; background-color: #E7E1DE; padding: 10px 9px 7px 10px; width: 180px; font-size: 11px; text-align: left; } #content-more { margin: 0; padding: 0 10px 10px 10px; width: 420px; } .content-video { margin:10px 0 10px 0; z-index:0!important; } .etichetta-video { width:51px; height:50px; z-index:2; position: absolute; top:38px; left:153px; background-image:url(http://www.tipa.com/_templates/K_HomePage_2013/em.gif); } .galleryContainer { display: block; overflow: hidden; height: 262px; margin: 0 auto; } .caroufredsel_wrapper { border: 1px solid #9AA1B1; } #gallery { width: 400px; height: 260px; padding: 0; list-style: none; } #gallery li { display: block; overflow: hidden; float: left; width: 400px; height: 260px; } #gallery li img { width: 400px; height: 260px; } #img-more { margin: 0; background-color: #FFF; padding: 0; } #txt-more p { margin: 0; background-color: #F2F3F3; padding: 10px 9px 7px 10px; width: 401px; font-size: 11px; } #content-more select { margin: 0 0 5px 0; float: left; padding: 0; width: 180px; height: 20px; font-size: 11px; color: #4F5C7C; } #txt-more { margin:0; padding: 7px 0px 7px 0; background-color: #F2F3F3; width: 420px; text-align: left; } #txt-more p { margin: 5px 0 0 0; float: left; padding: 0px 9px 0 10px; font-size: 11px; } #txt-more h3 { color: #273896; font-size: 14px; font-weight: bold; margin: 0 10px 0 10px; padding: 0; background-color: #F2F3F3; clear: both; } .linea { float: left; width: 100%; height: 1px; margin: 0px; padding: 7px 0 7px 0; } .linea_beige { float: left; height: 1px; margin: 0px; padding: 7px 0 7px 0; background-color: #E7E1DE; width: 180px; } .linea_cont{ float:left; margin: 0; padding: 0 10px 0 10px; width: 180px; clear: both; } .poll { float: left; margin:0px; padding: 0px; text-align: left; font-size: 11px; color: #212634; width: 350px; } .poll_cont{ float:left; margin:0px; padding:5px 10px 0px 10px; text-align: right; clear: both; width: 400px; } .poll_reports{ float:left; margin: 0px; padding: 10px 0 0 0; text-align: left; width: 200px; } .poll_archive{ float:right; margin: 0px; padding: 0px 0 0 30px; text-align: left; width: 147px; } .btn2 { float: left; margin: 0 0 0 5px; } .riga { float: left; margin: 0; padding: 0; clear: both; } .tag_hp{ margin: 10px 0 3px 0; padding: 0; } /**** footer ****/ #footer{ padding: 10px 0; margin: 0 auto; clear: both; text-align: center; width: 980px; font-size: 10px; color: #000; } /* history page styles */ #topslide-box { margin: 0 0 20px 0; padding: 0; float: left; width: 380px; height: 270px; } #toptext-box { margin: 1px 0 0 0; padding: 30px 20px 25px 20px; float: left; width: 530px; border: 10px solid #9AA1B1; background-color: #F2F3F3; text-align: left; } #right-box{ float:left; margin:0px; width: 380px; padding: 0 0 0 10px; text-align: left; } #left-box{ float:left; margin:0px; padding:0px; } #more-box{ margin: 0; padding: 0; float: left; width: 380px; text-align: center; background-color: #E5E6E7; clear: both; } #more-img{ margin: 0; padding: 0; float: left; width: 100px; } #more-tit{ margin: 0; padding: 0; float: left; width: 280px; text-align: left; } #more-txt{ margin: 4px 0 0 0; padding: 10px 10px 10px 10px; float: left; width: 250px; text-align: left; border-bottom: 10px solid #FFF; border-right: 10px solid #FFF; border-top: 10px solid #FFF; background-color: #F2F4F3; } #more-titbox { margin: 0; float: left; width: 100%; padding: 0; border-bottom: 1px solid #9AA1B1; } #more-txt ul{ padding: 0; margin: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #4F5C7B; font-size: 11px; font-weight: bold; } #more-txt li{ list-style-type: none; margin: 0; padding: 0; height: 24px; } /* end history page styles */ /* begin breadcrumb styles */ #breadcrumb{ color:#4F5C7B; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; height: 17px; width: 970px; padding: 4px 10px 0 0; margin: 0p; text-align: right; background-color: #E5E6E7; } div#breadcrumb ul li{ float: left; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid #4F5C7B; border-bottom: 0; border-top: 0; } div#breadcrumb ul{ list-style:none; margin: 0; padding: 0; } /* end breadcrumb styles */ /* awards page styles */ #more-awards-box{ margin: 0; padding: 0; float: left; width: 220px; text-align: center; background-color: #E5E6E7; clear: both; } #more-awards-img{ margin: 0; padding: 0; float: left; width: 100px; } #more-awards-tit{ margin: 0; padding: 0; float: left; width: 220px; text-align: left; } #more-awards-txt{ margin: 4px 0 0 0; padding: 10px; float: left; width: 180px; text-align: left; border-bottom: 10px solid #FFF; border-right: 10px solid #FFF; border-top: 10px solid #FFF; background-color: #E7E1DE; border-left: 10px solid #FFF; color: #4F5C7B; } #more-awards-titbox { margin: 0; float: left; width: 100%; padding: 0; border-bottom: 1px solid #9AA1B1; } #more-awards-txt ul{ padding: 0; margin: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; color: #4F5C7B; font-size: 11px; font-weight: bold; } #more-awards-txt li{ list-style-type: none; margin: 0; padding: 0; height: 24px; } #right-awards-box{ float: left; margin: 0; width: 220px; padding: 0 0 0 10px; text-align: left; } #toptext-awards-box { margin: 1px 0 0p 0px; padding: 30px 10px 25px 20px; float: left; width: 700px; border: 10px solid #9AA1B1; background-color: #F2F3F3; text-align: left; } #img-box{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; float: left; width: 200px; text-align: right; border-bottom: 10px solid #ffffff; border-right: 10px solid #ffffff; border-top: 10px solid #ffffff; background-color: #FFFFFF; border-left: 10px solid #ffffff; clear: both; } .award-box{ float:left; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; width: 175px; } .award-img-box{ float:left; margin:0px 4px 0px 0px; padding:0px 0px 0px 0px; } .award-txt-box{ float:left; margin:0px -3px 0px 0px; padding:0px 8px 0px 0px; font-family: Arial, Helvetica, sans-serif; color: #4F5C7B; font-size: 11px; width: 103px; } .award-img-box img{ border:1px solid #9AA1B1; } /* end awards styles */ /* people page styles */ #toptext-box02 { margin: 1px 0 0 0; padding: 30px 20px 25px 20px; float: left; width: 920px; border: 10px solid #9AA1B1; text-align: left; background-color: #F2F3F3; } .people-box-cont{ margin:0; width: auto; text-align: left; clear: both; float: left; padding: 20px 0 10px 0; } .people-box{ float: left; margin: 0; width: 150px; padding: 10px; text-align: left; background-color: #FFF; min-height: 720px; height:auto !important; height: 720px; } .people-img-box{ float:left; padding-bottom:20px; } .people-txt-box{ float: left; margin: 0 -3px 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 150px; } #toptext-box02 p { clear:both;} .people-txt-box h2, .people-txt-box h3{ padding:0; color:#212634;} /* end people page styles */ #flag { float: right; } #flag a{ margin-right: 2px} #noflash a { display:block; float:left; margin:15px 15px 15px 15px; font-size:14px; font-weight:bold; } .countdown { display: block; overflow: hidden; float: right; width: 159px; padding: 35px 5px 0 5px; font-weight: bold; font-size: 11px; color: #000000; text-align: center; } .central-winners { display: block; float: right; width: 180px; text-align: center; }