@font-face {
	font-family: 'OpenSans';
	src: url('../font/OpenSans.eot?') format('eot'), 
	     url('../font/OpenSans.woff') format('woff'), 
	     url('../font/OpenSans.ttf')  format('truetype'),
	     url('../font/OpenSans.svg#OpenSans') format('svg');
}

@font-face {
	font-family: 'OpenSans-light';
	src: url('../font/OpenSans-Light-webfont.eot?') format('eot'), 
	     url('../font/OpenSans-Light-webfont.woff') format('woff'), 
	     url('../font/OpenSans-Light-webfont.ttf')  format('truetype'),
	     url('../font/OpenSans-Light-webfont.svg#OpenSans-light') format('svg');
}

@font-face {
	font-family: 'Roboto';
	src: url('../font/roboto-regular-webfont.eot?') format('eot'), 
	     url('../font/roboto-regular-webfont.woff') format('woff'), 
	     url('../font/roboto-regular-webfont.ttf')  format('truetype'),
	     url('../font/roboto-regular-webfont.svg#roboto') format('svg');
}


#center{width:100%; margin:0 auto;margin-top:20%;}
#ghionzoli{margin:0 auto; width:400px;}
#partners{float:right;width:400px;}

#navigation{width:300px; float:left;margin-top:40px;}
#progetto{width:900px; float:left;margin-top:40px;}

