html {
    width:100%;
    height:100%;
    margin: 0;
}

body {
    height:100%;
	margin: 0;
	padding: 0px;
	background: #26315E;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #E9E9EA;

}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #000000;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
    padding-left:50px;
	color: #000000;
    width:920px;
	margin: auto auto;
	padding: 20px 0px 0px 0px;
}

p {
	margin-top: 0;
	line-height: 150%;
}


ul, ol {
	margin-top: 0;
	line-height: 200%;
}



a {
	text-decoration: none;
	color: #000000;
}

a:hover {
}

textarea{

}

#wrapper1 {min-height:100%;height:auto !important; /*per gli altri browser*/height:100%; /*per IE 6*/ margin-bottom:-50px;}

#wrapper3 {min-height:100%;height:auto !important; /*per gli altri browser*/height:100%; /*per IE 6*/ margin-bottom:-50px;}



mail {
	text-decoration: none;
	color: #E9E9EA;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

/* Header */

#header {
	overflow: hidden;
	width: 1100px;
	height: 200px;
	margin: 0 auto;
	padding: 0px 0px;
}

/* Logo */

#logo {
	float: left;
	width: 400px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
}

#logo h1 {
	padding: 25px 0px 0px 25px;
}

/* Menu */
#menu {
	float: right;
	width: 600px;
	margin: 0 auto;

     -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.2s ease-out;  /* FF4+ */
      -ms-transition: all 0.2s ease-out;  /* IE10 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
          transition: all 0.2s ease-out;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 40px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 40px;
	padding: 0px 15px 0px 15px;
}

#menu a {
	height: 40px;
	line-height: 60px;
	margin-right: 1px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

#menu ul li a:hover, #menu .current_page_item a {
    border-bottom: 5px solid #FFFFFF;
}

 #menu .current_page_item2 a{
     border-bottom:none;
 }

#menu ul ul {
    display: block;
	position: absolute;
    z-index:1;
	top: 35px;
	visibility: hidden; 
    width:0px;
    font-size: 8px;
	color: #FFFFFF;
}

#menu ul li:hover ul{
    display: block;
    z-index:1;
    width:0px; 
    font-size: 8px;
    visibility: visible;
    
}

#menu ul ul:hover {
    display: block;
    z-index:1;
}


/* Page */

#page1{
    height:2000px;
    width:920px;
	margin: 10px auto 40px auto;
	padding: 0 0 0 0;
}

#page2, #page4 {
    /*min-height:100%;*/
    /*height:auto !important; /*per gli altri browser height:100%; /*per IE 6 margin-bottom:-50px;*/
    height:2000px;
	width: 1100px;
	margin: 10px auto 40px auto;
	padding: 0 0 0 0;
    background: #ECE9E9;
}

#page3{
    /*min-height:100%;*/
    /*height:auto !important; /*per gli altri browser height:100%; /*per IE 6 margin-bottom:-50px;*/
    height:2000px;
	width: 920px;
	margin: auto auto;
	padding: 0 0 0 0;
}

/* Content */

#content {
	float: left;
	width: 920px;
	padding: 40px 0px 0px 0px;
    text-align:justify;
}

#richieste {
    margin-top:20px;
    width:500px;
    margin:auto auto;
    color: #000000;
}

#titolo_form_contatti {
    margin-top:60px;
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
}
#form_contatti {
    margin-top:40px;
    margin-bottom:100px;
}
#bottone {
    width:100px;
    height:40px;
}



/* Three Column Footer Content */

#footer-content-wrapper {
    width: 1100px;
    min-height:536px; 
    overflow: hidden;
}

#footer-content-wrapper-servizi {
    width: 1100px;
    height:500px; 
    overflow: hidden;
}

#footer-content {
	overflow: hidden;
	width: 1000px;
	margin: auto auto;
	padding:  0 0;
    color: #000000;
}

#table-servizi {
    overflow: hidden;
	width: 1050px;
    padding-left:50px;
    color: #000000;
}

#footer-content h2 {
	margin: 0px;
	padding: 20px 0px 10px 10px;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
}

#footer-content ul {
	margin: 0px;
	padding: 20px 0px 0px 30px;
}

#footer-content li {
	padding: 0px 0px 15px 0px;
}

#servizi2{
    overflow: hidden;
	width:1100px;
	padding: 60px 0px 0px 0px;
    color: #000000;
}

#logoArchitettura{
    margin: 0px 0px 0px 0px;
}

#logoArchitettura a:hover{
     content: url('images/LogoArchitettura2.png');    
}

#logoConsulenza{
    margin: 0px 0px 0px 0px;
}

#logoConsulenza a:hover{
     content: url('images/LogoConsulenza2.png');
}


#servizi1{
    overflow: hidden;
	width:1100px;
    margin:100px 170px 0px 170px;
    color: #000000;
}

#column{
    float:left;
    height:300px;
    width:300px;
}

#logoIngegneria{
     margin: 0px 0px 0px 0px;
}

#logoIngegneria a:hover{
     content: url('images/LogoIngegneria2.png');
}


#table-servizi {
     width:150px;
     font-family: 'Roboto', sans-serif;
     color: #000000;
}

#titolo-table-servizi{
     width:150px;
     height:150px;
}

#titolo_servizio {
     padding-left:20px;
     font-family: 'Roboto', sans-serif;
	 font-size: 40px;
     color: #000000;
    

}

#logo_elenco{
   padding-right:10px; 
}

#elenco{
    height:50px;
    width:600px;
    font-family: 'Roboto', sans-serif;
    font-size:20px;
}

#Collegamento-servizi{
    width:100%;
    margin:0px;
    float:left;
}

#titolo_servizio1 {
     padding-left:20px;
     font-family: 'Roboto', sans-serif;
	 font-size: 30px;
     color: #000000;
     float:left;
     margin-right:70px;

}



