/**
 * Copyright (c) 2008, Andrea La Rosa.
 *
 */
 
@import url(cnd.css);

/* general */
html {height:101%;}
body {min-height:100%; background-color: #336C88; color:#336C88; font-family:verdana,arial,sans-serif; font-size:11px; text-align:center; padding-top:10px; }

/* .link  hover #EBD124 | #E8AC00 */
a:link,
a:visited {color:#336C88; text-decoration:underline;}
a:hover {color:#336C88; text-decoration:none;}

/* .h */
h1 {font-size:16px; font-weight:bold; letter-spacing:1px;}
h1.n {font-size:1.2em; font-weight:bold; display:block;}
h1 span {font-weight:bold;}
h1 span.rif {font-size:11px;font-weight:bold;}
h2 {font-size:1.2em; font-weight:bold; display:block;}
h2 span {font-size:11px; letter-spacing:0; font-weight:normal;}
h2 span.rif {font-size:11px; letter-spacing:0; font-weight:bold;}
h2 a {text-decoration:none;}
h2 a:hover {text-decoration:underline;}
h3 {clear:both; display:block; font-weight:bold; font-size:1.3em; letter-spacing:0;}
h3 a:link,h3 a:visited {text-decoration:none;}
h3 a:hover {color:#000; text-decoration:none;}
h3 a.arrow_acceso {padding-left:16px; background:#fff url(cnd-arrowBox.gif) 0px -20px no-repeat;}
h3 a.arrow_spento {padding-left:16px; background:#fff url(cnd-arrowBox.gif) 0px 0px no-repeat;}

/* .message */
.message {font-size:12px; padding:10px; background:#F0F0F0; border-style:solid; border-width:1px;}
.info {background-color:#EAEBF7; border-color: #8E9AFF}
.warning {background-color:#FFF0BA; border-color:#E87C29}
.question {background-color:#E4F6DE; border-color: #8FDC79}
.errore {background-color:#FFEBE8; border-color: #DD3C10;}
.avviso {background-color: #ffffff; border-color:#FF0038; color:#FF0038; font-weight:bold;}
.error{background:#FFEBE8 none repeat scroll 0 0; border:1px solid #DD3C10; padding:10px;}
.error-form{ font-size:12px; text-align: center; background:#FFEBE8 none repeat scroll 0 0; border:1px solid #DD3C10; padding:10px;}

/* - .FORM -------- */

.obl {color:#EBD124;}

/* combo3 */
.combo3label {clear:left; padding-left:20px; padding-bottom:10px;}
.combo3label h2 {font-size:14px;}
.combo3label .label {float:left; width:130px; font-size:11px; line-height:16px; padding:2px 10px 0px 0px;}
.combo3label .label .labelnormal {font-weight:bold; }
.combo3label .label .labelerror {font-weight:bold; color:#fff; background-color:#d7161f; padding:0px 3px;}
.combo3label .label i{font-size:11px; font-weight:normal; }
.combo3label .frmsize {float:left; width:450px;}
.combo3label .frmsize .grande{font-size:12px; font-weight:bold; line-height:18px;}
/* background: #FFFFFF url(cnd-bg-input.gif) repeat-x left top; - */
.combo3label .input {padding:2px;border:1px #C4C4C4 solid; font-size:12px; background-color:#fff;}
.combo3label .input:focus { border:1px black solid;}
.combo3label .select {margin:0; padding:1px; border:1px #C4C4C4 solid; font-size:12px;}
.combo3label .testo {float:left; width:280px; padding-left:15px;}
.combo3label .innerError {color:#EBD124; font-size:11px; line-height:18px; font-weight:bold;}
.combo3label .radioitem {clear:none; margin:0px 0px 0px 25px; padding:4px 0px 15px 0px;}
.combo3label .checkbox {padding:0px; margin:0px; vertical-align: middle; border:0; background: none; }
.combo3label .field-checkbox {clear:none; font-size:11px; margin:0px 10px 10px 5px; padding:0px 0px 0px 0px; line-height:15px; cursor: pointer;}

/* combo2 */
.combo2label {clear:left; padding-bottom:15px;}
.combo2label h2 {font-size:14px;}
.combo2label .label {float:left; width:130px; font-size:11px; line-height:16px; padding:2px 10px 0px 0px;}
.combo2label .label .labelnormal {font-weight:bold; }
.combo2label .label .labelerror {font-weight:bold; color:#fff; background-color:#EBD124; padding:3px 3px;}
.combo2label .label i{font-size:11px; font-weight:normal; }
.combo2label .frmsize {float:left; width:300px;}
.combo2label .frmsize .grande{font-size:12px; font-weight:bold; line-height:18px;}
/* background: #FFFFFF url(cnd-bg-input.gif) repeat-x left top; - */
.combo2label .input {padding:2px; border:1px #C4C4C4 solid; font-size:12px; background-color:#fff;}
.combo2label .input:focus { border:1px black solid;}
.combo2label .select {margin:0; padding:1px; border:1px #C4C4C4 solid; font-size:12px;}
.combo2label .testo { width:280px; padding-left:0px;}
.combo2label .innerError {color:#EBD124; font-size:11px; line-height:18px;}
.combo2label .radioitem {clear:none; margin:0px 0px 0px 25px; padding:4px 0px 15px 0px;}
.combo2label .checkbox {padding:0px; margin:0px; vertical-align: middle; border:0; background: none; }
.combo2label .field-checkbox {clear:none; font-size:11px; margin:0px 10px 10px 5px; padding:0px 0px 0px 0px; line-height:15px; cursor: pointer;}

/* combo1 */
.combo1label {padding-bottom:15px;}
.combo1label h2 {font-size:14px; color:#EBD124; font-weight:bold; border-bottom: 1px #80BBE0 dashed; padding-bottom:5px; }
.combo1label .label {font-size:12px; line-height:18px; margin-bottom:8px; border-bottom: 1px #80BBE0 dashed; padding-bottom:3px;} 
.combo1label .label .labelnormal {font-weight:bold; }
.combo1label .label .labelerror {font-weight:bold; color:#fff; background-color:#EBD124; padding:3px 3px;}
.combo1label .label i{font-size:11px; font-weight:normal; }
.combo1label .frmsize {width:100%;}
.combo1label .input {background: #FFFFFF url(cnd-bg-input.gif) repeat-x left top; padding:1px; border:1px #C4C4C4 solid; font-size:11px;}
.combo1label .select {margin:0; padding:2px; border:1px #C4C4C4 solid; font-size:12px;}
.combo1label .testo {font-size:11px;}
.combo1label .innerError {color:#EBD124;}
.combo1label .radioitem {clear:none; margin:0px 0px 0px 25px; padding:4px 0px 15px 0px;}
.combo1label .checkbox {padding:0px; margin:0px; vertical-align: middle; border:0; background: none; }
.combo1label .field-checkbox {clear:none; font-size:11px; margin:0px 10px 10px 5px; padding:0px 0px 0px 0px; line-height:15px; cursor: pointer;}

/* - .tiny --------- */
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(ajax/ajax-preload.gif) no-repeat 50% 50%; border:10px solid #C0DFF3; z-index:5000;}
#tinybox {color:#333; font-size:11px;}
#tinybox h1 {color:#333; font-size:13px;}
#tinybox a:link,
#tinybox a:visited {color:#999; text-decoration:none;}
#tinybox a:hover {color:#DA9803; text-decoration:none;}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#004FB4; z-index:1500} /* background:#000; */
#tinycontent {height:100%; background:#fff}

/*
.tinygallery {margin:15px 0px;}
.tinygallery img {padding:2px; border:1px #D1D1D1 solid; margin-right:4px; margin-bottom:4px;}
*/

/* submit */
.submitbutton {clear:both; margin-top:5px;}
.submit {font-size:12px; font-weight:bold; background:#f4f4f4 url(cnd-fade-butt.png) repeat 0 0; border:1px #B0B0B0 solid; color:#666; padding:4px 6px;}
.submit:hover {background:#f4f4f4; border:1px #ccc solid; color:grey; cursor:pointer;}

/* submit img replace */
.submitimgreplace {clear:both; margin-top:5px;}
.oksubmitit {position:relative; width: 260px; height:60px; color:#36A2D8;}
.oksubmitit span {position:absolute; width:100%; height:100%; background:transparent url(sito-oksubmit.png) no-repeat 0 0;}
.oksubmitit span:hover { cursor:pointer; background:transparent url(sito-oksubmit.png) no-repeat 0 0;}

/* - .stili liste ol -------- */
ol#lista {position:relative; margin:0; padding:0;}
ol#lista li {height:2em; width:150px; position:absolute; list-style-type:none; white-space:nowrap;}
ol#lista li label {font-weight: normal;}
li.a-1, li.b-1, li.c-1,li.d-1,li.e-1,li.f-1,li.g-1,li.h-1,li.i-1 {margin-left:0;}
li.a-2, li.b-2, li.c-2,li.d-2,li.e-2,li.f-2,li.g-2,li.h-2,li.i-2 {margin-left:175px;}
li.a-3, li.b-3, li.c-3,li.d-3,li.e-3,li.f-3,li.g-3,li.h-3,li.i-3 {margin-left:325px;}
li.a-4, li.b-4, li.c-4,li.d-4,li.e-4,li.f-4,li.g-4,li.h-4,li.i-4 {margin-left:475px;}
li.a-5, li.b-5, li.c-5,li.d-5,li.e-5,li.f-5,li.g-5,li.h-5,li.i-5 {margin-left:625px;}
li.a-1,li.a-2,li.a-3,li.a-4,li.a-5 {top:0;}
li.b-1,li.b-2,li.b-3,li.b-4,li.b-5 {top:2em;}
li.c-1,li.c-2,li.c-3,li.c-4,li.c-5 {top:4em;}
li.d-1,li.d-2,li.d-3,li.d-4,li.d-5 {top:6em;}
li.e-1,li.e-2,li.e-3,li.e-4,li.e-5 {top:8em;}
li.f-1,li.f-2,li.f-3,li.f-4,li.f-5 {top:10em;}
li.g-1,li.g-2,li.g-3,li.g-4,li.g-5 {top:12em;}
li.h-1,li.h-2,li.h-3,li.h-4,li.h-5 {top:14em;}
li.i-1,li.i-2,li.i-3,li.i-4,li.i-5 {top:16em;}
ol.righe-1 {height:2em;}
ol.righe-2 {height:4em;}
ol.righe-3 {height:6em;}
ol.righe-4 {height:8em;}
ol.righe-5 {height:10em;}
ol.righe-6 {height:12em;}
ol.righe-7 {height:14em;}
ol.righe-8 {height:16em;}
ol.righe-9 {height:18em;}

/* -------------- CONTENITORI ----------------- */

/* .main */
#main {width:750px; margin:0 auto; background-color:#fff;}
#main .wrap {padding:15px;}

/* .top */
#top {height:125px; overflow:hidden;}
#toplogo {float:left; width:240px; text-align:center; height:115px; overflow:hidden; background:#fff url(sito-toplogo-bg.png) no-repeat left top }
#toplogo a:link,
#toplogo a:visited,
#toplogo a:hover
{padding-top:180px; display:block;}
#topmenu {float:left; width:400px; padding-top:10px; text-align:center; letter-spacing:1px;}
#topmenu a:link,
#topmenu a:visited {font-size:13px; text-decoration:none; padding:0px 10px; border-right:1px solid #80BBE0;}
#topmenu a:hover {text-decoration:none;}
#topmenu a.noborder {border:0;}

/* .container */
#container {background:#fff url(sito-container-bg.gif) repeat-y left top; }

/* .col */
#col {float:left; width:240px;}
#col .wrap {padding:10px;}
#col .menu {background-color:#F9FAFB; color:#336C88; padding-bottom:10px;}
#col .menu a:link,
#col .menu a:visited {display:block; font-size:11px; text-decoration:none; padding:4px 0;}
#col .menu a:hover {background-color:#336C88; color:#F9FAFB; text-decoration:none;}
#col .menu a.noborder {border:0;}

#col .scopriit {height:35px; overflow:hidden; background:transparent url(sito-txt-scopri.gif) no-repeat left top;}
#col .turismoit {height:35px; overflow:hidden; background:transparent url(sito-txt-turismo.gif) no-repeat left top;}
#col .associazioneit {height:35px; overflow:hidden; background:transparent url(sito-txt-associazione.gif) no-repeat left top;}
#col .galleriait {height:35px; overflow:hidden; background:transparent url(sito-txt-galleria.gif) no-repeat left top;}

/* - .banner ---- */
#slogan {height:240px; overflow: hidden;}
#slogan #sloganbox { position:relative; overflow: hidden; height:240px; overflow:hidden;}

/* .page */
#page {float:left; width:480px; text-align:left;}
#page .wrap {padding:0 0 0 15px;}
#page a.foto:link,
#page a.foto:visited {margin:0 5px 5px 0; padding:0; text-decoration:none;}
#page a.foto:hover {margin:0 5px 5px 0; padding:0; text-decoration:none;}

#page a.foto:link img,
#page a.foto:visited img { border:2px #6F6F6F solid;}
#page a.foto:hover img { border:2px #DA9803 solid;}

/* .slogan 
#slogan-main {clear:left; width:750px; height:200px; text-align:left;}
#slogan {height:200px; overflow:hidden;}
*/

/* .mset 
#mset {height:30px; overflow:hidden; background: transparent url(sito-menu-bg.jpg) no-repeat left top; padding:5px 20px;}
#mset a:link,
#mset a:visited {font-size:11px; text-decoration:none; padding:0px 10px 0 0; margin-right:10px; border-right:1px solid #80BBE0;}
#mset a:hover {text-decoration:none;}
#mset a.noborder {border:0;}
*/

/* .shop */
#shop .boxuomo {background:transparent url(sito-boxuomo-bg.jpg) no-repeat left top; min-height:300px;}
#shop .boxdonna {background:transparent url(sito-boxdonna-bg.jpg) no-repeat left top; min-height:300px;}
#shop .boxshoes {background:transparent url(sito-boxshoes-bg.jpg) no-repeat left top; min-height:300px;}
#shop .boxsummer-shoes {background:transparent url(sito-boxsummer-shoes-bg.jpg) no-repeat left top; min-height:300px;}
#shop .boxsport {background:transparent url(sito-boxsport-bg.jpg) no-repeat left top; min-height:300px;}
#shop .boxmare {background:transparent url(sito-boxmare-bg.jpg) no-repeat left top; min-height:300px;}
#shop .loghi{ padding-left:150px; }
#shop .loghi img {margin:0 15px 10px 0;}

/* .stores */
#stores {font-size:12px;}
#stores h1 {font-size:14px;}
#stores .box {float:left; width:360px;}
#stores .wrap{margin-right:20px;}
#stores .left {float:left; width:200px;}
#stores .right {float:left; width: 160px;}

/* .shop */
#card {font-size:11px;}
#card h1 {font-size:16px;}
#card .left {float:left; width:240px;}
#card .right {float:left; width: 510px;}

/* .footer */
#footer {text-align:center; font-size:10px; padding-top:18px; margin-left:260px;}
#footer a:link, #footer a:visited {text-decoration:underline;}
#footer a:hover {text-decoration:none;}

/* .login */
div.login {text-align:center; margin-top:14px;}
div.login div.loginWrap {padding:0;}
div.login .combo {line-height:18px;}
div.login .label {font-size:11px; padding-bottom:5px; }
div.login .frmsize {font-size:11px; padding-bottom:5px; }
div.login .input {padding:2px; width:200px; font-size:12px; background: #FFFFFF url(cnd-bg-input.gif) repeat-x left top; border:1px #C4C4C4 solid;}
div.login #bottone {font-weight:bold; font-size:12px;}

/* records list */
.gLine1 {background-color:#EBF2EE; padding:8px; margin-bottom:10px;}
.gLine1 a:link,#gestione .gLine1 a:visited {text-decoration: none; padding:3px;}
.gLine1 a:hover {text-decoration: none; background-color: #000; color: #fff;}