/*reset css - BEGIN*/
/***************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .square, #nav, #wrapper, #header h2 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }  
a img { border:none!important; } 

h1{clear:both}

.left, .alignleft { float: left; display: inline; padding:5px 5px 5px 0 }
.right, .alignright { float: right; display: inline; padding:5px 0 5px 5px }

.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }


/**************/
/*reset css  - END*/   
/**************/
body, html { height: 100%; }
body {
	background: #e1e5e8;
	font-size: 13px;
	line-height: 1.7em;
	color:#333;
	font-family: 'PTSansNarrowRegular', Fallback, sans-serif;
}

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

em {font-style: italic;}

a { color: #45c7ee; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

#page { width: 874px; margin: 0 auto; padding:0 25px; background: url(../img/bg.gif) repeat-y center 0; }

h3 {font-weight:600}
#header {height:180px; background-image: url(../img/banner.jpg); background-repeat: no-repeat; background-position: right top;}
#header img  {float:left; position:relative; left:20px; top:25px;}

#navigation { height: 38px; background: url(../img/navigation.gif) no-repeat; margin-bottom:10px;}
#navigation ul { font-size: 13px; line-height: 38px; text-transform: capitalize; }
#navigation ul li { float: left; display: inline; list-style-type: none; padding-right: 2px;}
#navigation ul li a { float: left; display: inline; color: #fff; text-decoration: none; padding-left: 17px; }
#navigation ul li a span { float: left; display: inline; padding-right: 17px; background-position: right 0 !important; }
#navigation ul li a:hover,
#navigation ul li a.active,
#navigation ul li a:hover span,
#navigation ul li a.active span { color: #717171; background: url(../img/nav-active.gif) no-repeat 0 0; }

#header { padding-bottom: 10px; }

#slider { height: 327px; background: url(../img/index/bgSlide.gif) no-repeat 0 0; position: relative; }
#slider .slider-nav a { display: block; width: 18px; height: 49px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 120px; }
#slider .slider-nav a.prev { left: 0; background: url(../img/button-prev.gif); }
#slider .slider-nav a.next { right: 0; background: url(../img/button-next.gif); }
#slider-holder { height: 327px; } 
#slider-holder .jcarousel-clip { height: 327px; width: 874px; position: relative; overflow: hidden; }
#slider-holder .slide-image { float: right; display: inline; position:absolute; z-index:1; right:45px; bottom:40px;}
#slider-holder .slide-info { float: left; display: inline; width: 370px;}
#slider-holder .slide-info h2 
{font-weight:bolder; font-size:1.2em; padding:.8em .5em .8em 0; display:inline;float:left; font-family:'BebasNeueRegular', Fallback, sans-serif; width:280px}
#slider-holder .slide-info p {width:340px; clear:left;}
#slider-holder .slide-info strong {background-color:#51D2F2; color:#FFFFFF; padding:3px}
#slider-holder .slide-info em {font-weight:bolder}
#slider-holder ul { width: 874px; height: 327px; position: relative; overflow: hidden; }
#slider-holder ul li
{ list-style-type: none; float: left; display: inline; height: 267px; width: 712px; padding: 46px 108px 4px 54px; position: relative; overflow: hidden; }
#slider-holder .slide-info img{float:left; display:block; position:absolute; z-index:1; left:330px}

#content{border-bottom: solid 1px #e3e7e9; margin:15px auto; overflow:auto}
#content h1 {font-size: 1.6em;}
#content h2, .contatto-rapido {font-size: 1.4em; text-decoration: none; color:#26a8df; font-weight:600;}
#content h1, #content h2 {padding: .6em 0;}
#content ul {margin:15px 0 15px 18px}
#content li {list-style-type:square; line-height: 2em; font-style: italic}
#content p {padding: .7em 0;}

.indexColumn, .serviziColumn, .fotocColumn {float:left; padding:5px 12px; line-height:2em; margin:.8em 0;}
.indexColumn, .serviziColumn {width:30%;}
.fotocColumn {width:45%;}
.indexColumn, .fotocColumn {border-left:1px solid #CCC;}

ul.telefoni li{list-style-type:none !important}
ul.telefoni img{padding-right:1em}


.textServizi {padding:5px 0; margin-bottom:8px; color:#090; font-weight:600;}
.textServizi a {background-color: #090; color:#FFFFFF; text-decoration:none; padding:3px;}
.textServizi a:hover {background-color: #0C3; }
.bannerServizi {float:right; padding-right:12px; border:none}

.facile09 {margin:0 0 20px 230px}
.facile09 span {float:left; padding:15px 10px;}

.button-more 
{display: block; width:66px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../img/button-more.gif) no-repeat 0 0; }
.more { padding-left: 10px; background: url(../img/arr.gif) no-repeat 0 center; }

#footer {background: url(../img/footer.gif) no-repeat 0 0; line-height: 41px; }
#navigation, #footer {padding: 8px 10px 6px; color:#FFFFFF;}
#footer a {
	color:#FFFFFF;
	text-decoration:underline;
	background-image: url(../img/freccia-sx.gif);
	background-position: left center;
	background-repeat: no-repeat;  
	padding-left:20px;
}
#footer a:hover { color: #237087; }
#footer span { margin: 0 6px; }

ul.sitePath {margin-left: 2px !important;}
.sitePath li {float:left; list-style-type:none !important;} 
.sitePath a {color:#039;}
.sitePath a, .sitePath span {font-style:normal;}


//* SEZIONE FORM *//

form#formail{
margin:0 auto;
width: 315px;
background-color: #f2f2f2;
border: 1px solid #dbdbdb;
padding: 10px;
}
input[type=text]{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CED0D0;
color:#5F6565;
font-family:Tahoma,Arial,Helvetica,sans-serif;
margin-bottom:10px;
padding:4px 5px;
width:300px;
}
textarea{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CED0D0;
color:#5F6565;
font-family:Tahoma,Arial,Helvetica,sans-serif;
padding:4px 5px;
width:300px;
height: 160px;
}
#risposta{
display: none;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 10px;
}
