/* CSS Document */ /* Theme Name: divingtegnue.it Description: A two-column fixed-width theme custom designed by Luisa Lovato. Version: 2.0 Author: Luisa Lovato Author URI: http://www.luandco.it */ * {margin:0; padding:0; border:0} html, body, #body { height:100%; width:100%; } /*body {font-size:13px; background:#002971 url(../images/bg.jpg) top center no-repeat; color: #333; line-height:15px; font-family: 'Lucida Grande','Lucida Sans',"Trebuchet MS", Arial, Helvetica, sans-serif;}*/ body {font-size:13px; background:#002363 url(../images/bg2.jpg) top center no-repeat; color: #333; line-height:15px; font-family: 'Lucida Grande','Lucida Sans',"Trebuchet MS", Arial, Helvetica, sans-serif;} #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -61px; /* the bottom margin is the negative value of the footer's height */ } #footer, #push { clear:both; height: 61px; /* .push must be the same height as .footer */} a, a:active, a:visited {text-decoration: underline; color:#003c99; font-weight:bold} a:hover {text-decoration:underline; color:red} .enfasi {font-family: georgia; font-style: italic;line-height: 1.2em;} .BIG {font-family: georgia; font-weight:bold;line-height: 1.2em;font-size:16px; font-family: Helvetica, Arial, sans-serif} p {padding-top:10px; text-align:justify} h1 {font-size: 2.1em; letter-spacing: -2px; font-family: helvetica,arial,sans-serif; color:#367feb; margin:10px 0;} h2 {font-size:16px; font-weight:normal; margin-top:-1px} h2 a {color:#62762c} h3 {font-size:14px; font-weight:bold; text-transform: uppercase; background:#367feb; color:#fff; padding:3px; margin:0} h4 {font-size:14px; font-weight:bold; text-transform: uppercase; background: #FF3300; color:#fff; padding:3px; margin:0} ul {list-style:none} code {display:block; border:1px solid #bfc79f; padding:10px; background:#f3f6e8} .blu {color:#00199f} .left{float:left} #site {width:1036px; margin:0 auto; } #titolo{height:17px; color:#fff; font-weight:bold;} #header {height:250px; width:954px; margin:0 auto; background:url(../images/header.gif) top center no-repeat } #logo a { display:block;width:274px;height:159px; overflow:hidden; float:left} #logo a:hover { display:block; text-indent:-274px; } #banner1{float:left;padding-top:25px; } #topbar { width:620px; height:163px; position:relative; left:249px; } #topbar ul {list-style-image:none; } #topbar ul li {display: inline; height:163} #topbar ul li.diving a{ float:left;margin:0;width:89px;background:url(../images/dc.png) no-repeat} #topbar ul li.diving a:hover, #topbar ul li.diving a.current{background:url(../images/dc-sel.png) no-repeat} #topbar ul li.servizi a{ float:left;margin:0;width:83px;background:url(../images/s.png) no-repeat} #topbar ul li.servizi a:hover,#topbar ul li.servizi a.current{background:url(../images/s-sel.png) no-repeat} #topbar ul li.imbarcazioni a{ float:left;margin:0;width:149px;background:url(../images/i.png) no-repeat} #topbar ul li.imbarcazioni a:hover, #topbar ul li.imbarcazioni a.current{background:url(../images/i-sel.png) no-repeat} #topbar ul li.corsi a{ float:left;margin:0;width:73px;background:url(../images/c.png) no-repeat} #topbar ul li.corsi a:hover, #topbar ul li.corsi a.current{background:url(../images/c-sel.png) no-repeat} #topbar ul li.foto a{ float:left;margin:0;width:59px;background:url(../images/f.png) no-repeat} #topbar ul li.foto a:hover, #topbar ul li.foto a.current{background:url(../images/f-sel.png) no-repeat} #topbar ul li.video a{ float:left;margin:0;width:72px;background:url(../images/v.png) no-repeat} #topbar ul li.video a:hover, #topbar ul li.video a.current{background:url(../images/v-sel.png) no-repeat} #topbar ul li.contatti a{ float:left;margin:0;width:95px;background:url(../images/co.png) no-repeat} #topbar ul li.contatti a:hover, #topbar ul li.contatti a.current{background:url(../images/co-sel.png) no-repeat} #escursioni{width:480px;height:60px;clear:both;position:relative; left:340px;} #submenu{width:100%; height:98px; background:url(../images/bg_submenu.gif) 0 0 repeat-x;} #submenu_ctn { width:980px; margin-left:auto;margin-right:auto;} #submenu img {margin:10px; float:left} #submenu ul {margin:10px; float:left; list-style:none} #submenu ul li{ displey:block} #submenu ul li a{displey:block; color:#FFFFFF; font-weight:bold;} #submenu table td { margin:0; border:0; border-right:1px solid #fff; border-collapse:collapse; border-spacing:0;} #submenu td:hover, #submenu td.over {background-color:#ff0000; border-spacing:0} #submenu td.sel {background-color:#940000; border-spacing:0} #content { width:954px; margin: 0 auto; background-color:#FFFFFF; min-height: 100%; height: auto !important; height: 100%;} #leftcolumn {float:left; width:220px; background:url(../images/bg-col.jpg) 0 0 repeat-x;} #menu4 { width: 146px; margin: 0 auto; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px;} #menu4 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; font-weight:bold} #menu4 li a:link, #menu4 li a:visited { color: #CCC; display: block; background: url(../images/menu4.gif); padding: 8px 0 0 10px; } #menu4 li a:hover,#menu4 li a.sel { color: #FFF; background: url(../images/menu4.gif) 0 -32px; padding: 8px 0 0 10px; } #centercolumn {float:left; width:520px; margin-left:10px} #rightcolumn { float:left; width:250px; margin-left:10px;background:url(../images/bg-col-right.jpg) 0 0 repeat-y;} #rightcolumn .title { float:left; width:250px; display:block; background: url(../images/bg-head-col-right.jpg) top left no-repeat; height:45px;} #rightcolumn .title font{ color:#022e86; font-weight:bold; padding:7px 0 0 10px; font-family: helvetica,arial,sans-serif; font-size:14px} #rightcolumn img a{ border:3px solid #fff} #rightcolumn img a:hover { border:3px solid #022e86} #rightcolumn img{ float:left;} #leftcolumn img, #rightcolumn .img{clear:both; margin:10px 0 10px 35px; } #maincolumn { float:left; width:650px; margin-left:20px} #unacolumn { float:left; width:900px; margin-left:20px} #txtcol1 { float:left; width:48%; margin-right:2%} #txtcol2 { float:right; width:48%;} #corsi { float:left; width:650px; } #prodotti_container {width:100%; background:#440612 url(../images/globe_bg.jpg) top left repeat-x;height:580px;} #prodotti {width:980px; background:transparent url(../images/globe.jpg) top center no-repeat; height:500px; margin:0 auto;} .left{ float:left} #testo { float:left; width:490px; margin-top:20px; font-size:14px;} #testo a, #testo a:active, #testo a:visited {text-decoration: none; color:#1552a3} #testo a:hover {text-decoration:underline;} #news {background:#ddefe5; border:1px solid #b7b7b7; width:234px; font-size:11px; } #news p {margin:10px; background:url(../images/sidemenu-sep.gif) left bottom repeat-x; padding-bottom:10px;} #news p .title {color:#006666; background:url(../images/arrow.gif) left top no-repeat; padding-left:16px; font-weight:bold;font-size:12px;} #footer{ width:954px; height:60px; background:url(../images/bg-footer.jpg) 0 0 repeat-x;margin:0 auto; } #footer p{ font:12px Arial, Helvetica, sans-serif; padding:20px 0 0 20px ; font-weight:bold; color:white;} #footer a, #footer a:active, #footer a:visited {color:#727376; padding-bottom:1px; border-bottom:1px dotted #1552a3; text-decoration:none; font-weight:bold; } #footer a:hover { border-bottom:1px dotted #727376; color:#fff; text-decoration:none} #table{ float:left;} #didascalia{ font:bold 12px/14px Arial, Helvetica, sans-serif;margin-bottom:5px; clear:both} #tab_header{height: 30px; background-color:#367feb; color: #FFF; font-weight:bold;} .th{height: 30px; margin: 1px 0 0 0; float: left; line-height: 30px; } .th1{width: 150px; height: 30px; margin: 1px 0 0 0; float: left; line-height:14px} .th2{width: 70px; height: 30px; margin: 1px 0 0 0; float: left; line-height:14px} #tab_footer{ height: 40px; background-color: #FF6600; color: #FFE6BF; font-size: 16px;line-height: 40px;} #tab_corpo{background-color: #FF9900; padding: 0; } .row{height: 30px; margin-top: 0; background-color: #FF6600; clear:left } .line{height: 3px; margin-top: 0; background-color: #FF6600; clear:left } .subHeader{height: 24px; margin-top: 0; background-color: #FFCC00 ; font-size: 13px;float:left } .cell1{width: 170px; height: 29px;margin: 1px 0 0 0;float: left; background-color: #fff; color: #333; line-height: 29px; } .cell2{width: 50px; height: 29px; margin: 1px 0 0 0; float: left; background-color: #fff; color: #333; line-height: 29px; text-align:center;} .cell3{width: 650px; height: 29px;margin: 1px 0 0 0;float: left; background-color: #fff; color: #333; line-height: 29px; font-size:11px} .cell4{width: 550px; height: 29px;margin: 1px 0 0 0;float: left; background-color: #fff; color: #333; line-height: 29px; font-size:11px} .cell3 b{color:#FF6600} .subTh{width: 50px; height: 24px; color: #333; line-height: 24px; text-align:center;float:left; font-weight:bold} .subThVoid{width: 550px; height: 24px; color: #333; line-height: 24px;float:left} .thumb {padding:5px; background:#E7EFFB; border:1px solid #9BD4FD; margin:5px;float:left;width:80px;} .thumb:hover {padding:5px; background:#4175EB; border:1px solid #9BD4FD; margin:5px;float:left;width:80px;} #thumb {padding:5px; background:#E7EFFB; border:1px solid #9BD4FD; margin:5px;float:left;width:240px;} #thumb:hover {padding:5px; background:#4175EB; border:1px solid #9BD4FD; margin:5px;float:left;width:240px;}