.switch  {color:#FFFFFF; text-transform:uppercase;display:block; padding:0px; background-color:#38393e;width:auto; float:left;}

/* CSS reset */


* { margin:0; padding:0; }
body {font:14px/1.8em 'roboto', sans-serif;background-color:#7cdbd5;}


	img { border:none; }
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { 

height: 100%;
margin: 0;
padding: 0;
font:14px/1.8em 'roboto', sans-serif;
color:#333;

	
}
#wrapper{width:100%}
#spacer{width:100%; height:30px;background:#fff;}
#spacer2{width:90%; height:1px;background:#d6d6d6;margin:0 auto;margin-top:30px;margin-bottom:30px;}

.box-contatti{
  float:left;
  width:100%;
 
  margin-top:40px;
  margin-left:0px;
  
  padding-bottom:4px;
  }
  
  .contatti{font-size:24px;
   background:#cb0260;
   font:  'OpenSans-light',sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding:10px;
  
   
   }
   .thumb-box{width:100%; margin-top:0px;height:390px;}
   
   #thumb-box-all{height : 300px;width:73%;
padding-bottom:20px;

margin-left:4px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;overflow:auto;}
   
   #thumb-box-toyota{width:70%; margin-top:0px;height:500px;}
   #thumb-box-riviera{width:70%;margin-left:4px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;}
   #thumb-box-marina-verde{width:70%;margin-left:4px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;}
   #thumb-box-regina{width:70%;margin-left:0px; margin-top:-16px;float:left;margin-right:8px;padding:0px;}
   #thumb-box-alternative{width:70%;margin-left:0px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;}
   #thumb-box-cooperativa-sviluppo-marinese{width:70%;margin-left:0px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;}
   #thumb-box-api{width:70%;margin-left:0px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;}
   #thumb-box-adg{width:70%;margin-left:0px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;}
   #thumb-box-stabilimento-balneare-regina-mare{width:70%;margin-left:0px; margin-top:-16px;height:400px;float:left;margin-right:8px;padding:0px;}
   
   
   .rel-container  { font-size:12px; border-left: solid #ccc 1px; padding: 10px; width:400px !important; margin-top:20px;overflow:auto; height:600px;float:right;}
   
   #cont-thumb-relazione{width:100%;float:left;margin-left:6px;}

   
   #block-box{width:95%; margin-top:-26px;height:400px; display:table;margin-left:15px;}
   
   
   
   .block{width:200px; margin-top:0px;height:156px; border:1px solid #eee; float:left; margin-left:26px; margin-top:36px;}
   .box { 
   
    height:156px;
    width:200px;
}


#argomento{text-transform:uppercase; color:#BEBEBE;font-size:16px;margin-left:38px;}


.overlay {  
    background:rgba(255, 255, 255, .75);
    text-align:center;
    opacity:0;    
    width:100%;height:100%; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box:hover {
  
   color:#000;
}
.box:hover .overlay {
    opacity:1;
}
.search {
    position:relative;
    top:66px;
	color:#000;
}
   
   .block-testo{padding-left:20px; color:#999999;}
   .titolo-block{font-weight: 400;
font-size: 16px;
font-family: "Roboto";
color: #000; margin-left:20px;}
   
   a.apri{color:#000000;background-color:#cb0260; -moz-border-radius: 6px;
	border-radius: 6px;color:#fff;padding:10px;}
   
    a.apri:hover{color:#000000;text-decoration:none;background:#333333; color:#fff; -webkit-transition: background-color 400ms linear;
     -moz-transition: background-color 400ms linear;
     -o-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
     transition: background-color 400ms linear;}

   
   .thumb{float:left; margin-left:36px; list-style:none; margin-top:36px;}
   
   
   
   .didascalia{list-style:none;color:#666666; border:1px solid #ccc; padding:30px; display:block;}
   #box-didascalia{margin-top:30px;margin-left:36px;}

  
  .titolo2{font:  'OpenSans-light',sans-serif;
  color: #cb0260;
  text-transform: normal;
  font-size:24px;}
    .titolo3{font:  'OpenSans-light',sans-serif;
  color: #cb0260;
  text-transform: normal;
  font-size:14px;
  }
        .titolocv{font:  'OpenSans-light',sans-serif;
  color:#f53240;
  text-transform: normal;
  font-size:14px;
  margin-left:32px;}
  
  .sub-titolocv{font:  'OpenSans-light',sans-serif;
  color:#f53240;
  text-transform: normal;
  font-weight:bold;
  font-size:14px;
  }
  
  .titolo4{font:  'OpenSans-light',sans-serif;
  color:#ababab;
  text-transform: normal;
  font-size:14px;}
    .titolo-lavori{font:  'OpenSans-light',sans-serif;
  color: #7EB8E2;
  text-transform: normal;
  font-size:24px;margin-left:44px;}
  
.sezionecv{width:20%;float:left;height:auto;}
.testo-sezionecv{width:80%; float:left;font-size:14px;height:auto;}
.sezionecv2{width:20%;float:left;height:auto;margin-top:20px;}
.testo-sezionecv2{width:80%; float:left;font-size:14px;height:auto;margin-top:20px;}
#box{width:100%;margin-top:0px;height:100%;margin:0 auto;background:#fff;}
#box-colonne{width:100%;margin-top:60px;height:auto;float:left;background-color:#7cdbd5;}
#colonnasx{width:35%;float:left;height:402px; }
#colonnacentro{width:28%;float:left;text-transform:uppercase;color:#333;font-size:12px;padding:20px;height:362px;}
#colonnadx{width:30%;float:left;text-transform:uppercase;color:#fff;font-size:11px;padding-top:22px;height:380px;}
#colonnacv{width:100%;float:left;color:#fff;margin-top:60px;padding:10px;height:auto;line-height:22px;font-size:13px;margin-bottom:30px;}



.form{color:#fff;font-size:14px;}
input{background:#dddddd;padding:8px;border:none;color:#333333;text-transform:uppercase;}

textarea{background:#dddddd;padding:8px;border:none;color:#FFFFFF#333333;text-transform:uppercase;width:260px;}

#descrizione-immagine{float:left;width:360px;margin-top:14px;font-size:14px;color:#727784;line-height:1.5;margin-left:8px;height:auto;}
#contenuto{
	padding-bottom:60px;
	width:100%;height:auto;
}

#bottom{width:100%; height:300px; background:#000;}

#footer{width:100%; height:250px; background-color:#333;color:#fff;}

#footer-secondario {
	height:60px;
	line-height:60px; /* in base all'altezza del footer */
	padding:20px;
	text-transform:uppercase;
	
	width:90%;
	margin-left:-20px;
}

.content {
    display: none;
    float: right;
    width: 550px;
}

.form{ padding:30px;float:left;height:300px;color:#fff;}
.address{color:#fff; padding:36px;float:left;height:180px;}
.contatto{color:#fff;}

#left{min-height: 100%;
text-align: left;
font-size: 15px;
margin-left: 0px;
color: #9D9D9D;
position: absolute;
z-index: 2000;
float:left;}

#right{height: 100%;
width: 700px;
background: #f3f3f3;
margin-left: 401px;
position: absolute;
z-index: 300;
overflow:auto;float:right;
}

.ie7 body{
	overflow:hidden;
}
a{
	text-decoration: none;
}

.clr{
	clear: both;
}

a.mail{color:#7EB8E2;}

a.mail:hover{color:#999999;
-webkit-transition: color 400ms linear;
     -moz-transition: color 400ms linear;
     -o-transition:color 400ms linear;
     -ms-transition: color 400ms linear;
     transition: color 400ms linear;

}


a.mail2{color:#da0d1a;


}
a.mail2:hover{color:#fff;
-webkit-transition: color 400ms linear;
     -moz-transition: color 400ms linear;
     -o-transition:color 400ms linear;
     -ms-transition: color 400ms linear;
     transition: color 400ms linear;

}


#mappa{margin-top:20px; margin-left:40px; }

 



.logo{margin-top:6px;margin-left:44px;margin-bottom:10px;float:left;}
	
#banner{width:100%; background-color:#fff;height:60px;}


#menu-container{height:80px;
margin-top:0px;
left: 0px;
width:100%;
margin-right:10px;
padding-bottom:20px;
background-color:#7cdbd5;
}

#top-nav{margin-left:566px; margin-top:52px;width:200px;}
a.top-nav{color:#cb0260;font: 300 12px/27px 'roboto',sans-serif;}

#sec-nav{margin-left:28px; padding:10px;height:20px;width:500px;line-height:12px;}
.link-sec-nav{font-size:11px;margin-top:8px;margin-left:6px;line-height:2px;color:#999999; }

#tabs_content_container{width:100%;}


.link{list-style:none; color:#fff;margin-left:44px; padding:10px;background:#38393e;text-transform:uppercase;}

#contenitore-progetto{margin-left:44px;margin-top:20px;width:800px;}
#gallery{
    margin-left:24px;
}

a.button{padding:10px; background-color:#da0d1a;  margin-top:-16px;
	margin-left:43px;color:#fff;float:left;font-size:14px;}
	a.button2{padding:10px; background-color:#da0d1a; 
	margin-left:43px;color:#fff;float:left;font-size:14px;margin-top:-16px;}
	a.button2:hover{text-decoration:none;background-color:#7cdbd5; color:#fff; -webkit-transition: background-color 400ms linear;
     -moz-transition: background-color 400ms linear;
     -o-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
     transition: background-color 400ms linear;}

a.menu-link {  margin-top:0px; display:block;height:50px;padding:15px; font: 300 14px/27px 'roboto',sans-serif; color:#f53240;float:left;line-height:100px; border-bottom:2px solid #fff;

transition-property: background, height;
 transition-duration: 0.3s;
 
 -webkit-transition-property:background, height;
 -webkit-transition-duration: 0.3s;
         
 -o-transition-property: background,height;
 -o-transition-duration: 0.3s;
         
 -moz-transition-property:background, height;
 -moz-transition-duration: 0.3s;


}

a.menu-link2 {  padding:10px;margin-left:16px;color:#f53240;float:left;font-size:14px; padding-bottom: 6px;margin-top:-16px;
    

}
a.menu-link2:hover {  border-bottom: 2px solid #da0d1a; margin-top:-16px;

}
.menu-link2-hover { padding:10px;margin-left:16px;color:#f53240;float:left;font-size:14px; padding-bottom: 6px;  border-bottom: 2px solid #da0d1a; 
margin-top:-16px;
}




a.menu-link:hover { color:#da0d1a;

	 
	

}

.didascalia{color:#da0d1a;border-style:none;padding:0px; margin-bottom:0px;font-weight:bold;font-size:14px;}


#title-curriculum  {text-align:left;font-family:'bebas', Arial, verdana; font-size:26px; color:#666666; margin-top:10px;margin-left:0px;}
#text-curriculum{text-align:left; color:#ababab; margin-top:10px;margin-left:10px;}
#categoria-cv{width:100%;text-align:center;background:#FFF;color:#666666;font-family:'bebas', Arial, verdana;font-size:16px;text-align:left;}
.sub-categoria-cv{margin-left:0px;color:#666666;font-family:'bebas', Arial, verdana;font-size:14px;text-align:left;}
.title-big{text-align:left;font-family:'bebas', Arial, verdana; font-size:26px; color:#FFF;}





.pannello{width:260px; height:120px;background:#1a5f88;padding:10px;margin-left:0px;}

.link-box{width:600px;float:left;margin-top:1px;height:90px;margin-left:80px;}
.link a{color:#fff;text-transform:uppercase;margin-left:44px;margin-top:10px;padding:8px;background:#38393e;}
.box-lavori{float:left;}
a.lavori-eseguiti1{display:block; width:200px; height:150px;background:url(../images/thumb-toyota.jpg);float:left;margin-right:10px;}
.lavori-eseguiti1 span {
  display: none;
}

a.lavori-eseguiti1:hover{
background:url(../images/thumb-toyota-hover.jpg);float:left;margin-right:10px;}

a.lavori-eseguiti2{display:block; width:200px; height:150px;background:url(../images/thumb-api.jpg);float:left;}
a.lavori-eseguiti2:hover{background:url(../images/thumb-api-hover.jpg);}