* {font-family: Arial, Helvetica, sans-serif;font-size:11px;}
img {border:0;}
p {margin:0;}
form {margin:0;padding:0;}

#layout {width:900px;margin:0 auto;}


/* HEADER */

/*#top:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* CLEARFIX */
/*#top {height:1%;}*/
/*#top #logo {float:left;}*/
/*#top #claim {float:right;}*/

#top{
	position: relative;
	height: 80px;
	background: #FFFFFF;
}

/* LINK DELL'HEADER */
#layout #menu-top {
	position: relative;
	height: 36px;
	background: #005e9c;
}
#layout #menu-top img {position:absolute;bottom:0;right:0;}
#layout #menu-top ul {position:absolute;left:0;bottom:0;list-style:none;margin:0;padding:0;}
#layout #menu-top ul li {float:left;width:auto;height:20px;padding:0 5px 0 5px;}
#layout #menu-top ul li a {text-decoration:none;}
#layout #menu-top ul li a span {line-height:1em;display:block;padding:5px 0 0 8px;color:#fff;background:url(../img/arrow_menu.gif) left 8px no-repeat;font-weight:bold;}
#layout #menu-top ul li.on {background:#fff;}
#layout #menu-top ul li.on a span {line-height:1em;color:#005e9c;background:url(../img/arrow_menu_on.gif) left 8px no-repeat;}

/*  FINE HEADER */




/* sfondo home page OLD (ANTE 3 novembre 2008) */
#layout #content-hp {
position:relative;
height:454px;
background:url(../img/bg_hp_caraibi.jpg) 
left top no-repeat;
}

#layout #content-hp #menu-top {position:absolute;top:16px;left:0;height:40px;background:#005e9c;width:346px;}
#layout #content-hp #menu-top img {position:absolute;bottom:0;right:0;}
#layout #content-hp #menu-top ul {position:absolute;left:0;bottom:0;list-style:none;margin:0;padding:0;}
#layout #content-hp #menu-top ul li {float:left;width:auto;height:20px;padding:0 5px 0 5px;}
#layout #content-hp #menu-top ul li a {text-decoration:none;}
#layout #content-hp #menu-top ul li a span {line-height:1em;display:block;padding:4px 0 0 8px;color:#fff;background:url(../img/arrow_menu.gif) left 6px no-repeat;font-weight:bold;}


/* immagine Partecipa al grande concorso consodata */
#welcomeimg {
width:330px;
position:absolute;
top:120px;
left:15px;
padding:5px 0 5px 0;
}


/* SFONDO scritta Le Sue risposte sono importanti  */
#sfscrittahome
{
width:340px;
position:absolute;
top:250px;
left:10px;
padding: 0px 0px 50px 0px;
background:#2656a0;
opacity:.7;
filter:alpha(opacity=70);
}

/* SCRITTA HOME PAGE */
#scrittahome
{
width:330px;
position:absolute;
top:250px;
left:20px;
padding: 5px 5px 5px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#fff
}


/* posizione tasto PARTECIPA sulla home page */
#partecipahome
{
width:310px;
position:absolute;
top:375px;
left:190px;
width:101px;height:38px;
}



/* sfondo lato destro home page */
#box-top {
height:450px;
width:498px;
position:absolute;
top:0;
right:23px;
background:#005e9c;
opacity:.7;
filter:alpha(opacity=70);
z-index:1;
}

/* posizione contenuto prima meta' sfondo lato destro home page */
#box-top-content {
height:163px;
width:478px;
position:absolute;
top:0;
right:23px;
padding:15px 0 0 43px;
z-index:10;
}


#scrittacosta
{
height:50px;
width:300px;
position:absolute;
top:45px;
right:40px;
z-index:10;
}

#imgcosta
{
height:50px;
width:100px;
position:absolute;
top:100px;
right:375px;
z-index:10;
}


/* posizione contenuto seconda meta' sfondo lato destro home page */
#box-bottom-content {
height:180px;
width:478px;
position:absolute;
top:135px;
right:23px;
z-index:10;
}


#imgpiscina
{
height:50px;
width:100px;
position:absolute;
top:175px;
right:30px;
z-index:10;
}

#imgmontagne
{
height:50px;
width:100px;
position:absolute;
top:243px;
right:23px;
z-index:10;
}

#premionline
{
height:100px;
width:478px;
position:absolute;
top:320px;
right:23px;
z-index:10;
}



#content-int {padding:23px 48px 0 55px;}
#content-int h1 {color:#005e9c;margin:0 0 5px 0;font-size:12px;}
#content-int p {color:#005e9c;}
#content-form {position:relative;background:#80aadc;margin:5px 0 0 0;padding:5px 0 80px 0;min-height:200px;height:auto!important;height:200px;}
#content-form h2 {margin:0 0 15px 10px;color:#ffc62e;font-size:20px;}

