/* Main Css */

/*@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
*/

body#body {
        background-image: url(images/body_bg.jpg);
}

@font-face {
    font-family: lato;
    src: url(fonts/Lato-Regular.ttf);
}

#container {
/*background: rgba(88, 76, 66, 0.27);
        */
        //padding-left: 60px;
        //padding-right: 60px;
}
#content {
//background: rgba(123, 107, 94, 0.27);
        border-bottom: solid 8px rgba(17, 14, 13, 0.298039);
}
#footer {
//background: rgba(88, 76, 66, 0.27);
        font-family: lato;
        text-align: left;
        font-family: lato;
}
a:visited,
a:link {
        color: #FF8A00;
}
li {
        text-align: left;
}
div.nav-up {
        border-bottom: solid #FF8A00;
        box-shadow: 0px 1px 1px #000;
}
div.logo {
        text-align: left;
        padding: 20px;
		padding-left: 10px;
        font-size: 30px;
        font-family: times new roman;
}
span.logo-l:hover,
span.logo-r:hover {
}
span.logo-l {
        color: white;
}
span.logo-r {
        color: #FF8A00;
        white-space:nowrap;
}
span.logo-r,
span.logo-l {
        width: 310px;
        display: block;
}
div#header {
        margin-bottom: 8px;
}
ul.nav-menu {
        margin-top: 4px;
        height: 47px;
        display: block;
        color: #FFF;
        font-size: 15px;
        text-transform: capitalize;
        font-family: arial;
}
ul.nav-menu > li {
        float: left;
}
a.link-menu {
        display: block;
        height: 47px;
        padding: 15px;
        box-sizing: border-box;
        transition: all 0.2s ease-in;
        color: white;
        text-decoration: none;
}
a.link-menu:hover,
a.link-menu.active {
        background: #FF8A00;
}
.slider {
}
a {
        text-decoration: none;
}
ul.nav-menu li {
        width: 165px;
        margin-right: 2px;
        background: rgba(0, 0, 0, 0.47);
        text-align: center;
}
ul.nav-menu li:last-child {
        width: 167px;
        margin-right: 0;
}
a.href-logo {
        display: block;
		overflow: hidden;
}
a#fssPlayPause {
        background-image: url(images/play.png);
        background-repeat: no-repeat;
        text-indent: -15000px;
        background-position: center;
        height: 25px;
//border:solid;
        position: absolute;
        bottom: 10px;
        right: 0px;
        transition: all 0.3s ease;
}
a#fssPlayPause.play {
        background-image: url(images/play.png);
}
a#fssPlayPause.pause {
        background-image: url(images/pause.png);
}
#fssList {
        width: 50%;
        padding-left: 15px;
}
#fssPrev {
        background: url(images/left-arrow.png);
        background-repeat: no-repeat;
}
#fssNext {
        background: url(images/right-arrow.png) no-repeat;
        background-repeat: no-repeat;
}
/*home content*/

.arts-home {
        float: left;
        width: 29.5%;
        display: block;
        padding: 19px;
}
.cursorpointer {
        cursor: pointer;
        cursor: hand;
}
.main-home {
        //overflow: auto;
        background: rgba(17, 14, 13, 0.498039);
        text-align: left;
        padding-top: 15px;
        padding-bottom: 30px;
        margin-top: 35px;
}
.main-home p {
        text-align: left;
        font-family: lato;
        /* color: #BBAEA5; */
        color: #bbaea5;
        line-height: 1.6em;
}
#content h1 {
        font-family: lato;
        font-size: 30px;
        color: #FFF;
        font-weight: normal;
}
.h1content {
        text-align: left;
        padding: 15px;
        padding-top: 30px;
}
h1.title,
.main-home h1 {
        font-family: lato;
        font-size: 38px;
        color: #FFF;
        font-weight: normal;
        margin-bottom: 25px;
}
.home-left {
        width: 68%;
        float: left;
}
.home-right {
        width: 30%;
        float: right;
}
.home-left h1,
.home-right h1 {
        margin-bottom: 25px;
        font-weight: normal;
}
.home-left p {
        padding: 10px;
        padding-top: 0;
        //float: left;
        //width: 50%;
        /* color: #BBAEA5; */
        color: #bbaea5;

        line-height: 1.6em;
}
.middle-home {
        font-family: lato;
        color: #FFF;
        text-align: left;
        padding-top: 50px;
        padding-bottom: 50px;
}
.middle-home ul li {
        margin-bottom: 10px;
        color: #FF8C04;
        margin-left: 20px;
        list-style-image: url(images/arrow-list.png);
}
.home-left img {
        width: 40%;
        float: left;
        border: 5px solid #423A36;
        margin-right: 10px;
}
/*end home content*/

/*footer content*/

