/*
Theme Name: Franca&Nadia
Theme URI: https://www.marinozzifrancanadia.it
Description: Marinozzi
Version: 1.0
Author: Marco Buccolo
Author URI: http://www.marcobuccolo.com
*/

/* CSS Document */

*{font-family: 'Raleway', sans-serif;}
html{overflow-x:hidden; background-color:#000;}
body{overflow-x:hidden; background-color:#000;}

a:link    {text-decoration: none; color:#5A5E62;}
a:visited {text-decoration: none; color:#5A5E62;}
img{position:relative; float:left;}


/***********MENU************/

#l-black{position:fixed; top:0px; width:40px; left:0px; height:100%; background-color:#000; z-index:1000000; cursor:pointer;}
#l-black p{position:absolute; font-family: 'Raleway', sans-serif; font-size:15px; line-height:2; color:#fff!important; letter-spacing:5px; transform: rotate(-90deg); top:48%; left:-15px;}
#t-black{position:fixed; top:0px; width:100%; left:0px; height:40px; background-color:#000; z-index:1000000; display:none;}

#cont-menu{position:fixed; width:0px; height:100%; left:0px; top:0px;  background-color:#000; z-index:1000000000;  overflow:hidden;}

#menu{position:relative; float:left; top:50%; text-align:left; height:300px; width:100%; overflow-x:hidden; overflow-y:auto; margin-top:-150px; opacity:0;}
#menu li{ position:relative; display: block; float: left; width: 80%; padding:15px 10%; margin: 0; height:auto; text-align: center; font-family: 'Raleway', sans-serif; font-size:15px; line-height:2; color:#fff!important; letter-spacing:5px; text-transform:uppercase; }
#menu li a{color:#fff!important; }
#menu li span{margin-left:20px;}

#menu-icon{position:fixed; top:0px; left:0px; z-index:10000000000; cursor:pointer;}
#menu-open{position:fixed; top:0px; left:0px; cursor:pointer;}
#menu-close{position:fixed; top:0px; left:0px; display:none; cursor:pointer;}
#logo{position:fixed; top:0px; right:0px; height:100px; width:200px; z-index:10000000000; cursor:pointer; background-color:#fff; padding:0px 20px;}
#logo-icon{position:fixed; top:0px; left:100px; height:100px; width:100px; z-index:10000000000; cursor:pointer; background-color:#000; padding:0 20px;}

.current-menu{color:#000 !important; background-color:#fff !important;}



/***********MENU-TENDINA************/

.border{position:absolute; right:0px; top:0px; width:1px; height:100%; background-color:#CCC;}

/***********LAVORAZIONI************/

#cont-lavorazioni{position:relative; float:left;  text-align:center; height:auto; width:100%;  background-color:#000; overflow:hidden;}
.lavorazioni{position:relative; float:left;  width:50%; height:auto;}
.shadow{position:absolute; top:0px; left:0px; background-color:#000; width:100%; height:100%; opacity:0.7; z-index:1;}

.descr-lavorazione{position:absolute; top:48%; height:auto; width:100%; z-index:2;}
.titolo{position:relative; float:left;  width:100%; height:auto; text-align:center; font-family: 'LinotypeDidotItalic', cursive; font-size: 50px; color: #fff; letter-spacing: 2px; text-transform: uppercase;  z-index: 100; margin:0px;}
.riassunto{position:relative; float:left;  width:100%; height:auto; text-align:center; font-family: 'Raleway', sans-serif; font-size: 20px; color: #fff; letter-spacing: 10px; text-transform: uppercase;  z-index: 100; margin-top:20px; font-weight: bold;}
.plus{position:absolute; left:50%; margin-left:-65px;  width:130px; top:20%; height:130px; opacity:0; z-index:2;}

/***************INFO*************/
.cont-contatti{position:relative; float:left; width:100%; height:auto; overflow:hidden; text-align:center;}
.cont-contatti h1{font-family: 'Raleway', sans-serif; color:#fff; font-size:38px; letter-spacing:0px;  position:relative; width:80%; padding-left:10%; padding-right:10%; margin-top:50px; text-align:center;}
.cont-contatti p{font-family: 'Raleway', sans-serif; color:#fff; font-size:14px; margin-top:30px; line-height:1.5; letter-spacing:1px; position:relative; width:80%;  padding-left:10%; padding-right:10%; text-align:center; margin-top:30px; margin-bottom:50px; }

#rete-info{}
#rete-info .cont-img{background-image:url("http://www.vastes.it/wp-content/themes/vastes/images/rete.jpg"); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; background-position: center;}

#sede-info{width:34%;}
#sede-info .cont-img{background-image:url("http://www.vastes.it/wp-content/themes/vastes/images/sede.jpg"); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; background-position: center;}

#social-info{}
#social-info .cont-img{background-image:url("http://www.vastes.it/wp-content/themes/vastes/images/social.jpg"); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; background-position: center;}


.cont-text{position:relative; float:left; text-align:center; height:120px; width:100%; cursor:pointer;}
.cont-text h1{font-family: 'Raleway', sans-serif; font-size:16px; color:#000; margin-top:50px;}
.cont-img{position:relative; float:left; width:100%; cursor:pointer;}




/************GENERAL************/

.cont{position:relative; display:block; width:1600px; height:auto; margin:0px auto; overflow-x:hidden;}
.cont-center{position:relative; margin:0px auto; width:1024px; height:auto; text-align:left;}

#slogan{font-family: 'LinotypeDidotItalic', cursive; color: #fff; font-size: 80px; letter-spacing: 10px; position: absolute; width: 100%;  left: 10%; top: 50%; height: 160px; margin-top: -80px; text-align: left; line-height: 1.1;}
#cont-page{position: relative; float: left; width: 100%; background-color:#fff; z-index: 1000;}
#gallery{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; }

.cont-100{position:relative; float:left; width:100%; height:auto; background-color:#000; overflow:hidden;}
.cont-25{position:relative; float:left; width:25%; height:120px; background-color:#000; overflow:hidden;}
.cont-50{position:relative; float:left; width:50%; height:auto; background-color:#000; overflow:hidden;}

.cont-text-50{position:relative; width:100%;  top:50%;  -ms-transform: translateY(-50%);  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
.title{font-family: 'Raleway', sans-serif; color:#fff; font-size:38px; letter-spacing:0px;  position:relative; width:80%; padding-left:10%; padding-right:10%; margin-top:50px; text-align:center;}
.descr{font-family: 'Raleway', sans-serif; color:#a8a8a8; font-size:14px; margin-top:30px; line-height:1.5; letter-spacing:1px; position:relative; width:80%;  padding-left:10%; padding-right:10%; text-align:center; margin-top:30px; margin-bottom:50px; }

.shadow-gallery{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; background-image:url(http://www.vastes.it/wp-content/themes/vastes/images/shadow-gallery.png); background-repeat:repeat; }

.link-page{position:relative; float:left; width:100%; height:18px; padding-top:50px; padding-bottom:50px; text-align:center; font-family: 'Raleway', sans-serif; color:#232124; font-size:16px; background-color:#f5f4f2;}
.link-page:hover{background-color:#232124; color:#fff;}


.info-full{position: absolute; top:0px; left:0px; width:100%; background-color:#232124;  overflow:hidden; text-align:center; height:0px; z-index:1000;}
.info-full .contenitore{position:absolute; top:50%; height:550px; margin-top:-275px; width:100%; text-align:center;}
.contenitore p{font-family: 'Raleway', sans-serif; color:#fff; font-size:13px;  position:relative; width:80%; padding-left:10%; padding-right:10%; text-align:center; line-height:1.5; letter-spacing:1px;}
.contenitore p a{ color:#f5f4f2; text-decoration:none;}

#move-arrow{z-index:100; cursor:pointer; margin-top:6px;}
#move-read{position:absolute; height:20px; bottom:38px; width:100%; text-align:center; left:0px; font-family: 'Raleway', sans-serif; color:#232124; font-size:15px; z-index:100; cursor:pointer;}

.cont-social{position:relative; float:left; text-align:center; width:100%; margin-bottom:50px; height:auto;}
.cont-social img{position:absolute; top:0px; left:50%; margin-left:-50px; width:100px;}



/************AZIENDA************/

#bg-azienda{position: fixed; top: 0px; left: 0px; width: 70%; z-index: 100; background-image:url("http://www.marinozzifrancanadia.it/wp-content/themes/francaenadia/images/azienda.jpg"); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; background-position: center;}
#testo-azienda{position: fixed; top: 0px; right: 0px; width: 30%; height:100%; z-index: 100; background-color:#000;}
#testo-azienda p{font-family: 'Raleway', sans-serif; color:#a8a8a8; font-size:14px; line-height:1.5; letter-spacing:1px; position:relative; width:70%;  padding-left:15%; padding-right:15%; text-align:center; text-align:justify;}
#testo-azienda h3{ font-family: 'timesregular'; font-size: 25px; color: #fff; letter-spacing: 5px; line-height:1.5; position:relative; width:70%;  padding-left:15%; padding-right:15%; text-align:left;  margin-bottom:20px;}
#img-azienda{display:none;}

/************PROGETTAZIONE************/

#bg-progettazione{position: fixed; top: 0px; left: 0px; width: 70%; z-index: 100; background-image:url("http://www.marinozzifrancanadia.it/wp-content/themes/francaenadia/images/progettazione.jpg"); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; background-position: center;}
#testo-progettazione{position: fixed; top: 0px; right: 0px; width: 30%; height:100%; z-index: 100; background-color:#000;}
#testo-progettazione p{font-family: 'Raleway', sans-serif; color:#a8a8a8; font-size:14px; line-height:1.5; letter-spacing:1px; position:relative; width:70%;  padding-left:15%; padding-right:15%; text-align:center; text-align:justify;}
#testo-progettazione h3{ font-family: 'timesregular'; font-size: 25px; color: #fff; letter-spacing: 5px; line-height:1.5; position:relative; width:70%;  padding-left:15%; padding-right:15%; text-align:left;  margin-bottom:20px;}
#img-progettazione{display:none;}

/*************ARTICOLI***********/

#cont-articolo{	position: relative; float: left; width: 100%; height: auto; margin-top:120px;}
#cont-title-articolo{ position: relative; float: left; width: 100%; height: auto;}
#titolo-articolo{position:relative; float:left;  width:100%; height:auto; text-align:center; font-family: 'LinotypeDidotItalic', cursive; font-size: 50px; color: #fff; letter-spacing: 2px; text-transform: uppercase;  z-index: 100; margin:0px;}
#riassunto-articolo{position:relative; float:left;  width:100%; height:auto; text-align:center; font-family: 'Raleway', sans-serif; font-size: 20px; color: #fff; letter-spacing: 10px; text-transform: uppercase;  z-index: 100; margin-top:20px; font-weight: bold;}
#descr-articolo{	position: relative; float: left; width: 40%; margin-left:30%; height: auto; }
#descr-articolo p{font-family: 'Raleway', sans-serif; color:#a8a8a8; font-size:14px; margin-top:30px; line-height:1.5; letter-spacing:1px; position:relative; width:80%;  padding-left:10%; padding-right:10%; text-align:center; margin-top:30px; margin-bottom:50px; }

#cont-gallery-articolo{	position: relative; float: left; width: 96%; height: auto; margin:30px 2%;}
#cont-gallery-articolo img{	position: relative; float: left; width: 46%; margin:30px 2%; height: auto;}
#back-lavorazioni{ position: fixed; bottom: 50px; right: 250px; width: auto; z-index: 100; font-family: Raleway; font-size: 20px; color: #fff; letter-spacing: 5px; padding: 38px; border: 2px solid #fff; display:none;}

/************NEWS************/

#cont-news{position: relative; float: left; width:100%; height:auto; margin-top:480px; background-color:#111; z-index:100;}

.full-news{position: absolute; top:0px; left:0px; width:100%; background-color:#232124;  overflow:hidden; text-align:center; height:0px; z-index:100;}
.box-news{position: relative; float: left; width:50%; background-color: #fff;  overflow:hidden; text-align:center; overflow:hidden;}
.text-news{position:relative; float:left; width:100%; height:120px; z-index:10; cursor:pointer; overflow:hidden;}
.titolo-news{font-family: 'Raleway', sans-serif;  font-size:16px; color:#232124; position:relative; width:80%; padding-left:10%; padding-right:10%; height:20px; margin-top:50px; margin-bottom:50px; text-align:center;}
.testo-news{font-family: 'Raleway', sans-serif; color:#fff; font-size:13px;  position:relative; width:80%; padding-left:10%; padding-right:10%; text-align:center; line-height:1.5; letter-spacing:1px;}
.riassunto-news{font-family: 'Raleway', sans-serif; color:#8B8B8C; font-size:13px;  position:relative; width:80%; padding-left:10%; padding-right:10%; text-align:center; line-height:1.5; letter-spacing:1px; display:none;}

.immagine-news {position:absolute; bottom:0px; left:0px; width:100%; z-index:0; cursor:pointer;}


/***********CONTATTI************/
#bg-contatti{position: fixed; top: 0px; left: 0px; width: 70%; z-index: 100;  }
#testo-contatti{position: fixed; top: 0px; right: 0px; width: 30%; height:100%; z-index: 100; background-color:#000;}
#testo-contatti p{font-family: 'Raleway', sans-serif; color:#a8a8a8; font-size:14px; line-height:1.5; letter-spacing:1px; position:relative; width:70%;  padding-left:15%; padding-right:15%; text-align:center; text-align:justify;}
#testo-contatti h3{  font-family: 'timesregular'; font-size: 25px; color: #fff; letter-spacing: 5px; position:relative; width:70%;  padding-left:15%; padding-right:15%; text-align:left; margin-bottom:20px;}




/************FOOTER************/	

#footer{position:fixed; bottom:0px; height:40px; width:100%;  background-color:#000; z-index:1000000000; overflow:hidden;}
#footer-left{font-family: 'Raleway', sans-serif; color:#fff; font-size:11px; height:20px; position:absolute; left:20px; top:15px;}
#footer-right{font-family: 'Raleway', sans-serif; color:#fff; font-size:11px; height:20px; position:absolute; right:20px; top:15px;}

/************RESPONSIVE************/	
@media screen and (max-width:1600px) {
}

@media screen and (max-width:1440px) {
}

@media screen and (max-width:1280px) {
.descr{font-family: 'Raleway', sans-serif; color:#8B8B8C; font-size:14px; margin-top:30px; line-height:1.2; letter-spacing:0px; position:relative; width:80%;  padding-left:10%; padding-right:10%; text-align:center; margin-top:20px; }
}
   
@media screen and (max-width:1100px) {
}

@media screen and (max-width:1024px) {
#bg-contatti{position: relative; float:left; width: 100%; height:500px!important; z-index: 100; }
#bg-azienda{position: relative; float:left; width: 100%; height:auto!important; z-index: 100; }
#bg-progettazione{position: relative; float:left; width: 100%; height:auto!important; z-index: 100; }
.cont-text-50{position:relative; width:100%;  top:0px;  -ms-transform: translateY(0%);  -webkit-transform: translateY(0%);  transform: translateY(0%);}

#testo-contatti, #testo-azienda, #testo-progettazione{position: relative; float:left; width: 100%; height:auto; z-index: 100; background-color:#000; padding-top:100px; padding-bottom:100px;}
#testo-contatti p, #testo-azienda p, #testo-progettazione p{text-align:center;}
#testo-contatti h3, #testo-azienda h3 , #testo-progettazione h3{text-align:center;}
#img-azienda{display:inline;}
#img-progettazione{display:inline;}
	
.lavorazioni{position:relative; float:left;  width:100%; height:auto;}

#cont-gallery-articolo img{	position: relative; float: left; width: 100%; margin:30px 0px; height: auto;}

	
}

@media screen and (max-width:720px) {

}


@media screen and (max-width:320px) {
.box-news{position: relative; float: left; width:100%; background-color: #fff;  overflow:hidden; text-align:center; overflow:hidden;}

#cont-menu{position:absolute; width:0px; height:350px; left:0px; top:0px;  background-color:#000; z-index:1000;  overflow-x:hidden;}

#menu{position:relative; float:left; margin-left:130px; text-align:right; height:350px; width:100%; overflow-x:hidden;}
#menu li{ position:relative; display: block; float: left; width: 92%; padding: 10px 4%; margin: 0; height:auto; text-align: left; font-family: 'Raleway', sans-serif; font-size:18px; line-height:1.3; color:#fff; background-color:#000;}

#slogan{font-family: 'Raleway', sans-serif; color:#fff; font-size:25px; letter-spacing:0px;  position:absolute; width:100%; left:0px; top:50%; height:30px; margin-top:-15px; text-align:center; line-height:1.1;}


}