/**************************** tim VAS 2009 // css v1.0 created by : Alessandro Montoli first release : 05 ottobre 2009 --- Fix /*** console.asp***/ #fullcontainerconsole {margin:0px auto; width:auto; height:758px; background-image: url(../images/bg-console.jpg); background-position:center top; background-repeat: no-repeat;} #middlePageconsole {width:990px; margin:0px auto; height:590px;} .txtconsole {color:#000000; font-family: Arial, Tahoma, Sans-Serif; font-size:12px; font-weight:bold;} .txtconsoleerrore {color:#FB0101; font-family: Arial, Tahoma, Sans-Serif; font-size:11px; font-weight:bold;} .inputconsole { font-family: Arial, Tahoma, Sans-Serif; font-size:11px; color: #333333;margin: 0px;padding:0px; clear: none;float: none; height: 17px; width: 140px; border: 1px solid #E5E5E5; font-weight: normal; background-color: #FFFFFF; margin:0px;} .bottonconsole { font-family: Arial, Tahoma, Sans-Serif; font-size:11px; color: #333333;margin: 0px;padding: 0px;clear: none;float: none; height: 17px; width: 90px; border: 1px solid #E5E5E5; font-weight: normal; background-color: #FFFFFF; margin:0px;} ****************************/ html {height: 100%;} body {margin:0; padding:0; border:none; height:100%; color:#000000; font-family: Arial, Tahoma, Sans-Serif; font-size:12px;background:#fcfcfc url(../images/bg-hp-strech.jpg) repeat-x top left;} div, form {margin:0; padding:0; border:none; position:relative;} img {border:none; margin:0; padding:0;} .bold {font-weight:bold;} /**************************** hyperlink ****************************/ a {color:#cc0000;text-decoration:none;} a:link {color:#cc0000;text-decoration:underline;} a:visited {color:#cc0000;text-decoration:underline;} a:active {color:#cc0000;text-decoration:underline;} a:hover {color:#cc0000;text-decoration:underline;} /**************************** font ****************************/ .size15 {font-size:15px} .size17 {font-size:17px} .size18 {font-size:16px} .size22 {font-size:21px} .blue {color:#004a91;} .testoRosso {color:#ff0000;} /**************************** paragrafi ****************************/ p {margin:0px;padding:0px;} pre {font-family:monospace;width:590px;} /**************************** elenchi ****************************/ ul {margin:0px; margin-left:10px; padding:0px; list-style-position:outside;} ol {padding-bottom:0px; padding-top:0px; margin-bottom:0px; margin-top:0px;} ul li {list-style-type:none;margin:0 0 0 4px;color:#000000;} /*ul li {list-style-type:none;list-style-image:url(/media/img/arrow/arrow-blu.gif); margin:0 0 0 10px;} */ dl {width:100%; background-color: #000000;} dt {padding:2px 10px 2px; background-color:#B0C1D1; font-family:verdana; font-size:10px; color:#000000; font-weight:bold;} dd {padding:4px 10px 4px; margin:0;} /**************************** align elements ****************************/ .floatsx {float:left;} .floatdx {float:right;} .alignsx {text-align:left;} .aligndx {text-align:right;} .aligncx {text-align:center;} .padding2 {padding:2px;margin:0;} .padding4 {padding:4px;margin:0;} .padding-left6 {padding-left:6px;} .clear {clear:both;padding:0;margin:0;} /**************************** Structure HP ****************************/ #fullcontainer {margin:0px auto;width:auto; height:758px; background-image: url(../images/bg-hp.jpg); background-position:center top; background-repeat: no-repeat;} .menu {background:transparent url(../images/bg-menu-left.jpg) no-repeat 0 0;width:164px;float:left;height:558px} #topPage {width:1000px;margin:0px auto;height:71px;} .logo {width:272px;height:33px;padding:0 0 0 0px;margin-left:33px;} #middlePage {width:1000px;margin:0px auto;height:590px;} #HPleftContainer {width:710px;height:590px;float:left;color:#ffffff;} .imgTop {position:relative;width:664px;height:333px;background:transparent url(../images/hp-bg-img-top.jpg) no-repeat 0 0;} .imgTop .titolo {position:absolute;left:60px;top:28px;font-family: tahoma,arial,verdana;font-size:30px;} .imgTop .testo {position:absolute;left:410px;top:120px;font-family: tahoma,arial,verdana;font-size:12px;width:230px;font-weight:bold} #HPrightContainer {width:290px;height:590px;float:left;} .bg-codice {margin:18px 0 0 10px;background:transparent url(../images/bg-codice-dx.jpg) no-repeat 0 0;width:263px;height:358px;} .container-codice {margin:0px 0 0 0;font-family: tahoma,arial,verdana;width:240px} .bg-codice .container-codice .titolo {position:absolute;left:80px;top:18px;font-size:14px;color:#004990;} .bg-codice .container-codice .testo {position:absolute;left:13px;top:46px;font-size:11px;color:#000000;text-align:center;} .bg-codice .container-codice .testoGenera {position:absolute;left:70px;top:113px;font-size:14px;color:#d40808;} .bg-codice .container-codice .testo2 {position:absolute;left:13px;top:188px;font-size:11px;color:#000000;text-align:center;} .bg-codice .container-codice .promozione {position:absolute;left:40px;top:247px;font-size:14px;color:#d40808;text-align:center;} .bg-codice .container-codice .btnScopri {position:absolute;left:55px;top:308px;} .negozio {position:absolute;left:7px;top:390px;} /**************************** Structure INTERNA IOSTUDIO ****************************/ #fullcontainerInterna {margin:0px auto;width:auto; height:758px;position:relative; background-image: url(../images/bg-interna-iostudio.jpg); background-position:center top; background-repeat: no-repeat;} #HPleftContainerInterna {width:780px;height:590px;float:left;} #HPleftContainerInterna .contenuto {width:606px;float:left;position:relative;height:580px;color:#000000;} #HPleftContainerInterna .contenuto .titolo {position:absolute;left:17px;top:17px;} #HPleftContainerInterna .contenuto .strillo {position:absolute;left:17px;top:73px;font-family:tahoma,arial,verdana;font-size:20px;font-weight:bold;color:#d40808;} #HPleftContainerInterna .contenuto .linkstrillo {position:absolute;left:422px;top:81px;font-size:11px;color:#cc0000;} #HPleftContainerInterna .contenuto .testo {position:absolute;left:17px;top:106px;font-size:12px;color:#000000;width:540px;} #HPleftContainerInterna .contenuto .insCode {position:absolute;left:165px;top:182px;background:transparent url(../images/bg-insCode.jpg) no-repeat 0 0;width:247px;height:142px} #HPleftContainerInterna .contenuto .insCode .codStudente {position:absolute;left:85px;top:28px;font-family:tahoma,arial,verdana;font-size:14px;font-weight:bold;color:#000000;} #HPleftContainerInterna .contenuto .insCode .codOfferta {position:absolute;left:52px;top:116px;font-family:tahoma,arial,verdana;font-size:14px;font-weight:bold;color:#000000;} #HPleftContainerInterna .contenuto .testo2 {position:absolute;left:17px;top:366px;font-size:12px;color:#000000;width:540px;} #HPleftContainerInterna .contenuto .downpdf {position:absolute;left:205px;top:450px;} #HPrightContainerInterna {width:209px;height:590px;float:left;} #HPrightContainerInterna .minorenne {position:absolute;left:45px;top:30px;color:#004990;font-family:tahoma,arial,verdana;} #HPrightContainerInterna .testo {position:absolute;left:21px;top:55px;font-family:tahoma,arial,verdana;color:#000000;width:165px;font-size:11px;text-align:center} #HPrightContainerInterna .stampalibico {position:absolute;left:21px;top:158px;} #HPrightContainerInterna .stampalib {position:absolute;left:56px;top:170px;} /**************************** Structure COME ADERIRE ****************************/ #HPleftContainerInterna .contenuto .titoloNobold {position:absolute;left:17px;top:73px;font-family:tahoma,arial,verdana;font-size:16px;font-weight:bold;color:#d40808;} /**************************** Structure DETTAGLIO ****************************/ #fullcontainerDettaglio {margin:0px auto;width:1200px; height:758px;position:relative;background:transparent url(../images/bg-elenco-prodotti.jpg) no-repeat 0 0;} #fullcontainerDettaglio .contenutoDettaglio {width:536px;float:left;position:relative;height:270px;color:#000000;} #leftContainerInternaDettaglio {width:164px;height:590px;float:left;} #leftContainerInterna {float:left;height:260px;width:1000px;} #rightContainerInterna {width:292px;height:260px;float:left;} #rightContainerInterna .codiceofferta {position:absolute;left:80px;top:30px;color:#004990;font-family:tahoma,arial,verdana;font-size:15px;} #rightContainerInterna .codicestudente {position:absolute;left:80px;top:130px;color:#004990;font-family:tahoma,arial,verdana;font-size:14px;} #rightContainerInterna .testo {position:absolute;left:21px;top:60px;font-family:tahoma,arial,verdana;color:#000000;width:230px;font-size:11px;text-align:center} #rightContainerInterna .codice {position:absolute;left:45px;top:160px;color:#004990;font-family:tahoma,arial,verdana;width:190px;text-align:center} #rightContainerInterna .btninvia {position:absolute;left:82px;top:205px;} /**************************** Structure ERRORE ****************************/ #fullcontainerErrore {margin:0px auto;width:auto; background-image: url(../images/bg-errore.jpg); background-position:center top; background-repeat: no-repeat;} #HPleftContainerInterna .contenutoErrore {width:auto;float:left;position:relative;height:auto;color:#000000;font-family:tahoma,arial,verdana} #HPleftContainerInterna .contenutoErrore .titolo {position:absolute;left:380px;top:178px;} #HPleftContainerInterna .contenutoErrore .testo {position:absolute;left:260px;top:231px;width:470px;color:#666666;} /**************************** Structure Chiavetta ****************************/ #fullcontainerDettaglioChiavetta {margin-left:1px ;width:auto; height:758px;position:relative; background-image: url(../images/bg-elenco-prodotti.jpg); background-position:center top; background-repeat: no-repeat;} #fullcontainerDettaglioChiavetta .contenutoDettaglio {width:536px;float:left;position:relative;height:270px;color:#000000;} #leftContainerInternaDettaglio {width:164px;height:590px;float:left;} #leftContainerInterna {float:left;height:260px;width:1000px;} #rightContainerInterna {width:292px;height:260px;float:left;} #rightContainerInterna .codiceofferta {position:absolute;left:80px;top:30px;color:#004990;font-family:tahoma,arial,verdana;font-size:15px;} #rightContainerInterna .codicestudente {position:absolute;left:80px;top:130px;color:#004990;font-family:tahoma,arial,verdana;font-size:14px;} #rightContainerInterna .testo {position:absolute;left:21px;top:60px;font-family:tahoma,arial,verdana;color:#000000;width:230px;font-size:11px;text-align:center} #rightContainerInterna .codice {position:absolute;left:45px;top:160px;color:#004990;font-family:tahoma,arial,verdana;width:190px;text-align:center} #rightContainerInterna .btninvia {position:absolute;left:82px;top:205px;} .descOfferta {width:830px;height:300px;padding:0;margin:0;clear:both;} .descOfferta .testoOfferta {font-size:11px;width:710px;} .descOfferta .testoScopriProdotti {font-size:11px;width:710px;} .descOfferta .labelOfferta {position:absolute;left:202px;top:0px;height:26px;width:124px;} .descOfferta .labelScopriProdotti {position:absolute;left:75px;top:0px;height:26px;width:124px;} .descOfferta #evi1 {display: block;position:absolute;top:40px;left:45px;height:240px;overflow:auto;width:756px;} .descOfferta #evi2 {display: none;position:absolute;top:40px;left:50px;height:240px;overflow:auto;width:760px;} /**************************** Structure School ****************************/ #fullcontainerDettaglioInternetSchool {margin-left:1px;width:auto; height:758px;position:relative; background-image: url(../images/bg-elenco-prodotti.jpg); background-position:center top; background-repeat: no-repeat;} #fullcontainerDettaglioInternetSchool .contenutoDettaglio {width:536px;float:left;position:relative;height:270px;color:#000000;} #fullcontainerDettaglioSchool {margin:0px auto;width:auto; height:758px;position:relative; background-image: url(../images/bg-elenco-prodotti.jpg); background-position:center top; background-repeat: no-repeat;} #fullcontainerDettaglioSchool .contenutoDettaglio {width:536px;float:left;position:relative;height:269px;color:#000000;} #leftContainerInternaDettaglio {width:164px;height:590px;float:left;} #leftContainerInterna {float:left;height:260px;width:1000px;} #rightContainerInterna {width:292px;height:260px;float:left;} #rightContainerInterna .codiceoffertaSchool {position:absolute;left:78px;top:30px;color:#004990;font-family:tahoma,arial,verdana;text-align:center;} #rightContainerInterna .testoSchool {position:absolute;left:21px;top:49px;font-family:tahoma,arial,verdana;color:#666666;width:240px;text-align:center;width:710px;} #rightContainerInterna .testoSchoolSpalla {position:absolute;left:21px;top:49px;font-family:tahoma,arial,verdana;color:#666666;width:240px;text-align:center;width:236px;} #rightContainerInterna .codiceoffertaSchool hr.school {width:90px;} .descOffertaSchool {width:830px;height:300px;padding:0;margin:0;font-size:11px;overflow:hidden;} .descOffertaSchool .testoOffertaSchool {font-size:11px;width:710px;color:#000000;padding-top:5px;} .descOffertaSchool .labelOffertaSchool {position:absolute;left:76px;top:0px;height:26px;width:124px;} .descOffertaSchool #evi1 {display: block;position:absolute;top:35px;left:60px;height:240px;overflow:auto;width:730px;} /**************************** Structure FOOTER ****************************/ #footer {width:auto; height:53px;} .logo-ministero {position:absolute;left:124px;top:5px;} .logo-tim {position:absolute;left:990px;top:5px;} .logo-telecom {position:absolute;left:960px;top:5px;}