.footer-main h1 {
        text-align: left;
        font-family: lato;
        font-size: 15px;
        margin-bottom: 20px;
        color: #BBAEA5;
}
.foot-left ul li {
        margin-bottom: 10px;
        color: #FF8C04;
        margin-left: 20px;
        list-style-image: url(images/arrow-list.png);
}
.footer-main {
        border-bottom: solid 8px rgba(17, 14, 13, 0.298039);
        /* padding-top: 35px; */
        padding-bottom: 15px;
}
div#footer .copyright {
        text-align: right;
        padding-top: 20px;
}
.footer-main div {
        float: left;
}
.foot-left {
        width: 20%;
}
.foot-center {
        width: 80%;
        line-height: 1.3em;
}
.foot-right {
        width: 20%;
}
a.social {
        display: block;
        float: left;
        background-repeat: no-repeat;
        padding-left: 22px;
        width: 40%;
        margin-bottom: 20px;
        height: 17px;
}
a.social.face {
        background-image: url(images/icon-1.png);
}
a.social.twi {
        background-image: url(images/icon-2.png);
}
a.social.linked {
        background-image: url(images/icon-3.png);
}
a.social.sky {
        background-image: url(images/icon-1.png);
}
.foot-center p {
        padding-right: 40px;
		color: #BBAEA5;
}
/*end footer content*/

div#box-service {
        width: 33.33%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
        text-align: left;
        margin-bottom: 20px;
		line-height: 17px
}
div#title-service {
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        color: #FF8A00;
        /* text-transform: capitalize; */
}
div#descr-service {
        text-align: left;
        font-family: lato;
        color: #BBAEA5;
        line-height: 1.6em;
}
.container-box-service {
        padding: 12px;
        background: rgba(169, 150, 141, 0.09);
        overflow: hidden;
}
/***** contact form *****/
#contact-form {
        position: relative;
        vertical-align: top;
        width: 500px;
        z-index: 1;
        text-align: left;
}
#contact-form fieldset {
        border: none;
        padding: 0;
        width: 100%;
        overflow: hidden;
}
#contact-form label {
        display: inline-block;
        min-height: 44px;
        position: relative;
}
#contact-form .message {
        min-height: 278px;
}
#contact-form input, #contact-form textarea {
        padding: 9px 15px 10px;
        margin: 0;
        font: 12px Arial, Helvetica, sans-serif;
        color: #bbaea5;
        background-color: rgba(0, 0, 0, 0.27);
        outline: none;
        border: 1px solid #453f39;
        width: 321px;
}
#contact-form .area .error {
        float: none;
}
#contact-form textarea {
        width: 500px;
        height: 227px;
        resize: none;
        overflow: auto;
        box-sizing: border-box;
}
#contact-form .success {
        display: none;
        position: absolute;
        width: 100%;
        background: #fff;
        padding: 20px 0;
        text-align: center;
        z-index: 99;
        top: 0;
        left: 0;
}
#contact-form .error,
#contact-form .empty {
        color: #f00;
        font-size: 11px;
        line-height: 14px;
        display: none;
        overflow: hidden;
        position: absolute;
        right: 5px;
        top: 5px;
}
.buttons-wrapper {
        text-align: right;
        position: relative;
        padding-right: 1px;
}
.buttons-wrapper a {
        cursor: pointer;
}
.buttons-wrapper a[data-type="reset"] {
        margin-right: 20px;
}
@media only screen and (max-width: 995px) {
/***** contact form *****/
#contact-form {
        width: 100%;
}
#contact-form textarea {
        width: 460px;
}
}
@media only screen and (max-width: 767px) {
/***** contact form *****/
	#contact-form input, #contact-form textarea {
			width: 388px;
	}
}
@media only screen and (max-width: 479px) {
/***** contact form *****/
	#contact-form input, #contact-form textarea {
			width: 268px;
	}
}

#contact-form label{
	width: 100%;
}

#contact-form input,
#contact-form textarea {
    width: 100%;
}

.contactdiv{
        width:50%;
}

/***** mappa *****/

