/*
*	CSS: CE group
*	Data creazione: Luglio 2010
*	Autore: Matteo Ruzza / Macchia Web srl
*	Ultimo editore: Matteo Ruzza
*	Note: 
*/

/*IMPORT SECTION*/
/*@import url(_test.css);*/
@import url(nav.css);
@import url(common.css);
@import url(product.css);


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th{font-size:1em;font-weight:normal;font-style:normal}
ul,ol{list-style:none}
fieldset,img{border:none}
caption,th{text-align:left}
/*table{border-collapse:collapse;border-spacing:0}*/

a,a:hover,a:visited{text-decoration:none}
a:focus{outline:1px dotted invert}
html{overflow:-moz-scrollbars-vertical}

/*TYPE*/
body{font:76% "Lucida Grande", Arial, Helvetica, sans-serif;background:white;color:#000}

hr,h1{display:none}
h2{font-size:1.50em}
h3{font-size:1.30em}
h4{font-size:1.00em}
h5{font-size:0.90em}
h6{font-size:0.70em}

/*GENERIC*/
body{text-align:center;padding:10px 0}
div{text-align:left}
.hide{display:none}
.hidden{visibility:hidden}
.clear{clear:both}

/*LAYOUT*/
#layout,
#header,
#full,
#footer{width:970px;clear:both}
#left{width:200px;float:left}
#right{width:760px;float:right}

#layout{margin:0 auto}

#header,
#full,
#left,
#right{margin-bottom:10px}

#header{overflow:hidden;background:url(../img/globalnavbg.gif) no-repeat bottom left}

#banner{text-align:left;clear:both;padding:20px 0}

#footer{text-align:center;color:#999;font-size:0.90em;padding:20px 0}


#template,.container,#xres,#xshop{
	border:1px solid #cdcdcd;
	margin-bottom:10px;
	/*padding-bottom:10px;*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px
}
#xres,#xshop{padding-bottom:10px}

.container h2{
	background:#9f9f9f url(../img/prodnavbg.gif) repeat-x top left;
	font-weight:bold;
	font-size:1.00em;
	color:#333;
	padding:5px 10px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	
}



/*TEMPLATE*/
#template table{width:100%/*;border-collapse:separate;border-spacing:3px*/}
#template table td{vertical-align:top}

#template h3{font-size:1.10em;color:#333;font-weight:bold}
#template p{font-size:1.00em;color:#333}
#template h3 a{color:#333}
#template h3 a:hover{color:#666}
#template p a,
#template p a:hover{color:#09f}
#template p a:hover{text-decoration:underline}





/*course info*//*!!!!!!!!!!!!!!!!!!*/
div.courseinfo{
	margin:15px 10px;
	width:250px;
	background:#efefef;
	padding:5px 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

div.courseinfo h3{
	color:#09f!important;
	font-weight:bold!important;
	font-size:1.20em!important;
}

div.courseinfo ul{list-style:none outside;}

div.courseinfo li{font-size:1.00em;color:#666}
div.courseinfo li strong{font-size:1.10em;color:#09f}