/* CSS Document */
html {
background: linear-gradient(108.1deg, rgb(167, 220, 225) 11.2%, rgb(217, 239, 242) 88.9%);
height:100%;
}
body{
/*position :relative;*/
font-family :Century Gothic, Helvetica, Arial;
text-align :center;
margin :0;
padding :0;
color :#000000;
-webkit-text-size-adjust:100%;
-o-text-size-adjust :100%;
-ms-text-size-adjust :100%;
-moz-text-size-adjust :100%;
text-size-adjust :100%;
overflow-x :hidden;
border-top :2px solid #e2ae63;
}
/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà di distanziare gli elementi che seguono. */
padding-right: 55px;
padding-left: 55px; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anziché ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si può anche utilizzare un div nidificato con spaziatura laterale. */
color: #000000;
text-align:center;
line-height:24px;
font-weight:700;
letter-spacing:1px;
}
h1 {font-size: 47px;
font-family:helvetica_ce_55_romanbold,helvetica;}
h2 {font-size: 32px;
font-family:WCManoNegraBtaRegular, helvetica;}
h3 {font-size: 25px;
font-family: HelveticaNeueLTStd53Extended,helvetica;}
h4 {font-size: 24px;
font-family:WCManoNegraBtaRegular, helvetica;}
h5 {font-size: 22px;}
h6 {font-size: 14px;}
h7 {font-size: 12px;}
a:link {
color : #ffffff;
text-decoration: none;
}
a:visited {
color : #ffffff;
text-decoration: none;
}
a:hover {
color : #45a4c4;
text-decoration : none;
}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento. */
border: none;
}
.img_width {
width:100%;
text-align:center;
}
.img_right {
float:right;
margin: 0 0 20px 0;
}
.img_left {
float:left;
margin: 0 30px 20px 0;
}
.space20 {padding: 10px 0;}
.space30 {padding:15px 0;}
.space50 {padding: 50px 0;}
.space100 {padding: 100px 0;}
.space200 {padding: 200px 0;}
.space400 {padding:300px 0;
}
#icons {
position:absolute;
top:135px;
left:55px;
font-size:13px;
font-weight:700;
}
.icon {
float:left;
padding:6px;
}
/* ~~ Questo contenitore a larghezza fissa circonda gli altri div ~~ */
#contaier {
widht:100%;
border-top: 2px solid #0cf;
}
#wrapper {
margin: 0 auto;
height: auto !important;
height:100%;
width: 800px;
display:block;
position:relative;
z-index:0;
}
/*
-------------------------------------------
1. HEADER
-------------------------------------------
*/
#header {
position: relative;
height: 180px;
width: auto;
}
.logo_gallingani {
width:auto;
}
#menu {
font-size: 15px;
overflow: hidden;
text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -2px 2px 2px #000000, 2px 2px 2px #000000;
font-weight:bold;
}
#menu { cursor: pointer; cursor: hand; }
.a1 {
position:absolute;
width:100px;
padding:5px;
top:250px;
left:190px;
}
.a2 {
position:absolute;
width:200px;
padding:5px;
top:280px;
left:360px;
}
.a3 {
position:absolute;
width:150px;
padding:5px;
top:355px;
right:150px;
}
.a4 {
position:absolute;
width:200px;
padding:5px;
top:435px;
right:45px;
}
.a5 {
position:absolute;
width:200px;
padding:5px;
top:550px;
right:100px;
}
.a6 {
position:absolute;
width:200px;
padding:5px;
top:635px;
left:370px;
}
.a7 {
position:absolute;
width:150px;
padding:5px;
top:570px;
left:180px;
}
.a8 {
position:absolute;
width:150px;
padding:5px;
top:470px;
left:70px;
}
.a9 {
position:absolute;
width:150px;
padding:5px;
top:490px;
left:248px;
}
.a10 {
position:absolute;
width:200px;
padding:5px;
top:350px;
left:80px;
}
.a11 {
position:absolute;
width:150px;
padding:5px;
font-size:24px;
top:360px;
left:300px;
}
.a1:hover {
color: #45a4c4;
}
.a2:hover {
color: #45a4c4;
}
.a3:hover {
color: #45a4c4;
}
.a4:hover {
color: #45a4c4;
}
.a5:hover {
color: #45a4c4;
}
.a6:hover {
color: #45a4c4;
}
.a7:hover {
color: #45a4c4;
}
.a8:hover {
color: #45a4c4;
}
.a9:hover {
color: #45a4c4;
}
.a10:hover {
color: #45a4c4;
}
.a11:hover {
color: #45a4c4;
}
/* ~~ Queste sono le informazioni sul layout. ~~
1) La spaziatura viene applicata solo al lato superiore e/o inferiore del div. Agli elementi all'interno del div viene applicata una spaziatura sui lati. In questo modo si evita ogni calcolo matematico relativo ai riquadri. Tenete presente che se aggiungete spaziatura laterale o bordi al div stesso, andranno ad aggiungersi alla larghezza definita per produrre la larghezza *totale*. Potete anche scegliere di rimuovere la spaziatura dell'elemento nel div e inserire un secondo div al suo interno con larghezza nulla e con la spaziatura necessaria per la struttura che state creando.
*/
/*
-------------------------------------------
2. CONTENT
-------------------------------------------
*/
#content {
background :transparent;
float :left;
width :100%;
height :100%;
display :block;
padding :20px 0 60px 0;
}
#full_content{
position :relative;
display :block;
clear :both;
padding :0 60px;
}
#content .left {
position :relative;
display :block;
width :50%;
float :left;
}
#content .right {
position :relative;
display :block;
width :50%;
float :right;
}
#content .left55{
position :relative;
display :block;
width :55%;
float :left;
}
#content .right45{
position :relative;
display :block;
width :45%;
float :right;
}
#content .left45{
position :relative;
display :block;
width :45%;
float :left;
}
#content .right55{
position :relative;
display :block;
width :55%;
float :right;
}
#content .left35{
position :relative;
display :block;
width :35%;
float :left;
}
#content .right65{
position :relative;
display :block;
width :65%;
float :right;
}
/*
-------------------------------------------
3. FOOTER
-------------------------------------------
*/
#footer{
position :fixed;
bottom :0;
width :100%;
display :block;
padding :15px 0;
background :rgba(226,174,99,0.6);
clear :both;
border-top :2px solid #e2ae63;
margin-top:0;
}
.alignleft{
display :inline;
float :left;
}
.alignright{
display :inline;
float :right;
}
#footer p {
color: #ffffff;
font-size: 13px;
font-weight:normal;
padding: 0;
margin: 0 15px;
line-height:13px;
}
/* ~~ Classi float/clear varie ~~ */
.fltrt { /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
float: right;
margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
float: left;
margin-right: 8px;
}
.clearfloat { /* Questa classe può essere inserita in un
o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.portfolio:hover {
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.black {
color: #2f2f2f;
font-family:HelveticaNeueLTStd43LightExtended;
}
.opacity:hover {
opacity:0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.email {
float:right;
margin: -5.5px 100px 0 0;
}
/* Form Richiesta Preventivo */
.modulo {
width:100%;
max-width:690px;
margin-top: 0; /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà di distanziare gli elementi che seguono. */
padding-right: 55px;
padding-left: 55px;
}
.form_container {
background: rgba(255,255,255,1);
height:650px;
}
.form_container_due {
background: rgba(255,255,255,1);
height:115px;
padding:20px 0;
}
.left_form {
width:60%;
float:left;
}
.right_form {
width:40%;
float:right;
}
.text_right_form {
margin: 0;
padding:90px 55px 0 0;
font-family:'Myriad Pro', Arial, sans-serif;
font-size:15px;
font-weight:700;
}
p.formail{
margin: 0;
padding:2px 0;
color:#555;
font-family:'Myriad Pro', Arial, sans-serif;
font-size:15px;
}
form#formail{
margin:0 auto;
width: 92%;
background-color: #dbdbdb;
padding: 20px;
overflow:hidden;
}
form#form{
margin:0;
padding: 15px;
overflow:hidden;
}
p.text-color {
color:#fff;
margin: 0;
padding:2px 0px;
font-family:'Myriad Pro', Arial, sans-serif;
font-size:15px;
}
input[type=text]{
background:#e5e5e5 none repeat scroll 0 0;
border: 1px solid #c8faf9;
color:#000;
font-family:'Myriad Pro', Myriad Pro, Arial, sans-serif;
margin-bottom:10px;
padding:4px 5px;
width:300px;
font-size:14px;
height:25px;
}
input[type=text]:focus{
background:#c8faf9;
}
input[type=email]{
background:#e5e5e5 none repeat scroll 0 0;
border: 1px solid #c8faf9;
color:#000;
font-family:'Myriad Pro', Myriad Pro, Arial, sans-serif;
margin-bottom:10px;
padding:4px 5px;
width:300px;
font-size:14px;
height:25px;
}
input[type=email]:focus{
background:#c8faf9;
}
textarea{
background: #e5e5e5 url("images/comment.png") no-repeat 245px 65px;
border: 1px solid #c8faf9;
overflow: hidden; /* disabilitare la scrollbar in IE */
color:#000;
font-family:'Myriad Pro', Myriad Pro, Arial, sans-serif;
padding:4px 5px;
width:300px;
height: 120px;
font-size:14px;
}
textarea:focus{
background: #c8faf9 url("images/comment.png") no-repeat 245px 65px;
}
.omino_preventivo {
margin: 80px 30px 0 0;
}
.required {
font-size:11px;
text-shadow:none;
color:#2f2f2f;
background:#cdcdcd;
padding: 2px 0;
-webkit-border-bottom-right-radius: 0%;
-webkit-border-bottom-left-radius: 100%;
-moz-border-radius-bottomright: 0%;
-moz-border-radius-bottomleft: 100%;
border-bottom-right-radius: 0%;
border-bottom-left-radius: 100%;
}
textarea:focus, input:focus{
border-color: rgb(200, 250, 249);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.095), 0 0 8px rgb(255, 0, 197);
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.095), 0 0 8px rgb(0, 0, 197);
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.095), 0 0 8px rgb(0, 0, 197);
}
#pulsante input {
font-family: 'Myriad Pro', Arial, sans-serif;
text-align: center;
position:relative;
top:15px;
left:125px;
padding:8px 15px;
background: #e5e5e5;
border: 1px solid #c8faf9;
color: #444;
letter-spacing:1px;
}
#pulsante input:hover{
background:#fff;
color: #444;
border-color: rgb(200, 250, 249);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.095), 0 0 8px rgb(255, 0, 197);
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.095), 0 0 8px rgb(0, 0, 197);
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.095), 0 0 8px rgb(0, 0, 197);
}
#nibirumail_cookie_advice {
top:0px !important;
padding:38px 0 !important;
border-bottom:2px solid #e2ae63 !important;
font-size: 14px !important;
height:24px;
}