.contactdiv,
.map {
        float: left;
}
.map {
    width: 50%;
    padding-right: 30px;
    box-sizing: border-box;
}
#contact-form input.inputsubmit {
        border-radius: 10px;
        height: 50px;
        width: 200px;
        transition: all 0.3s ease;
}
#contact-form input.inputsubmit:hover {
        background-color: rgba(0, 0, 0, 0.5);
}
#servizi {
        padding-top: 30px;
        border-bottom: solid 8px rgba(17, 14, 13, 0.298039);
        padding-bottom: 40px;
}
dl.contatti {
        margin-top: 20px;
        line-height: 20px;
        text-align: left;
}
dl.contatti dt {
        margin-bottom: 20px;
}
.blockleft {
        float: left;
        width: 70%;
}
.blockright {
        float: left;
		width: 30%;
}
.column div#box-service {
        float: none;
        width: 100%;
}
.column div#box-service .container-box-service>img {
        width: 200px;
        float: left;
        margin-right: 20px;
}
.column div#title-service {
        font-size: 15px;
        text-align: left;
}
.col_left{
		display: table;
		margin-left: 25px;
		margin-bottom: 7px;
}
.col_left .container-box-service{
		background: none;
		padding: 0;
}
.col_left div#box-service {
		width: 100%;
		margin: 0;
		padding: 0;
}
.col_left div#box-service .container-box-service>img {
		
}
.col_left div#title-service {
		text-align: left;
		font-size: 13px;
		line-height: 20px;
		margin: 0;
		background-image: url(images/arrow-list.png);
		background-repeat: no-repeat;
		padding-left: 15px;
		background-position: 0px 4px;
		//cursor:pointer;
}
.col_left:nth-child(2) .container-box-service{
		background: rgba(169, 150, 141, 0.09);
		padding: 12px;
}
.col_left:nth-child(2) div#box-service {
		width: 100%;
		padding: 10px;
}
.col_left:nth-child(2) div#box-service .container-box-service>img {
		
}
.col_left:nth-child(2) div#title-service {
		text-align: left;
		font-size: 15px;
		line-height: 20px;
		background-image: none;
		padding-left:0px;
}
.col_left:nth-child(2){
	    margin-left: 0;
		margin-bottom: 20px;
}
.littlebox{

}
.littlebox .container-box-service{
	    background: none;
}
.littlebox div#box-service {
}
.littlebox div#box-service .container-box-service>img {
		width: 80px;
		float: left;
		margin-right:10px;	
		margin-bottom:10px;	
		border-radius: 50%;
}
.littlebox div#title-service {
		font-size: 15px;
        text-align: left;
        line-height: 20px;
		color: #FFF;
}


.littlebox.right{

}
.littlebox.right .container-box-service{

}
.littlebox.right div#box-service {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}
.littlebox.right div#box-service .container-box-service>img {
		border-radius: 15%;
		border: 5px solid;
}
.littlebox.right div#title-service {

}
.blockpartnersleft {
    width: 25%;
    float:left;
}
.blockpartnersright {
    width: 75%;
    float:left;
}
.linksleft {

}
.linksleft  .container-box-service{
		background: rgba(0, 0, 0, 0.47);
}
.linksleft  div#box-service {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 2px;
		padding-top: 2px;
}
.linksleft  div#box-service .container-box-service>img {

}
.linksleft  div#title-service {
		text-align: left;
		color: #bbaea5;
}
.boxesright {

}
.boxesright  .container-box-service{

}
.boxesright  div#box-service {

}
.boxesright  div#box-service .container-box-service>img {

}
.boxesright  div#title-service {
		text-align: left;
		font-size: 18px;
}


.littleleftbox {

}
.littleleftbox  .container-box-service{
    background: none;
    border-bottom: 1px solid #4c4642;
}
.littleleftbox  div#box-service {
    width: 100%;
    margin: 0;
}
.littleleftbox  div#box-service .container-box-service>img {
		width: 50px;
		float: left;
		margin-right: 10px;
}
.littleleftbox  div#title-service {
		text-align: left;
	    font-size: 13px;
		margin: 0;
}
.boxesabout {

}
.boxesabout  .container-box-service{
        background: url(images/quote.png) 17px 11px no-repeat;
}
.boxesabout  div#box-service {
    width: 100%;
	border: 1px solid #4b4641;
	border-bottom-color: #4b4641;
	min-height: 130px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	

}
.boxesabout  div#box-service .container-box-service>img {
}
.boxesabout  div#title-service {
		text-align: left;
	    font-size: 13px;
		margin: 0;
}
.boxessocial {
    width: 50%;
}
.boxessocial  .container-box-service{
    background: none;
    padding: 0;
}
.boxessocial  div#box-service {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}
.boxessocial  div#box-service .container-box-service>img {
    width: auto;
    float: left;
}
.boxessocial  div#title-service {
    font-size: 100%;
    margin: 0;
    margin-left: 6px;
}

.contactbox {
    width: 50%;
    float: left;
}
.contactbox  .container-box-service{
    background: none;
    padding: 0;
}
.contactbox  div#box-service {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}
.contactbox  div#box-service .container-box-service>img {
    width: auto;
    float: left;
}
.contactbox  div#title-service {
    font-size: 100%;
    margin: 0;
    text-align: left;
}

.box50width>div#box-service {
        width:100%;
}

.box50width:nth-child(even) {
        float: left;
        width: 65%;
}
.box50width:nth-child(odd) {
        float: left;
        width: 35%;
}