/* 
    Document   : main
    Author     : Per. Ind. Davanzo Andrea
*/

* {
    margin:0px;
    padding:0px;
}

#wrapper {
    position:relative;
    width:960px;
    margin:auto;
    padding: 0 5px;
}

/*********************** MAIN ************************/

#main {
    width:950px;
    padding-top: 5px;
    background: white;
}

#main .header {
    height: 255px;
}

#main .textContainer {
    padding-top:20px;
    padding-right:20px;
}

/*********************** TOPMENU ************************/
#topMenu {
    height: 20px;
    width: 950px;
    padding-top: 10px;
}

#topMenu ul li {
    float: left;
    list-style: none;
    padding-left: 10px;

}

/*********************** TOP ************************/
#top {
    width:950px;
    height: 130px;
    height: 120px;
    background-color: white;
    text-align: right;
}

#top .logo {
    margin-top: 10px;
    float: left;
/*    margin-right: 10px;*/
}

#top .menuContainer {
    float: left;
   margin-left: 0;
   width: 775px;
   font-size: 9px;
}

.menuContainer table {
    float: right;
    width: 680px;
    margin-right: 5px;
}

.menuContainer th, .menuContainer td {
    text-align: right;
    padding-right: 10px;
}


.menuContainer th {
    height: 30px;
    border-right: 2px solid #f4f4f4;
}

.menuContainer td {
    vertical-align: top;

}

.menuContainer table th.noborder {
    border: none;
}

/*********************** SUBTOP ************************/

#subTop {
    width:950px;
    margin-top: 5px;
    height: 30px;
    background-color: white;
}

#subTop .title {
    height: 30px;
}



#subTop .login {
    height: 30px;
}

#subTop .title  span {
    padding-left: 15px;
    margin-top: 6px;
    display: block;
    font-size: 15px;
    font-family:  "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: italic;
}

#subTop .login span {
    display: block;
    color: #0060a4;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid #f2f2f2;
    height: 20px;
    margin: 3px;
}

/*********************** FOOTER  ************************/
#footer {
    width:950px;
    text-align: center;
    margin: 10px;
}

#footer .loghi {
/*    border: 1px solid red;*/
    width: 100%;

}

#footer .loghi:hover {
    cursor: pointer;
}

#footer .infocredits {
    margin: 15px 0;
    margin-bottom: 0;
    width: 100%;
    border-collapse: collapse;
}

#footer .infocredits td {
    padding: 0 10px;
}

#footer .infocredits .nome {
    color: #0060a4;
    font-weight: bold;
    text-align: left;
    width: 90px;
}
#footer .infocredits .spacer {
    border-right: 1px solid #969696;
    padding: 0;
}

#footer .infocredits .info {
/*    color: #0060a4;*/
/*    font-weight: bold;*/
    text-align: left;
    width: 530px;
}


/*********************** GENERAL PURPOSE CLASS ************************/
.colLeft {
    width: 635px;
    float: left;
}

.colRight {
    float: right;
    width: 315px;
}

.lightgray {
    background-color: #e5e5e5;
}

.testborder {
    border: 1px solid red;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.mainWidth {
    width: 950px;
}

.clearfix {
    clear: both;
}





#header {
    height: 255px;
    width: 642px;
}


#header .image {
    width: 642px;
    height: 255px;
    float: left;
}

#header img {
    width: 642px;
    height: 255px;
}




#header .image {
    width: 642px;
    height: 255px;
    float: left;
}

#header img {
    width: 642px;
    height: 255px;
}

/***** MY TOUR *****/
#myVeniceBox  {
    float: right;
    padding: 0;
    padding: 0 15px;
    font-size: 11px;
    color: #666;
    padding-top: 15px;
}

#myVeniceBox .compatBox {
    margin-top: 15px;
}

#myVeniceBox .title, #myVeniceBox .subtitle {
    color: #FFF;
    display: block;
    font-style: normal;
    font-weight: bold;
    margin: 0;
}

#myVeniceBox .title {
    font-family: arial;
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    text-shadow: 1px 1px 3px rgba(0,0,0,.35);
}

#myVeniceBox .subtitle {
    font-family: "Times New Roman",Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    margin-top: 0;
}

#myVeniceBox .typeTitle {
    color: #003d69;
    font-weight: bold;
    margin-top: 20px;
}

#myVeniceBox label {
    display: block;
    color: white;
    font-weight: bold;
    margin: 2px auto;
    float: none;
    padding-right: 10px;
    text-align: left;
    width: 100%;
}

#myVeniceBox a {
    color: #535353;
}

#myVeniceBox a:hover {
    text-decoration: underline;
    color: #003d69;
}

#myVeniceBox select {
    font-size: 11px;
    background: #e1e1e1;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 260px;
}