#Collservizi1{
    padding-left:130px;
    overflow: hidden;
	width: 420px;
	height: 150px;
    float:left;
}



#footer {
    width:100%;
    vertical-align:bottom;
	margin-bottom:0px;
	height: 30px;
	padding: 0px 0px 25px 0px;
	background: #000000;
}

#footer p {
	margin-bottom:0px;
	padding-top: 20px;
	line-height: normal;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}

#footer a {
	color: #FFFFFF;
}





#banner_image {
	width: 1100px;
	margin: 10px auto 40px auto;
	padding: 0 0 0 0;
}

#slider-wrapper {
    height: 350px;
	background: transparent;
	width: 1000px;
}
#slider {
    background: url("images/loading.gif") no-repeat scroll 50% 50% transparent;
    height: 350px;
    position: relative;
    width: 1000px;
}
#slider img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
#slider a {
    border: 0 none;
    display: block;
}

.nivoSlider {
    position: relative;
}
.nivoSlider img {
    left: 0;
    position: absolute;
    top: 0;
}
.nivoSlider a.nivo-imageLink {
    border: 0 none;
    display: none;
    height: 50%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 6;
}
.nivo-slice {
    display: block;
    height: 100%;
    position: absolute;
    z-index: 5;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}
.nivo-caption {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    font-family: arial;
    left: 0;
    opacity: 0.8;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 8;
}
.nivo-caption p {
    margin: 0;
    padding: 5px;
}
.nivo-caption a {
    color: red;
    display: inline !important;
    text-decoration: none;
}
.nivo-caption a:hover {
    color: blue;
    text-decoration: underline;
}
.nivo-html-caption {
    display: none;
}
.nivo-directionNav a {
    background: url("images/arrows.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    text-indent: -9999px;
    top: 45%;
    width: 30px;
    z-index: 9;
}
a.nivo-prevNav {
    left: 15px;
}
a.nivo-nextNav {
    background-position: -30px 50%;
    right: 15px;
}
.nivo-controlNav {
    bottom: -30px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
}
.nivo-controlNav a {
    background: url("images/bullets.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 22px;
    margin-top: 350px;
    position: relative;
    text-indent: -9999px;
    width: 22px;
    z-index: 9;
}
.nivo-controlNav a.active {
    background-position: 0 -22px;
}

#indirizzo {
	padding: 10px 10px 10px 10px;
}

/*.descrsocial {
	float:left;
	width:920px;
	overflow:visible;
	height:auto;
}
.social {
	float:left;
	overflow:visible;
	width:640px;
	padding-top:25px;
	padding-left:140px;
	padding-right:140px;
	height:75px;
}

.linkedin {
	float:left;
	width:50px;
	overflow:visible;
	text-align: center;
	padding-left:80px;
	padding-right:80px;
}
 .twitter {
	float:left;
	width:50px;
	overflow:visible;
	text-align: center;
	padding-left:80px;
	padding-right:80px;
}

.facebookbutton {
	float:left;
	width:50px;
	overflow:visible;
	text-align: center;
	padding-left:80px;
	padding-right:80px;
}
*/

.descrsocial {
	float:left;
	width:920px;
	overflow:visible;
	height:30px;
}
.social {
	float:right;
	overflow:visible;
	height:30px;
}

.linkedin {
	float:left;
	width:30px;
	overflow:visible;
	text-align: center;
}
 .twitter {
	float:left;
	width:30px;
	overflow:visible;
	text-align: center;

}

.facebookbutton {
	float:left;
	width:30px;
	overflow:visible;
	text-align: center;

}










iframe{
	float:left;
	margin:0px;
	overflow:hidden;
	width:450px;
	height:190px;
	padding-left:0px;
	padding-right:0px;
	background-color:#E9E9EA;
}

.fbframe {
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding-left:150px;
	padding-right:150px;
	float:left;
	height:30px;
	background-color:#26315E;
}

#map {
	float:left;
	margin:0px;
	overflow:hidden;
	width:920px;
	height:450px;
	padding-left:0px;
	padding-right:0px;
	background-color:#26315E;
}


.socialHeader {padding:0 !important;}
.socialHeader ul {list-style-type:none;}
.socialHeader ul li {float:left; background:#fff; border:1px solid #edeceb; border-radius:36px; margin-right:10px; margin-bottom:0;}
.socialHeader ul li:hover {background-color:#4e453f; -webkit-transition:background-color 500ms linear; -moz-transition:background-color 500ms linear; -o-transition:background-color 500ms linear; -ms-transition:background-color 500ms linear; transition:background-color 500ms linear;}
.socialHeader ul li a {display:block; width:36px; height:36px; padding:10px 0;}
.socialHeader ul li a .sprite {display:block; margin:0 auto; -webkit-transition:width 0.5s linear; -moz-transition:width 0.5s linear; -o-transition:width 0.5s linear; transition:width 0.5s linear;}
.socialHeader ul li.twitter a .sprite {background-position:0 0; width:19px; height:15px;}
.socialHeader ul li.youtube a .sprite {background-position:-19px 0; width:19px; height:15px;}
.socialHeader ul li.pinterest a .sprite {background-position:-38px 0; width:15px; height:15px;}
.socialHeader ul li.linkedin a .sprite {background-position:-53px 0; width:15px; height:15px;}
.socialHeader ul li.twitter:hover a .sprite {background-position:0 -15px;}
.socialHeader ul li.youtube:hover a .sprite {background-position:-19px -15px;}
.socialHeader ul li.pinterest:hover a .sprite {background-position:-38px -15px;}
.socialHeader ul li.linkedin:hover a .sprite {background-position:-53px -15px;}


.socialHeader ul li img {padding:10px 0;}