/* step 1/3, step 2/3, step 3/3 */
#step {
        position:absolute;
        top:10px;
        right:5px;
        font-family: Arial,Verdana, Helvetica, sans-serif;
        font-weight: bold;  
        font-size:16px;
        color:#ffCC00;
    }

    /* titolo delle pagine del questionario */
#sezione {
        position:absolute;
        top:10px;
        left:20px;
        font-family: Arial,Verdana, Helvetica, sans-serif;
        font-weight: bold;  
        font-size:16px;
        color:#ffCC00;
    }
    
    /* avviso esite gia' un iscritto con tali dati */
#deduplica {
        position:relative;
        top:30px;
        left:20px;
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;  
        font-size:14px;
        color:#FFFF00;
    }    
    
  
#campi {margin: 40px 21px 0 28px;padding:0;}
#campi #blocco-1 {padding:0 0 10px 0;background:url(../img/filet_form.gif) left bottom repeat-x;}
#campi #blocco-2 {padding:0 0 10px 0;background:url(../img/filet_form.gif) left bottom repeat-x;}
#campi #blocco-3 {padding:0 0 10px 0;background:url(../img/filet_form.gif) left bottom repeat-x;}
#campi #blocco-4 {padding:0 0 0 0;}
#campi div div {height:1%;margin:10px 0 0 0;}
#campi div div:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* CLEARFIX */
#campi div div p {float:left;}
#campi div div#genere  p{width:80px;}
#campi div div#statocivile p {width:120px;}
#campi div div#membri p {width:105px;}
#campi div div#figli p {width:70px;}
#campi div div input {float:left;width:287px;}
#campi div div input.rad {float:left;width:auto;}
#campi div select {float:left;width:auto;margin:0 10px 0 0;}
#campi div select.data {width:66px;}
#campi div select.provincia {width:128px;}
#campi div div label {float:left;display:block;padding:4px 0 0 0;color:#fff;font-weight:bold;width:185px;}
#campi div div span {padding:3px 0 5px 0;display:block;font-weight:bold;}

