/*
Theme Name: Compad
Theme URI: http://compad.it/
Description: A custom theme for Compad S.r.l.
Version: 1.5
Author: Gruppo Modulo
Author URI: http://gruppomodulo.it/
Tags: grey, custom header, fixed width, two columns

	This theme is protected by copyright and cannot be reproduced without written permission of its author.

*/



/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { 
	background: rgb(217,217,217) url(images/red_bg.jpg) 0 115px repeat-x; 
	font-family: arial, helvetica, sans serif;
	font-size: 62.5%;
}
body#splash { background: rgb(217,217,217) url(images/bg.jpg) 50% 0 no-repeat; }
h1, h2, h3, h4, h5, h6, p { position: relative; }
h2, h3, h4 { font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { display: none; }
strong { color: #000; font-weight: normal; }

/* la splash */

#fascetta { 
	clear: both;
	width: 100%;
	height: 195px;
	background: rgb(232,232,232) url(images/fascetta.jpg) 50% 10px no-repeat;
	position: absolute;
	top: 355px;
	left: 0;
}
#wrap {
	width: 980px;
	margin: 0 auto;
}
.quickLink {
	position: absolute;
	left: 50%;
	margin-left: -439px;
	text-align: right;
}
.quickLink h2 { color: rgb(157,55,55);  font-size: 18px; margin-top: 5px; }
.quickLink h4 { color: #090; text-transform: uppercase; font-size: 12px; margin: 3px 0; }
.quickLink ul { list-style: none; font-size: 12px; }  .quickLink li { line-height: 13px; }
.quickLink a { color: #666; text-decoration: none; } .quickLink a:hover { color: rgb(157,55,55); text-decoration: underline; }
.english { margin-left: 262px; text-align: left; }
#pannello {
	margin: 0 auto;
	position: relative;
	top: 301px;
	width: 465px;
	height: 225px;
	background: url(images/pannello.jpg) no-repeat;
	color: rgb(141,141,141);
	padding: 30px 0 20px 36px;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
}
.lang { width: 188px; float: left; }
.eng { position: relative; left: 54px; }
.lang h3 { font-size: 1.3em; text-transform: uppercase; }
.lang p { margin-top: 15px; font-size: 11px; }
.lang a { 
	position: absolute; 
 	top: 0;
 	display: block;
 	text-transform: uppercase;
 	height: 18px;
 	margin: 196px 0 0 10px;
 	font-size: 18px; 
 	color: rgb(128,128,128);
 	text-decoration: none;
}
.eng a { margin-top: 166px; }
.lang a:hover { color: rgb(157,55,55); }

/* template base pagine interne */

#header { 
	margin: 0 auto;
	width: 1000px;
	height: 150px;
	background: url(images/header.jpg) no-repeat;
	clear: both;
}
#header ul {
	clear: both;
	list-style: none;
	width: 1000px;
	position: relative;
	top: 80px;
	right: 35px;
	font-size: 1.6em;
	text-align: right;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
#header li { display: inline; margin-left: 10px; }
#header li a { color: #333; text-decoration: none; } #header li a:hover { color: #ed1b24; }

#pannello_rosso {
	width: 1000px;
	height: 278px;
	background: url(images/pannello_rosso.jpg) no-repeat;
	margin: 0 auto;
	position: relative;
	top: -36px;
	font-size: 1.5em;
}
#pannello_container { 
	width: 870px; 
	height: 250px; 
	position: relative;
	top: 10px;
	left: 60px;
	color: #fff;
	text-align: justify;
}
#pannello_container h2 { font-size: 2.3em; padding: 15px 0 0 15px; }
#pannello_container p { padding: 20px; width: 515px; line-height: 1.5em; }

#main {
	width: 1000px;
	margin: 0 auto;
	color: rgb(116,115,115);
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: justify;
}
#main h2 { 
	font-size: 1.7em;
	font-weight: normal;
	margin: 10px 0 20px 0;
	color: #000; 
}
#colSx { float: left; width: 555px; margin: 30px 0; position: relative; left: 15px; }
#colSx p { padding: 8px 0; }
#colDx { float: left; margin: 35px 0 30px 45px; }
#colDx p { width: 370px;  }
#colDx h3 { color: #000; margin: 20px 0; }

#footer { 
	clear: both; 
	width: 960px; 
	padding: 10px 0 30px 0;
	margin: 0 auto;
	color: #666;
	position: relative;
	top: 50px;
	left: -5px;
	border-top: 1px solid #666;
	font-size: 1.2em;
}
#footer p { padding-bottom: 40px; float: left; } #footer p.righty { float: right; text-align: right; color: #666; }
#footer a { color: #666; } #footer a:hover { color: #900; }

/* azienda */

#map { width: 365px; height: 300px; border: 5px solid #eee; }

#gamma { clear: both; background: #eee url(images/bottom_gamma.gif) bottom no-repeat; padding: 0 0 20px 0; width: 960px; position: relative; top: 20px; left: 14px; }
#gamma h2 { text-transform: uppercase; font-size: 1.3em; background: url(images/top_gamma.gif) no-repeat; padding: 15px 0 0 20px; margin-top: 0; }
#gamma ul { list-style: none; margin-left: 20px; } #gamma li { display: inline;  padding: 0; margin: 0; margin-right: 13px; }
#gamma ul li span { display: none; }
#gamma a img { border: 3px solid #999; }

/* prodotti */

#colDx img { border: 5px solid #eee; }

/* news */

.news { margin: 20px 0; }
p.date { font-size: .9em; border-top: 1px solid #333; color: rgb(157,55,55);  width: 100%; text-align: right; margin-top: 5px; padding-top: -10px; }

/* contatti */

input, textarea { border: 0; padding: 3px; margin-bottom: 10px; font-family: arial, helvetica, sans serif; font-size: 1em; clear: right; } 
textarea { overflow: auto; }
input.ckbx { margin: 0 10px 0 0; }
input.send { margin: 10px 0 0 0; border: 3px double #333; padding: 3px 20px; }
label { font-size: .9em; }

span.LV_invalid { clear: both; color: #900; width: 100%; display: block; }
span.LV_valid { display: none; }