@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */#content_main .ie6 img {
	width:100%;
}
body { width:100%; height:100%; margin:0 auto;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.clear { clear:both;}
table { width:98%; margin:0 1%;}
tr { width:100%;}
td { width:98%; text-align:right; padding-right:2%;}
.choise_span { text-align:left; float:left;}

@media screen and (max-width: 480px) {
.mappa { width:100%; height:100%; max-width:320px; max-height:150px;}
#content { position:absolute; z-index:-10;}
section { padding:0;}
code {display: block;background-color: #eee;padding: 2em;overflow: scroll;white-space: nowrap;}
.meta {margin: 0 0 40px 0;font-size: 0.8em;}
.properties-table {width: 100%;padding: 0;border-spacing: 0;margin-top: 2em;font-size: .85em;background-color: #eee;}
.properties-table th, .properties-table td {text-align: left;padding: 10px;}
.properties-table th {border-bottom: 1px solid #333;line-height: 2;}
/* End Basic styling */
#demo-1 {position: absolute; z-index:1; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;background-color: #999; min-height:100% !important;}
#demo-2 {position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;background-color: #999; min-height:300px;}
.demo-inner-content { 
position: relative; /* if position is not set, the script will set it to 'relative'. */
z-index: 1; /* if z-index is not set, the script will set it to '2'. */
margin: 180px auto;padding: 40px;max-width: 600px;color: #fff;text-align: center;font-size: 1.5em;}
.demo-inner-content h1 {font-size: 2.5em;margin:0;}
.gridContainer {margin-left: auto;margin-right: auto;width: 100%;}
span{ text-align:left; font-size:14px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; width:90%; padding:5px; }
#LayoutDiv1 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#header { width:100%; height:126px;top:80px; position:absolute; z-index:3; background-color:#FFF;}
#header .menu {max-width:1232px;padding-left:1%;padding-right:1%;margin:0 auto;}
#header .logo { display:inline block; margin:0 auto; width:300px; height:117px;}
#header .logo img{ height:100%;width:100%;}
#header .content_menu { display:none; float:right; max-width:800px; height:auto;width:60%;  }
#header li.lista {display:none; float:left; padding-left:5%; padding-right:5%; list-style:none; width:auto; text-align:center;}
#content_main { max-width:960px; height:auto; padding:15px 25px 15px 10px; background-color:#FFF; margin:0 auto; margin-top:30px; width:100%;}
#content_main h1 { text-align:left; font-weight:300; font-size:40px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; margin:0; padding:0; }
#content_main h2 { text-align:left; font-weight:300; font-size:30px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; width:100%; }
#content_main .divider_container { width:98%; padding-left:1%;padding-right:1%; height:3px;}
#content_main .sx_divider { width: 20%; height:100%; background-color:#C00; float:left;}
#content_main .dx_divider { width: 80%; height:1px; margin-top:1px; float:left; background-color:#CCC;}
#content_main .case-history-container {width:98%; padding-left:1%;padding-right:1%; height:auto; background-color:#fdfdfd; border-bottom:1px solid #CCC; text-align:center;    height: auto;
    clear: both;}
#content_main .ch-anno { width:12%; height:auto; padding:0 10px 0 3px; float:left; text-align:left; font-size:12px;}
#content_main .ch-titolo { width:88%; height:auto; padding:0 10px 0 3px; float:left; text-align:left; font-size:12px;}
#content_main .divider-easy { width:90%; height:1px; background-color:#f1f1f1;}
#content_main .block_servizi h3 { text-align:center;}
#content_main .block_servizi h4 { text-align:center;}
#content_main .block_servizi { width:100%; max-width:290px; float:left;}
#content_main .block_servizi img { max-width:290px; width:100%;}
#content_main ul.lista_servizi { list-style:none; padding:5px; font-size:0.80em;}
#content_main li.lista_li_servizi:before {content: "- ";color: red;} /* or whatever color you prefer */
#content_main .block_portfoglio_dett { margin:5px 0 5px 0;width:100%; max-width:1232px; float:left}
#content_main .img_dett_port { width:100%; max-width:1024px; height:100%; float:left;}
#content_main .img_list_portfolio { width:100%; max-width:276px; height:100%; float:left; margin:2px 2px 0 0;}
#content_main .block_portfoglio_dett ul.lista_servizi { float:left; list-style:none; padding:10px; font-size:0.80em;}
#content_main .divisorio-immagine { width:100%; max-width:480px; height:100%;}
#content_main .form { width:60%; float:left; margin:15px 4% 20px 4%; height:auto; background-color:#fff; height:auto;}
#content_main .p_table { width:100%; text-align:center;}
#content_main .block_portfolio { width:99%; height:250px;margin:0.5%;}
#content_main .port_1 {background-image:url(../images/ristrutturazione_interni_2.jpg); width:100%; height:250px; background-position:center;}
#content_main .port_2 {background-image:url(../images/risanamento_edifici_1.jpg); width:100%; height:250px; background-position:center;}
#content_main .port_3 {background-image:url(../images/nuove_costruzioni_1.jpg); width:100%; height:250px; background-position:center;}
#content_main .content_title {width:100%; height:30px; padding:25px 0 50px 0; background-image:url(../images/bg_1x1.png); text-align:center; font-size:22px; color:#000;}

#content_main .form { width:100%; float:left; margin:15px auto 20px auto; height:auto; background-color:#fff; height:auto; font-size:12px;}
#content_main .p_table { width:100%; text-align:left;}
#content_main .text_form { text-align:left; width:24%; margin-right:1%; float:left;}
#content_main .alert { width:100%; text-align:center;}
#content_main .send { background-color:#09C; border-radius:8px; text-align:center; padding:10px 10px 7px 10px; border:none; width:120px; color:#fff;}
#content_main .inputLine_form { width:100%; float:left;}
#content_main .inputfield {width:100%; float:left;}
#content_main .inputline {width:100%; float:left;}
#content_main .privacy { text-align:center; width:99%; margin:10px 0.5%;}
#content_main .button_send { width:120px; height:auto; margin:0 auto; clear:both;}

table { width:98%; margin:0 1%;}
tr { width:100%; clear:both;}
td { width:74%; text-align:right; padding-right:2%; float:left; margin:2px auto; height:auto;}
#content_main .choise_span { text-align:left; float:left;}

#trigger-overlay {position:absolute; z-index:4; width:95%; height:35px; top:0; right:0; left:0; padding:0; text-align:center;}
#footer { width:100%; height:100%; background-color:#333;}
#footer .content { max-width:480px; margin:0 auto; width:100%;}
#footer .logo_footer { max-width:290px; width:100%; height:100%; max-height:111px;margin:0 auto;}
#footer .block_indirizzi {padding:10px; width:100%; max-width:290px; text-align:left; color:#ffffff; font-size:0.80em; font-weight:300; text-align:center; margin:0 auto;}
#footer .block_map {  max-width:290px; width:100%; height:100%; max-height:111px; float:right; text-align:right; margin:10px; display:none;}
#footer .block_map a{ color:#FFF; padding-right:1em; line-height:1.25em; clear:both; width:100%; min-width:200px;}
#footer .block_map a:hover{ color:#CCC; border-right:1px #FFF solid; padding-right:15px}
#footer .block_dati { max-width:1232px; font-size:0.6em; width:100%; height:auto;text-align:center; margin-bottom:5px; color:#CCC;}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media screen and (min-width: 481px) and (max-width: 1023px) {
.mappa { width:100%; height:100%; max-width:1232px; min-height:320px; max-height:320px;}
#content { position:absolute; z-index:-10;  background-image:url(../images/background.jpg); width:100%; height:100%; background-size:auto; background-position:center; background-repeat:no-repeat;}
code {display: block;background-color: #eee;padding: 2em;overflow: scroll;white-space: nowrap;}
.meta {margin: 0 0 40px 0;font-size: 0.8em;}
.properties-table {width: 100%;padding: 0;border-spacing: 0;margin-top: 2em;font-size: .85em;background-color: #eee;}
.properties-table th, .properties-table td {text-align: left;padding: 10px;}
.properties-table th {border-bottom: 1px solid #333;line-height: 2;}
/* End Basic styling */
#demo-1 {position: absolute; z-index:1; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;background-color: #999; min-height:100% !important;}
#demo-2 {position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;background-color: #999; min-height:300px;}
.demo-inner-content { 
position: relative; /* if position is not set, the script will set it to 'relative'. */
z-index: 1; /* if z-index is not set, the script will set it to '2'. */
margin: 180px auto;padding: 40px;max-width: 600px;color: #fff;text-align: center;font-size: 1.5em;}
.demo-inner-content h1 {font-size: 2.5em;margin:0;}
.gridContainer {width: 90.675%;padding-left: 1.1625%;padding-right: 1.1625%;}
span{ text-align:left; font-size:14px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; width:90%; padding:5px; }
#LayoutDiv1 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#header { width:100%; height:70px; background-color:#ffffff; top:30px; position:absolute; z-index:2;}
#header .menu { position:absolute; top:-30px; max-width:1023px; padding-left:1%;padding-right:1%;margin:0 auto;}
#header .logo {display:inline block; width:320px; height:124px;}
#header .logo img{ height:100%;width:100%;}
#header ul.content_menu { display:none;  float:right; max-width:800px; height:auto; display:inline block; width:60%; }
#header li.lista { display:none; float:left; padding-left:5%; padding-right:5%; list-style:none; width:auto; text-align:center;}
#content_main { max-width:960px; height:auto; padding:15px 25px 15px 25px; background-color:#FFF; margin:0 auto; margin-top:30px; width:100%;}
#content_main h1 { text-align:left; font-weight:300; font-size:40px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; margin:0; padding:0; }
#content_main h2 { text-align:left; font-weight:300; font-size:30px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; width:100%;  }
span{ text-align:left; font-size:14px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; width:90%; }
#content_main .divider_container { width:98%; padding-left:1%;padding-right:1%; height:3px;}
#content_main .sx_divider { width: 20%; height:100%; background-color:#C00; float:left;}
#content_main .dx_divider { width: 80%; height:1px; margin-top:1px; float:left; background-color:#CCC;}
#content_main .case-history-container {width:98%; padding-left:1%;padding-right:1%; height:auto; background-color:#fdfdfd; border-bottom:1px solid #CCC;}
#content_main .ch-anno { width:12%; height:auto; padding:4px; float:left; text-align:left; font-size:12px;}
#content_main .ch-titolo { width:88%; height:auto; padding:4px; float:left; font-size:12px;}
#trigger-overlay {position:absolute; z-index:3; right:20px; top:35px; width:120px; height:50px; padding:10px 10px 14px 10px;}
#content_main .divider-easy { width:90%; height:1px; background-color:#f1f1f1;}
#content_main .block_servizi h3 { text-align:center; font-size:0.85em;}
#content_main .block_servizi h4 { text-align:center;}
#content_main .block_servizi { max-width:340px; width:100%; float:left; min-height:470px; height:100%}
#content_main .block_servizi img { max-width:290px; width:100%;}
#content_main ul.lista_servizi { list-style:none; padding:5px; font-size:0.80em;}
#content_main li.lista_li_servizi:before {content: "- ";color: red;} /* or whatever color you prefer */
#content_main .block_portfoglio_dett { margin:5px 0 5px 0;width:100%; max-width:1232px; float:left}
#content_main .img_dett_port { width:100%; max-width:1024px; height:100%; float:left;}
#content_main .img_list_portfolio { width:100%; max-width:276px; height:100%; float:left; margin:2px 2px 0 0;}
#content_main .block_portfoglio_dett ul.lista_servizi { float:left; list-style:none; padding:10px; font-size:0.80em;}
#content_main .block_portfolio { width:33%; height:250px; float:left; margin:0.15%;}
#content_main .port_1 {background-image:url(../images/ristrutturazione_interni_2.jpg); width:33%; height:380px; background-position:center;}
#content_main .port_2 {background-image:url(../images/risanamento_edifici_1.jpg); width:33%; height:380px; background-position:center;}
#content_main .port_3 {background-image:url(../images/nuove_costruzioni_1.jpg); width:33%; height:380px; background-position:center;}
#content_main .content_title {width:100%; height:auto; margin-top:150px; padding:25px 0 50px 0; background-image:url(../images/bg_1x1.png); text-align:center; font-size:16px; color:#000;}
#content_main .divisorio-immagine { width:100%; max-width:1023px; height:100%;}
#content_main .form { width:70%; float:left; margin:15px 15% 20px 15%; height:auto; background-color:#fff; height:auto; font-size:12px;}
#content_main .p_table { width:100%; text-align:center;}
#content_main .text_form { text-align:right; width:15%; margin-right:1%; float:left;}
#content_main .alert { width:100%; text-align:center;}
#content_main .send { background-color:#09C; border-radius:8px; text-align:center; padding:10px 10px 7px 10px; border:none; width:120px; color:#fff;}
#content_main .inputLine_form { width:100%; float:left;}
#content_main .inputfield {width:100%; float:left;}
#content_main .inputline {width:100%; float:left;}
#content_main .privacy { text-align:center; width:99%; margin:10px 0.5%;}
#content_main .button_send { width:120px; height:auto; margin:0 auto; clear:both;}

table { width:98%; margin:0 1%;}
tr { width:100%; clear:both;}
td { width:74%; text-align:right; padding-right:2%; float:left; margin:2px auto; height:auto;}
#content_main .choise_span { text-align:left; float:left;}

#footer { width:100%; height:100%; background-color:#333;}
#footer .content { max-width:480px; margin:0 auto; width:100%;}
#footer .logo_footer { max-width:290px; width:100%; height:100%; max-height:111px;margin:0 auto;}
#footer .block_indirizzi {padding:10px; width:100%; max-width:290px; text-align:left; color:#ffffff; font-size:0.80em; font-weight:300; text-align:center; margin:0 auto;}
#footer .block_map {  max-width:290px; width:100%; height:100%; max-height:111px; float:right; text-align:right; margin:10px; display:none;}
#footer .block_map a{ color:#FFF; padding-right:1em; line-height:1.25em; clear:both; width:100%; min-width:200px;}
#footer .block_map a:hover{
	/* [disabled]color:#CCC; */
	border-right: 1px #FFF solid;
	padding-right: 15px
}
#footer .block_dati { max-width:1232px; font-size:0.6em; width:100%; height:auto ;text-align:center; margin-bottom:5px; color:#CCC;}


}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media screen and (min-width: 1024px) {
.mappa { width:100%; height:100%; max-width:1232px; min-height:320px; max-height:320px;}
#content { position:absolute; z-index:-10; }
code {display: block;background-color: #eee;padding: 2em;overflow: scroll;white-space: nowrap;}
.meta {margin: 0 0 40px 0;font-size: 0.8em;}
.properties-table {width: 100%;padding: 0;border-spacing: 0;margin-top: 2em;font-size: .85em;background-color: #eee;}
.properties-table th, .properties-table td {text-align: left;padding: 10px;}
.properties-table th {border-bottom: 1px solid #333;line-height: 2;}
/* End Basic styling */
#demo-1 {position: absolute; z-index:1; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;background-color: #999; min-height:100% !important;}
#demo-2 {position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;background-color: #999; min-height:400px;}
.demo-inner-content { 
position: relative; /* if position is not set, the script will set it to 'relative'. */
z-index: 1; /* if z-index is not set, the script will set it to '2'. */
margin: 180px auto;padding: 40px;max-width: 600px;color: #fff;text-align: center;font-size: 1.5em;}
.demo-inner-content h1 {font-size: 2.5em;margin:0;}
#content_sottopagina { z-index:-10; width:100%; height:100%; background-size:auto; background-position:center; background-repeat:no-repeat;}
.gridContainer {width: 88.2%;max-width: 1232px;padding-left: 0.9%;padding-right: 0.9%;margin: auto;}
span{ text-align:left; font-size:14px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; width:90%; padding:5px; }
#LayoutDiv1 {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#header { background-color:#ffffff; width:100%; height:80px;top:30px; position:absolute; z-index:2;}
#header .menu { position:absolute; top:-30px; max-width:1232px; padding-left:1%;padding-right:1%; margin:0 auto; left:0; right:0;}
#header .logo {display:inline block; width:360px; height:140px; float:left;}
#header .logo img{ height:100%;width:100%;}
#header ul.content_menu {margin-top:83px;  max-width:800px; height:auto; display:inline block; float:right; }
#header li.lista { float:left; padding-left:15px; padding-right:15px; list-style:none; width:auto; text-align:center; display:inline block;}
#trigger-overlay {position:absolute; z-index:1; right:20px; top:35px; width:120px; height:50px; padding:10px 10px 14px 10px; display:none;}
#content_main { max-width:1232px; height:auto; padding:15px 25px 15px 25px; background-color:#FFF; margin:0 auto; }
#content_main h1 { text-align:left; font-weight:300; font-size:40px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; margin:0; padding:0; }
#content_main h2 { text-align:left; font-weight:300; font-size:30px;background:#fff;color:#8a8c7e;line-height:1.25; font-family: 'Lato', 'Avenir Next', Arial, sans-serif; }
#content_main .divider_container { width:98%; padding-left:1%;padding-right:1%; height:3px;}
#content_main .sx_divider { width: 20%; height:100%; background-color:#C00; float:left;}
#content_main .dx_divider { width: 80%; height:1px; margin-top:1px; float:left; background-color:#CCC;}
#content_main .case-history-container {width:98%; padding-left:1%;padding-right:1%; height:auto; background-color:#fdfdfd; border-bottom:1px solid #CCC; clear:both;}
#content_main .ch-anno { width:12%; height:auto; padding:10px; float:left; text-align:right; font-size:12px;}
#content_main .ch-titolo { width:88%; height:auto; padding:10px; float:left; font-size:12px;}
#content_main .block_servizi h3 { text-align:center;}
#content_main .block_servizi h4 { text-align:center;}
#content_main .block_servizi { width:25%; max-width:290px; float:left; min-height:350px;}
#content_main .block_servizi img { max-width:290px; width:100%;}
#content_main .block_portfoglio_dett { margin:5px 0 5px 0;width:100%; max-width:1232px; float:left}
#content_main .img_dett_port { width:72%; max-width:800px; height:100%; float:left;}
#content_main .img_list_portfolio { width:100%; max-width:276px; height:100%; float:left; margin:2px 2px 0 0;}
#content_main .deco_list_portfolio { width:100%; max-width:276px; height:100%; float:left; min-height:276px; background-color:#3CF;}
#content_main .block_portfoglio_dett ul.lista_servizi { float:left; list-style:none; padding:10px; font-size:0.80em;}
#content_main ul.lista_servizi { list-style:none; padding:5px; font-size:0.80em;}
#content_main li.lista_li_servizi:before {content: "- ";color: red;} /* or whatever color you prefer */

#content_main .divider-easy { width:90%; height:1px; background-color:#f1f1f1; display:none;}
#content_main .divisorio-immagine { width:100%; max-width:1232px; height:100%;}
#content_main .block_servizi_foot { width:100%; max-width:290px; float:left;}
#content_main .form { width:60%; float:left; margin:15px 20% 20px 20%; height:auto; background-color:#fff; height:auto;}
#content_main .p_table { width:100%; text-align:center;}
#content_main .block_portfolio { width:33%; height:250px; float:left; margin:0.15%;}
#content_main .port_1 {background-image:url(../images/ristrutturazione_interni_2.jpg); width:33%; height:380px; background-position:center;}
#content_main .port_2 {background-image:url(../images/risanamento_edifici_1.jpg); width:33%; height:380px; background-position:center;}
#content_main .port_3 {background-image:url(../images/nuove_costruzioni_1.jpg); width:33%; height:380px; background-position:center;}
#content_main .content_title {width:100%; height:30px; margin-top:150px; padding:25px 0 50px 0; background-image:url(../images/bg_1x1.png); text-align:center; font-size:22px; color:#000;}

#footer { width:100%; height:100%; max-height:250px; background-color:#333; position:relative;}
#footer .content { max-height:250px; max-width:1232px; margin:0 auto; width:100%;}
#footer .logo_footer { max-width:290px; width:100%; height:100%; max-height:111px; float:left;}
#footer .block_indirizzi {padding:10px; width:25%; max-width:290px; text-align:left; color:#ffffff; font-size:1em; font-weight:300; float:left;}
#footer .block_map {  max-width:290px; width:100%; height:100%; max-height:111px; float:right; text-align:right; margin:10px;}
#footer .block_map a{ color:#FFF; padding-right:1em; line-height:1.25em; clear:both; width:100%; min-width:200px;}
#footer .block_map a:hover{ color:#CCC; border-right:1px #FFF solid; padding-right:15px}
#footer .block_dati { max-width:1232px; width:100%; height:auto;text-align:center; margin-bottom:5px;bottom:5px; color:#CCC;}


#content_main .text_form { text-align:right; width:15%; margin-right:1%; float:left;}
#content_main .alert { width:100%; text-align:center;}
#content_main .send { background-color:#09C; border-radius:8px; text-align:center; padding:10px 10px 7px 10px; border:none; width:120px; color:#fff;}
#content_main .inputLine_form { width:100%; float:left;}
#content_main .inputfield {width:100%; float:left;}
#content_main .inputline {width:100%; float:left;}
#content_main .privacy { text-align:center; width:99%; margin:10px 0.5%;}
#content_main .button_send { width:120px; height:auto; margin:0 auto; clear:both;}

table { width:98%; margin:0 1%;}
tr { width:100%; clear:both;}
td { width:74%; text-align:right; padding-right:2%; float:left; margin:2px auto; height:auto;}
#content_main .choise_span { text-align:left; float:left;}

}