td.domanda {color:#fff;font-weight:bold;width:185px;padding:0 10px 0 0;}
td.n-domanda {color:#fff;font-weight:bold;width:auto;padding:0 5px 0 0;}
#domanda-1 {margin:15px 0 0 0;}
#domanda-1 table td {width:auto;font-weight:bold;color:#005e9c;padding:3px 22px 0 0;}
#domanda-1 table td.check {width:auto;padding:0;}
#domanda-2 {margin:15px 0 0 0;}
#domanda-2 table {margin:0 0 0 10px;}
#domanda-2 table td {width:auto;font-weight:bold;color:#005e9c;padding:3px 22px 0 0;}
#domanda-2 table td.check {width:auto;padding:0;}
#domanda-2 table select {width:66px;}

#domanda-3 {margin:15px 0 0 0;}
#domanda-3 table {margin:0 0 0 10px;}
#domanda-3 table td {width:auto;font-weight:bold;color:#005e9c;padding:3px 22px 0 0;}
#domanda-3 table td.check {width:auto;padding:0;}
#domanda-3 table select {width:66px;}


#domanda-3bis {margin:15px 0 0 0;}
#domanda-3bis table {margin:0 0 0 10px;}
#domanda-3bis table td {font-weight:bold; color:#005e9c; padding:3px 2px 0 0;}


#domanda-3tris {margin:15px 0 0 0;}
#domanda-3tris table {margin:0 0 0 0px;}
#domanda-3tris table td {width:170px; font-weight:bold; color:#005e9c; padding:0px 0px 0 0;}

#domanda-4bis {margin:15px 0 0 0;}
#domanda-4bis table {margin:0 0 0 0px;}
#domanda-4bis table td {width:130px; font-weight:bold; color:#005e9c; padding:0px 0px 0 0;}


#domanda-4 {margin:15px 0 0 0;}
#domanda-4 table {margin:0 0 0 10px;}
#domanda-4 table td {width:auto;font-weight:bold;color:#005e9c;padding:3px 22px 0 0;}
#domanda-4 table td.check {width:auto;padding:0;}
#domanda-4 table select {width:66px;}
#domanda-9 table {margin:0 0 0 10px;}
#domanda-9 table td {width:auto;font-weight:bold;color:#005e9c;padding:3px 22px 0 0;}
#domanda-9 table td.check {width:auto;padding:0;}
#domanda-9 table select {width:66px;}


table.tripla {margin: 15px 0 0 0;}
table.tripla table td {width:150px;font-weight:bold;color:#005e9c;padding:3px 22px 0 0;}
table.tripla table td.check {width:auto;padding:0;}
table.singola {margin: 15px 0 0 0;}
table.singola table td {width:auto;font-weight:bold;color:#005e9c;padding:3px 22px 0 0;}
table.singola table td.check {width:auto;padding:0;}

#privacy {margin:20px 0px 0px 0px;}
#privacy td {font-weight:bold;color:#fff;}

#controllo {margin:20px 0 0 0;}
#controllo p {font-weight:bold;color:#fff;}
#controllo .img-conferma {padding:20px 50px 0 0;}

#go {position:absolute;bottom:0;right:15px;height:50px;width:113px;}
#go input {border:0;}

#esito {padding:33px 48px 0 55px;}
#esito h1 {color:#005e9c;margin:0 0 5px 0;font-size:12px;}
#esito p {color:#005e9c;}
#content-esito {position:relative;background:#80aadc;margin:25px 0 0 0;padding:20px 20px 30px 20px;min-height:100px;height:auto!important;height:100px;}
#content-esito h2 {margin:0 0 0 10px;color:#ffc62e;font-size:20px;}
#content-esito p {color:#fff;font-weight:bold;text-align:center;font-size:12px;}
#content-esito p a {color:#fff;}
#content-esito p#copyright {padding:15px 0 5px 0;color:#005e9c;font-weight:normal;font-size:11px;background:url(../img/filet_form.gif) left top repeat-x;}
#content-esito p#torna a {display:block;height:48px;width:225px;background:url(../img/btn_torna_hp.jpg) left top no-repeat;margin:15px auto;}

#informativa {padding:33px 48px 0 55px;}
#informativa h1 {color:#005e9c;margin:0 0 5px 0;font-size:12px;}
#informativa p {color:#005e9c;}
#content-info {position:relative;background:#80aadc;margin:25px 0 0 0;padding:20px 20px 30px 20px;min-height:100px;height:auto!important;height:100px;}
#content-info h2 {margin:0 0 0 10px;color:#ffc62e;font-size:20px;}
#content-info #title {margin:0 0 20px 0;}
#content-info p {color:#fff;font-weight:bold;font-size:12px;margin:0 0 10px 0;}
#content-info p.centro {text-align:center;margin:0;}
#content-info p a:link,#content-info p a:visited {color:#fff;font-size:12px;}
#content-info p#copyright {text-align:center;padding:15px 0 5px 0;color:#005e9c;font-weight:normal;font-size:11px;background:url(../img/filet_form.gif) left top repeat-x;}

#footer-hp {height:45px;background:#f6b300;}

#submitbutton 
{
	/*margin-left: 120px;
	margin-top: 5px;*/
        border: none;
	width: 130px;
        height: 50px;
	
	background: url(../pages/images/btn_prosegui.gif) left top no-repeat;
	font: 9pt 'Trebuchet MS', Verdana, Arial, sans-serif; 
	color: #666666;
}
.dist{ height:30px;
}
.success{
	font-size: large;
	color: White;
}
#copyright{
	bottom: 0px;
	text-align: center;
	position: absolute;
	background-position: center;
}
#submitsegnalasito
{
        border: none;
	width: 130px;
        height: 50px;
        background: url(../pages/images/btn_prosegui2.gif) left top no-repeat;
	font: 10pt 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #000000;
}
#content-info td {color:#fff;font-weight:bold;font-size:12px;margin:0 0 10px 0;}





/* LAYOUT pagina VINCITORI */

#s { position:relative;
     top:0px;
     left:0px; 
     padding:10px 10px 10px 10px;
     color:#fff;
     font-weight:bold;
     font-size:12px;
     background:#80aadc;  /*AZZURRO SCURO. Ripristinalo quando ci sara' l'elenco dei vincitori.*/

      /* togli questi due attributi per ripristinare l'elenco dei vicitori*/ 
     /*background:url(../img/bg_hp2.jpg);*/
     /*background:url(../img/Mykonos02.jpg);*/

     height:650px;
    }

#s a{color:#ffffff;}
#s td{color:#ff9900;font-weight:bold;font-size:14px;margin:0 0 10px 0;vertical-align:top;}


/* immagini pagina VINCITORI */
#imgisolagreche {
/*width:330px;*/
position:absolute;
top:120px;
left:420px;
padding:0px 0 0px 0;
border: 2px solid #ffffff;
}


#vincitorecrociera{
     position:absolute;
     top:120px;
     left:40px; 
     z-index:10;
}

#titleelencovincitori{
     position:absolute;
     top:220px;
     left:40px; 
     z-index:10;
}

#elencovincitori{
     position:absolute;
     top:260px;
     left:40px; 
     z-index:10;
     height:450px;
     overflow: scroll;
}