#myVeniceBox.compact {
    background: #003b66 url(/images/bkg_myvenice_compact.jpg) no-repeat;
    height: 240px;
    width: 284px;
}

#myVeniceBox.expanded {
    width: 284px;
    background: #003b66 url(/images/bkg_myvenice.jpg) no-repeat;
    height: 440px;
    margin-bottom: 30px;
}

#myVeniceBox .freccia {
    vertical-align: top;
}

#myVeniceBox .linkContents {
    margin-top: 60px;
}



#contents {
    margin-top: 10px;
/*    margin: 10px;*/
    padding: 10px;
    padding-top: 0;
    float: left;
/*    border: 1px solid red;*/
}


#contents.onecol {
    width: 940px;
}

#contents.colLeft {
    width: 620px;
}

#contents ul, #main ul {
    margin: 10px;
}

#main h3 {
    margin-top: 40px;
}




#colRight {
    margin-top: 10px;
    padding: 10px;
    padding-top: 0;
    width: 300px;
    float: right;
/*    border: 1px solid red;*/

}





#myveniceFrame {
/*    margin-top: 10px;*/
    width: 100%;
    height: 1000px;
    overflow: auto;
}

#main .myveniceFrame {
    margin-top: 30px;
}




form {
    font-size: 12px;
    font-family: arial;
    font-weight: normal;
}

fieldset {
    border: 1px solid #d5d5d5;
    padding: 10px;
}

legend {
    color: #0060a4;
    display: block;
    font-size: 1.2em;
    text-decoration: none;
    margin: 15px 5px;
    padding: 5px;
    font-weight: bold;
}
form .field {
    margin: 10px;
}

label {
    display: block;
    float: left;
    color: #0060a4;
    width: 150px;
    text-align: right;
    padding-right: 10px;
}

.required {
    font-weight: bold;
}

.formButtons {
    margin: 10px 0;
    text-align: right;
}

body {
    background-image: url(/images/sfumatura.jpg);
    background-repeat: repeat-x;
    margin-top: 0;
    font-size: 12px;
    font-family: arial;
    font-weight: normal;
    color: #666;
}

a {
    text-decoration:none
}

a:link, a:visited {
    color: #666;
}

a:hover, a:active {
    color: #0060a4;
}

img {
    border: none;
}

/*h1 {
    color: #0060a7;
    font-size: 30px;
    margin-top: 0.67em;
    text-transform: uppercase;
}*/
h1 {
    color: rgb(130, 171, 0);
    font-family: "Times New Roman",Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 0px;
}
.legenda{
    margin: 0.67em 0px 0.8em;
    color: rgb(0, 96, 164);
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}
.head6{
    color: rgb(0, 96, 164);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0px 0px;
}


/* RB 
h4 {
    margin: 0 1.33em;

}
*/
h4 {
    color: rgb(130, 171, 0);
}



h2, h3 {
/*    margin: 0.67em 0;*/
    color: #0060A4;
    font-family: "Times New Roman",Times,serif;
    font-size: 19px;
    font-style: italic;
    font-weight: normal;
/*    line-height: 17px;*/
/*    text-align: right;*/
}

p, ul, li {
    color: #444;
    font-size: 12px;
}



.btn {
/*    background-repeat: repeat-x;*/
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: 0 30px;
    margin: 0;
    cursor: pointer;
    font-size: 10px;
    height: 26px;
    line-height: 23px;
    text-transform: uppercase;
}

.btn:hover {
    color: #0060A4;
}

/*.btn.btn-small, .btn-icon.btn-small { background-position: 0 0; font-size: 10px; height: 26px; line-height: 23px; }*/


.btn-green,
.btn-green:visited { background-color: #82ab00;}

.gray,
.btn-gray,
.btn-gray:visited { background-color: #a4a4a4;}


.btn.frecciaDx
{
    background-image: url(/images/freccia16x16.png);
    background-repeat: no-repeat;
    background-position: 97%;
}
.btn.frecciaDx:hover {
    background-image: url(/images/freccia16x16-over.png);
}

.btn.frecciaSx
{
    background-image: url(/images/freccia16x16indietro.png);
    background-repeat: no-repeat;
    background-position: 3%;
}
.btn.frecciaSx:hover {
    background-image: url(/images/freccia16x16indietrogrigio.png);
}

.noborder {
    border: none;
}


input,
textarea,
select {
    padding: 2px;
    font-size: 12px;
    font-family: arial;
    background: white;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input:focus,
textarea:focus,
select:focus {
    background: #e5e5e5;
}


.contactBox {
    margin: 20px;
    margin-top: 0;
    text-align: right;
}

.headerBooking {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    background: #e5e5e5;
}

.headerBooking h1 {
    color: white;
    margin: 0;
}

.companyInfoContainer {
    padding-top: 16px;
    text-align: left;
}

.companyInfoContainer .agencyName {
    color: #0060A4;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 13px;
}