@charset "utf-8"; /* CSS Document selector {property: value} --> Selector [tag][.ClassStyle][:pseudo-class] property color,font-family,text-align... background-repeat background-position: 30% 20%; text-transform: capitalize (oppure uppercase, o lowercase) background-attachment: fixed Non scrolla con la pagina display: inline non c'e' spazio tra gli elementi, sono uno di seguito all'altro margin:0px 100px 0px 50px; (top, right, bottom, left) value: rgb(250,0,255), transparent, #00ff00, yellow... url('bgdesert.jpg'), no-repeat, repeat-y #IdStyle --> Viene applicato a qualunque tag con attributo ID .ClassStyle -> Viene applicato ai tag con attributo class */ * {margin:0; padding:0; border:0;} html, body {width:100%; font:12px Tahoma, Verdana, sans-serif;} html {background:url(../imgs/bg-body.gif) repeat-y 0 0 #FFF;} body {border-top:6px solid #191919;} /* CLASSI GENERALI */ .DT_S {FONT-SIZE: 95%; COLOR: #7f7f7f;} .LeftMargin {Text-align:left; position:relative; margin-left:10px} .P1 {CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; POSITION: relative; HEIGHT: 1px} .P5 {CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; POSITION: relative; HEIGHT: 5px} .P10 {CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; POSITION: relative; HEIGHT: 10px} .P15 {CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; POSITION: relative; HEIGHT: 15px} .P20 {CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; POSITION: relative; HEIGHT: 20px} .P25 {CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; POSITION: relative; HEIGHT: 25px} .P30 {CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; POSITION: relative; HEIGHT: 30px} /* STRUTTURA */ #header {position:relative; height:123px; border-bottom:2px solid #CCC; background:#DADADA url(../imgs/bg-header.jpg) repeat-x 0 0;} #sx {position:absolute; left:0; width:275px; height:100%; font:12px "Trebuchet MS", Tahoma, Verdana, sans-serif;} #dx {margin-left:305px; padding:20px 10px 30px 0;} /* ELEMENTI HEADER */ #header h1 {position:absolute; top:10px; left:18px; width:233px; height:112px; background:url(../imgs/book-&-gain.gif) no-repeat 0 0; text-indent:-100em; overflow:hidden;} .img {height:123px; margin-left: 180px; background:url(../imgs/bg-header2.gif) repeat-x 0 0;} #flags {position:absolute; right:10px; top:72px; width:140px; height:27px; white-space: nowrap} #flags img {border: 0;} #flags img:hover {border: 2px solid #0000FF; } .w {position:absolute; right:10px; top:98px; height:27px; width:4px; background:url(../imgs/bg-menu-R.gif) no-repeat right 0;} #menu {position:absolute; right:14px; top:98px; height:27px; background:url(../imgs/bg-menu-L.gif) no-repeat 0 0;} #menu ul {list-style:none; margin:3px 0 0 3px;} #menu li {float:left; margin-right:3px; font:13px Tahoma, Verdana, sans-serif;} #menu li.last {margin-right:0;} #menu a {display:block; float:left; height:25px; line-height:25px; text-decoration:none; color:#FFF;} #menu a strong {display:block; margin:0 0 0 3px; padding:0 6px 0 3px;} #menu a.attivo, #menu a:hover {color:#690; background:url(../imgs/bg-btn-L.gif) no-repeat 0 0;} #menu a.attivo strong, #menu a:hover strong {background:url(../imgs/bg-btn-R.gif) no-repeat right 0;} /* ELEMENTI COLONNA DI SINISTRA */ #sx .wrapper {margin:0px 25px; padding-bottom:30px;} #sx h2 { margin:20px 0 15px 0;font:normal 20px/34px "Trebuchet MS", Tahoma, Verdana, sans-serif; text-align:center; color:#FFF;} .orange {background:url(../imgs/h-orange.gif) no-repeat center top;} .green {background:url(../imgs/h-green.gif) no-repeat center top;} #sx h3 {margin-bottom:3px; font:normal 13px "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#ffcc33;} #sx p {font:normal 12px/14px "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#CCC; line-height:16px;} /*23 sept 08 MP: Aggiunto <#sx a> per link "create new account" */ #sx a {color:#FFFFFF; text-decoration:none; border-bottom:1px solid #666;} #sx a:hover {color:#ffcc33; border:none;} #loginform label {color:#ffcc33; font-size:13px;} #user_pass, #user_login {width: 220px; padding:3px; background:#474747; font:20px "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#FFF;} #loginform p {margin-bottom:10px;} #submit {float:right; height:25px; width:49px; background:url(../imgs/bg-loginBtn.gif) no-repeat 0 0; color:#fff; cursor: pointer} #sx ul {list-style-image:url(../imgs/li.gif);} #sx ul li {margin-left: 15px;} #sx ul li a {color:#FFFFFF; text-decoration:none; border-bottom:1px solid #666;} #sx ul li a:hover {color:#ffcc33; border:none;} ul.aereo {padding-left:65px; background:url(../imgs/bg-bulb.gif) no-repeat 0 0;} ul.treno {padding-left:65px; background:url(../imgs/bg-hands.gif) no-repeat 0 0;} ul.nave {padding-left:65px; background:url(../imgs/bg-dollar.gif) no-repeat 0 0;} /* ELEMENTI COLONNA DI DESTRA */ #dx h2 {font-size:14px; color:#690;} ol.stdlist li {padding-right: 10px; margin:5px 10px 8px 50px;} ul.stdlist li {padding-right: 10px; margin:5px 10px 8px 50px;} ul.partners {margin-top:10px; list-style:none;} ul.partners li {float:left; margin:0 10px 8px 0;} ul.partners a {display:block; border:6px solid #CCC;} ul.partners a:hover {border:6px solid #191919;} /* MAIN FORM */ #hid {visibility:hidden;display:none;} #mainform {position:relative; top:20px; max-width: 700px; font:13px Tahoma;} #mainform .testo {text-align: justify} #mainform .compulsory {color:#FF0000} #mainform input {border-style: solid; border-width: thin; border-color: gray } #mainform textarea {border-style: solid; border-width: thin; border-color: gray } #mainform .submit {position:relative; left:100px; top:40px; margin-bottom:100px; height:35px; width:200px; font:normal 20px/34px "Trebuchet MS", Tahoma, Verdana, sans-serif; text-align:center; color:#FFF; cursor: pointer; background:url(../imgs/h-orange.gif) no-repeat center top;} /* Tabella control panel */ #CCmainTab td {empty-cells: show; padding:4px; cursor:default;} #CCmainTab select {border-width:thin; border-style:solid;} #CCmainTab option {padding-right: 0.5em;} #CCmainTab textarea {border-width:thin; border-style:solid;} #CCmainTab .TABsel {background-color:#A4BC4A; cursor:pointer; font-weight:bold;} #CCmainTab .TABunsel {cursor:pointer; background-color: #D1FF31; font-weight: normal} #CCmainTab .LINEunsel {background-color:#FFFFFF; cursor:pointer;} /* Tabella Booking list Control panel */ #CCbookListTab {font:12px Tahoma, Verdana, sans-serif; font-weight:normal;} #CCbookListTab .TitleRow {font-size:13px; font-weight:bold;}