/*

salmone #F37455
grigio scuro #808285
celestino #D5E0E7
blu #5B6C8D
*/


html,body{
background: #D5E0E7;
font-family: Arial, sans;
font-size: 11px;
color: #666;
}

body{
margin: 0px;
background: #D5E0E7;
}

a{
outline: none;
cursor: pointer;
}
a img{
border: 0;
}

h2{
font-size: 13px;
padding-bottom: 3px;
margin-bottom: .5em;
border-bottom: 1px solid #777;
font-weight: normal;
text-transform: uppercase;
}

a.active{
color: #F37455;
}
#logo{
position: absolute;
top:20px;
left:20px;
z-index: 99;
}
#menu{
position: absolute;
right: 0px;
top:50%;
margin-top: -140px;
height: 280px;
z-index: 99;
}

#menu ul{
text-align: right;
width: 220px;
} 
#menu ul li{
width: 100%;
float: left;
}
#menu ul li a{
float: right;
padding: 8px;
background-color: white;
text-decoration: none;
color: #808285;
white-space: nowrap;
padding-right: 30px;
cursor: pointer;
}

#menu ul li.connect {
padding-top: 30px;
}

#menu ul li.connect a {
color: #F37455;
}

#menu ul li a:hover {
color: white;
background: #F37455;
}
#menu ul li a.active {
color: white;
background: #808285;
}

#wrapper{
width: 100%;
height:600px;
overflow:hidden;
position: absolute;
z-index: 1;
}
#pancontent{
width: 101%;
height:600px;
float: none;
position: absolute;
top: 0;
left: 0;
background: #D5E0E7;
}
#pancontent li{
float: left;
width: 100%;
height:600px;
position: relative;
background: #D5E0E7;
display: none;
}
.content{
width: 960px;
height: 600px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -300px;
margin-left: -480px;
}

a.download{
position: absolute;
left:122px;
top: 497px;
float: left;
padding: 8px;
background-image: url(img/dwn.png);
background-position: 8px center;
background-repeat: no-repeat;
background-color: #808285;
text-decoration: none;
color: white;
padding-left: 30px;
z-index: 99;
cursor: pointer;
}
a.download:hover{
background-color: #F37455;
}
.pics{
text-align: center;
}
.facebook{
position: absolute;
left:400px;
top: 60px;
float: left;
width: 380px;
}

.block { 
position:absolute;
border: 0px;
margin: 10px;
cursor:move;
color:#eee;
font-size:9px;
background-color:#333;
}

.media {
float:left;
position:absolute;
left:0px;
margin-top: -19px;
}
	
a.mzoom{
padding: 8px;
background-image: url(img/dwn.png);
background-position: 8px center;
background-repeat: no-repeat;
background-color: #808285;
text-decoration: none;
color: white;
padding-left: 30px;
cursor: pointer;
}

a.mzoom:hover{
background-color: #F37455;
}

.quot{
position: absolute;
left:0px;
top: 540px;
float: left;
z-index: 20;
text-align: right;
}
.quot h1{
font-size: 26px;
font-weight: normal;
color: #5B6C8D;

}
.quot .aut{
font-size: 14px;
font-weight: normal;
color: #666;
}
.dida{
position: absolute;
left:122px;
top: 540px;
float: left;
z-index: 20;
width: 650px;
color: #666;
}
.dida a{
color: #666;
}

.hidden{
display: none;
}
#teamshow{
width: 150px;
color: #333;
}

#map{
cursor: pointer;
}
strong{
font-weight: bold;}

.cvideo{
margin-left: 160px;
margin-top: 106px;
}

/* This file skins resizables */
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }

body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(img/resizable-se.gif); }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent; }