@charset "utf-8";
@import url("lightbox.css");
/* CSS Document */
/*
*/
body {
	background:url(../assets/bg.gif) left top repeat;
	margin:0px;
	margin:auto;
	text-align:center;
	border:0px solid red;
}

h1 {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 18px;
	color: #085686;
	text-align:center;
	padding: 0px;
	margin: 0px;
	
}

h2, h3 {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color: #085686;
	padding-left: 10px;
}

h3 {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	color: #666;
	padding-left: 10px;
}

h4 {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:lighter;
	color: #999;
	padding-left: 10px;
	text-align:left;
}


p,a,ul,li,label,legend {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:normal;
	color: #333333;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
	
}
a:hover {
	color:#000;
}

li {
	list-style:none;
	text-align:left;
}

ul {
	padding-top: 5px;
}
/* LAYOUT
	<div id="header"></div>
	<div id="container">
		<div id="slogan"></div>
		<MM:BeginLock translatorClass="MM_SSI" type="ssi_comment" orig="%3C!--#include virtual=%22/includes/menu.asp%22--%3E" fileRef="/includes/menu.asp" depFiles="file:///Z|/gsservice.info/includes/menu.asp"><% While ((RepeatMenuTop__numRows <> 0) AND (NOT rsMenuTop.EOF)) %>
	<div id="button"><p><a href="/pages/<%=Replace(rsMenuTop.Fields("cat_nome")," ","-")%>.asp" title="<%= rsMenuTop.Fields("cat_descrizione") %>"><%=Replace(rsMenuTop.Fields("cat_nome"),"-"," ")%></a></p></div>
<% 
	  RepeatMenuTop__index=RepeatMenuTop__index+1
	  RepeatMenuTop__numRows=RepeatMenuTop__numRows-1
	  rsMenuTop.MoveNext()
   Wend
%>    <MM:EndLock>
        <div id="topBanner"></div>
        	<div id="contenuto">
            <!-- ci va come sfondo la parte bassa della foto -->
            
        	</div>
    </div>
	<div id="footer"><MM:BeginLock translatorClass="MM_SSI" type="ssi_comment" orig="%3C!--#include virtual=%22/includes/footer.asp%22--%3E" fileRef="/includes/footer.asp" depFiles="file:///Z|/gsservice.info/includes/footer.asp">| <% While ((RepeatMenuFooter__numRows <> 0) AND (NOT rsMenuFooter.EOF)) %>
	<a href="/pages/<%=Replace(rsMenuFooter.Fields("cat_nome")," ","-")%>.asp" title="<%= rsMenuFooter.Fields("cat_descrizione") %>"><%=Replace(rsMenuFooter.Fields("cat_nome"),"-"," ")%></a> |
<% 
	  RepeatMenuFooter__index=RepeatMenuFooter__index+1
	  RepeatMenuFooter__numRows=RepeatMenuFooter__numRows-1
	  rsMenuFooter.MoveNext()
   Wend
%>    
      
      <p>Copyright � Tutti i diritti riservati <%= rsConfig.Fields("Azienda")%>&nbsp;<%= rsConfig.Fields("Anno")%> - Partita Iva: <%= rsConfig.Fields("PartitaIva")%><br /><a href="http://www.karalisweb.net/" target="_blank" title="Realizzazione Sito Web">Realizzazione Siti Web</a>&nbsp;|&nbsp;<a href="http://www.karalisweb.net/pages/contatti.asp" target="_blank" title="Sito Web Sardegna">Sito web creato da Alessio Loi</a>&nbsp;|&nbsp;<a href="http://www.karalisweb.net/pages/soluzioni.asp" target="_blank" title="Web Agency Sardegna">Servizio di Copywriting a cura di Daniela Spiggia</a></p>		
    	
       <p><a href="http://validator.w3.org/check?uri=referer" target="_blank"><img src="/assets/html_valid.png" alt="Valid XHTML 1.0 Transitional" border="0" align="bottom"  /></a> &nbsp; <a href="http://jigsaw.w3.org/css-validator/validator?profile=css21&amp;warning=0&amp;uri=http%3A%2F%2Faqasrl.karalisweb.net%2Fhome%2F" target="_blank"><img src="/assets/css_valid.png" alt="Valid CSS" border="0" align="bottom"  /></a> &nbsp;<a href="http://italian-121870445095.spampoison.com"><img src="http://pics4.inxhost.com/images/sticker.gif" border="0"  align="bottom" alt="spam poison"  /></a></p>
<MM:EndLock></div>
*/
#header {
	width: 100%;
	height: 156px;
	width: auto;
	min-width: 1004px;
	background: #445565 url(../assets/header.jpg) center top no-repeat;
	text-align:center;
	
}

#contenitore {
	
	height: auto !important;  /* per i browser moderni */
    height: 810px;      /* per IE5.x e IE6 */
	min-height: 810px;
	width: 904px;
	background:#FFFFFF;
	margin:auto;
	border:1px solid #fff;
}

#slogan {
	background: #ada35c;
	width: 900px;
	height: 40px;
	border: 1px solid #fff;
	margin:auto;
	text-align:center;
}
#slogan a{
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 14px;
	color: #fff;
	text-align:center;
	text-transform:uppercase;
	
}

#slogan h1 {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 14px;
	color: #fff;
	text-align:center;
	text-transform:uppercase;
}

#menu {
	background: #d7d8b9;
	margin:auto;
	border: 1px solid #fff;
	width:900px;
	height: 38px;
}

#button {
	border:0px solid white;
	background:url(../assets/separatore.gif) left top no-repeat;
	width: 142px;
	height: 27px;
	margin:auto;
	margin-left: 5px;
	text-align:center;
	vertical-align:middle;
	float:left;
	margin-top: 5px;
}

#button:hover {
	border:0px solid white;
	background: #fff url(../assets/separatore.gif) right top no-repeat;
	width: 142px;
	height: 27px;
	margin:auto;
	margin-left: 5px;
	text-align:center;
	vertical-align:middle;
	float:left;
	margin-top: 5px;
}

#button p {
	padding-top: 5px;
}

#button a {
	font-weight: bold;
	color:#445565;
	text-decoration:none;
}

#button a:hover {
	color: #c00;
}

#topBanner {
	background:url(../assets/top_banner.jpg) left top no-repeat;
	width: 900px;
	height: 116px;
	margin:auto;
	border:1px solid #fff;
}

#news {
	background: #085686;
	width: 100%;
	min-width: 1004px;
	height: 80px;
}

#footer {
	background: #5b5b5b;
	width: 100%;
	min-width: 1004px;
	height: 85px;
	text-align:center;
	vertical-align:middle;
	line-height: 20px;
	color: #fff;
}

#footer a, #footer p {
	color: #FFFFFF;
}

/* SLIDESHOW */
#slideshow {
	border: 0px solid #000;
	overflow: hidden;
	clear:both;
	position: static;
	width: 229px;
	height: 150px;
	margin-top: 20px;
	margin-left: 5px;
	text-align:center;
}

#slideshow img {
	width: 200px;
	height: 200px;
	border: 0px solid red;
	margin:auto;
}


/*admin*/
#admin {
	background: #fff;
	padding: 25px;
	margin: 25px;
	}

/*CONTENUTO*/
#contenuto {
	border: 1px solid #ccc;
	border-top: 0px;
	width: 900px;
	background: #fff url(../assets/bot_banner.jpg) left top no-repeat;

	height: auto !important;  /* per i browser moderni */
    height: 600px;      /* per IE5.x e IE6 */
	min-height: 600px;

}

#contenuto h1 {
	border-bottom: 1px dotted #eaeaea;
	padding-top: 57px;
	font-size:20px;
	padding-bottom:10px;
	
}

#contenuto p {
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
	font-size:14px;
	
	
}

#contenuto img {
	float:left;
	margin-right: 10px;
}

/*HOME */
#biglietto {
	width: 348px;
	height: 152px;
	background:url(../assets/bg_biglietto.jpg) left top repeat-x;
	border:2px solid #fff;
	float:left;
	position:relative;
	z-index:100;
	left: 20px;
	top: 10px;
}
#biglietto h1, #biglietto h2, #biglietto h3, #biglietto h4, #biglietto p {
	font-family: Tahoma, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color: #333333;
	padding:0px;
	margin:0px;
	text-align:center;
}

#biglietto h1 {
	font-size: 14px;
	font-weight: bold;
}

#biglietto h2 {
	text-align:center;
	font-weight: bold;
}

#biglietto h4 {
	font-style:italic;
}

#benvenuti {
	float:right; 
	width: 520px; 
	height: 180px; 
	border:0px solid red; 
	margin-top: 12px;
}

#annuncio {
	float:left; 
	width: 348px; 
	height: 120px; 
	border:0px solid red;
	margin-left: 20px;
	margin-top: 12px;
}
#progetti {
	float:left; 
	width: 348px; 
	height: 120px; 
	border:0px solid red;
	margin-left: 20px;
	margin-top: 12px;
	clear:both;
}

#lastnews {
	float:left; 
	width: 348px; 
	height: 120px; 
	border:0px solid red;
	margin-left: 20px;
	margin-top: 12px;
	clear:both;
}

#portfolio {
	float:right; 
	width: 500px; 
	height: 180px; 
	border:0px solid red;
	margin-left: 20px;
	margin-top: 12px;
}

#benvenuti h1, #annuncio h1, #lastnews h1, #portfolio h1, #progetti h1{
	padding: 0px;
	padding-bottom:10px;

}

#benvenuti h1 {
	padding-top: 57px;
}

/***** Wufoo Form Registrazione *****/

.wufoo{
	font-family: Tahoma, Arial, sans-serif;
	font-size:small;
}
.wufoo li{
	width:62%;
}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	font-size:100%;
}
form li{
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
	clear:both;
}
form li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
	display:inline-block;
}
form li div, form li span{
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
form li span{
	float:left;
}

form li div.address{
	padding-bottom:0;
}

form li div.left{
	display:inline;
	float:left;
	width:47%;
}
form li div.right{
	display:inline;
	float:right;
	width:47%;
}

.clear{
	clear:both !important;
}

/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	/*border-bottom:1px dotted #ccc;*/
	margin:0 0 1em 0;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 3px 0;
	clear:left;
}
.info p{
	font-size:95%;
	line-height:135%;
	margin:0 0 12px 0;
}

/* ----- SECTIONS ----- */

form hr{
	display:none;
}
form li.section{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
}
form ul li.first{
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 2px 0;
		color: #49a6f2;

}
form .section p{
	font-size:85%;
	margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}
form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;
}

input.text, input.file, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	color:#333;
}
input.text, textarea.textarea, .firefox select.select{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/fieldbg.gif) repeat-x top;
}
input.text, input.file{
	padding:2px 0 2px 0;
}

label.choice{
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:90%;
}
input.checkbox, input.radio{
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}

textarea.textarea{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
	margin:1px 0;
}
.safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

span.symbol{
	font-size:115%;
	line-height:130%;
}
form li .datepicker{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
	margin:auto;
	text-align:center;
}
.buttons{
	clear:both;
	margin-top:10px;
	margin:auto;
	text-align:center;

}
.buttons input{
	font-size:120%;
	margin-right: 5px;
	margin:auto;
	text-align:center;

}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
	direction:rtl;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}


/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; border:0px solid red;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }