/*
Theme Name: Eugenio
Theme URI: http://www.eugeniopozzilli.it/
Description: Standard Theme for Eugenio's Site.
Version: 0.1
Design Author: Eugenio Pozzilli
Coder,Front-end Dev: Valeria Amendola, Domenico Polimeno
Design Author URI: http://www.eugeniopozzilli.it/
Webdesigner URI: http://www.scissorstudio.net/
Coder URI: http://www.italianwebdeveloper.it/
*/

/*========== RESET ==========*/

a,blockquote,code,div,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,img,label,legend,li,optgroup,option,p,pre,small,span,strong,table,td,textarea,th,tr,ul {
	margin:0;
	padding:0;
}

/*========== V-ALIGN ==========*/

#floater {
	float:left;
	height:50%;
	margin-top:-351px; /* half the box's height */
	position:relative;
}


/*========== STRUCTURE ELEMENTS ==========*/

html, body {
	height:100%; 
	width:100%;
	margin:0; 
	padding:0;
	min-width:996px;
}

body {
	background:#fff url('../img/pois-bg.png');
	color:#6f7072;
	font-size:14px;
	font-family: Helvetica,"Times New Roman",sans-serif;
}

#wrap{
	clear:both;
	margin:0 auto;
	width:996px;
	position:relative;		
	height:702px;
}

#header {
	background:#6f7072;
	height:85px;
	width:990px;
	margin:0 auto;
}

#content {
	background:#d9dadb;
	height: 615px;
	width: 990px;
	margin: 0 auto;
}

/*========== TYPOGRAPHY ==========*/

.clear {
	clear:both;
}

img {
	border:none;
}

a{
	color:#333;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}


/*========== HEADER ==========*/

#topmenu{
	padding-top: 8px;
	padding-left: 5px;
}

#topmenu li{
	list-style-type:none;
	display: inline;
	padding-right: 10px;
}

.menuitem {
	margin-left:10px;

}

.logonome {
	margin-left: 46px;
	position:relative;
	top: -11px;
}

.logo {
	height:65px;
	width:65px;
	margin-left: 59px;
}

/*========== CONTENT ==========*/

#content_box {
	padding-top:50px;
	margin:0 auto 0 30px;
}

#box_area {
	float:left;
	width:570px;
	
}

.box {
	float:left;
	width:158px;
	margin-left:32px;
}

	.box h2 {
		font-size:30px;	
		margin:0 auto;
		padding-top:30px;
		text-align:center;
		font-weight: normal;
	}

	.box a img{
		text-decoration:none;
		border: none;
		color:#6f7072;
	}

.long_box {
	width:543px;
	height:165px;
	float:left;
	background:#d9dadb url('http://www.eugeniopozzilli.it/img/long_baloon.png') no-repeat;
	margin-top: 92px;
	margin-left: 30px;

}
	
	.long_box h2 {
		padding: 20px 60px 0px 60px;
		text-align: center;
	}

	.long_box p {
		padding: 20px 40px 30px 40px;
		height: 100px;
		overflow: auto;
	}

.baloon {
	background:#D9DADB url(http://www.eugeniopozzilli.it/img/baloon.png) no-repeat scroll 0 0;
	float:left;
	height:171px;
	padding-left:7px;
	padding-right:49px;
	padding-top:55px;
	text-align:center;
	width:150px;
}

.pupobox{
	background: #d9dadb;
	width:303px ;
	height:500px ;
	float:left;
	margin-left:32px;
}

#content_alternative {
	padding-top:20px;
	margin:0 auto 0 30px;
}


.ca_l_box a img{
	text-decoration:none;
	border: none;
	margin:0 auto;
	display: block;
    margin-left: auto;
    margin-right: auto;
    color:#6f7072;
}

.ca_l_box a {
	text-decoration:none;
	border: none;
	margin:0 auto;
	display: block;
    margin-left: auto;
    margin-right: auto;
    color:#6f7072;
}

#ca_left_services {
	float:left;
	width: 398px;
	height:617px;
	margin-left: -23px;
}


#ca_left_services .ca_l_box {
	float:left;
	padding-left:0px;
	height:100px;
	padding-top:30px;
}

#ca_left_services li {
	list-style-type:none;
	display: inline;
	float:left;
	padding-left:5px;
	width: 61px;
}

#ca_left {
	float:left;
	width:375px;
	height:617px;
}

#ca_left li {
	list-style-type:none;
	display: inline;
	float:left;
	padding-left:22px;
	width:134px;
}
.ca_l_box {
	float:left;
	padding-left: 17px;
	height:100px;
	padding-top:30px;
}

.ca_l_box h2 {
	font-size:20px;	
	margin:0 auto;
	padding-top:5px;
	text-align:center;
}

.ca_l_char{
	margin-top:120px;
	padding-left:10px;
	float:left;
}

.ca_l_char_pupo {
	margin-top: 115px;
	padding-left: 33px;
	float:left;
}

.ca_l_char_prod{
	margin-top:120px;
	padding-left:10px;
	background: #d9dadb url('http://www.eugeniopozzilli.it/img/pupi/charbg.png') no-repeat;
	height:197px;
	width:350px;
	float:left;
}

.ca_l_char_prod_list{
	margin-top:275px;
	padding-left:10px;
	background: #d9dadb url('../img/pupi/charbg.png') no-repeat;
	height:197px;
	width:350px;
	float:left;
}

.ca_l_char_prod_single{
	margin-top:46px;
	padding-left:10px;
	background: #d9dadb url('../img/pupi/charbg.png') no-repeat;
	height:197px;
	width:350px;
	float:left;
}
	
	.fantasmino_mail {
	width:120px;
	height:100px;
	float:left;
	font-size: 20px;
	text-align: center;
	padding-top: 53px;
	padding-left: 12px;
	line-height: 25px;
	}
	
	.talk_prod {
	width:100px;
	height:100px;
	float:left;
	text-align: center;
	padding-top: 35px;
	padding-left:20px;
	}
	
	.price_desc {
		font-size: 22px; 
		text-align: center;
		margin-top: 10px;
	}
	
	.talk_desc {
	width:100px;
	height:100px;
	float:left;
	font-size: 12px;
	text-align: center;
	line-height: 17px;
	padding-top: 22px;
	padding-left:20px;
	}
	
	
#ca_right {
	float:left;
	height:617px;
}

.ca_r_bigbox {
	background:#d9dadb url('../img/bigball.png') top no-repeat;
	width:554px;
	height:553px;
	display:table-cell;
	vertical-align:top;
}

.ca_r_grid {
	width:554px;
	height:553px;
	float: left;
}

/* CLASSI PER LA LISTA PRODOTTI ATTENZIONE! */

#slider {
	width:348px;
	height:348px;
	position:relative;
	margin-top: 105px;
	margin-left: 120px;
	 overflow: hidden;

}
.scroll {
	position: relative;
	margin: 0;
	height: 348px;
/*	width: 696px;*/
	overflow: auto;
    clear: left;
	overflow-x: hidden;
	overflow-y: visible; 
}
.scrollContainer {
	overflow: hidden;
	
}
.table {
	position: relative;
	float: left;
	margin: 0;
	overflow: auto;
	width:348px;
	height:348px;
}

.table ul
{
float:left;
margin:0;
padding:0;
}

.table ul li
{
list-style:none;
display: inline-table;
width:68px;
height:69px;
background: #fff url('../img/little_circle.png') no-repeat;
padding: 0px;
margin: 5px;
}

.slide_btn {
	width:340px;
	margin-left: 110px;
}

.scrollButtons {
	cursor:pointer;
}
.right{
	float: right;
}
.left {
	float: left;
}

.ca_r_bruno {
	background:#d9dadb url('../img/baloon2.png') top no-repeat;
	width:554px;
	height:553px;
	display:table-cell;
	vertical-align:top;
}
	.ca_r_bigbox p {
		display:table-cell;
	    vertical-align:middle;
	    text-align:center;
	    padding-left: 40px;
	    padding-right: 27px;
		width:554px;
		height:553px; 
	}

	.ca_r_bruno p {
	    vertical-align:middle;
	    padding-left: 40px;
	    line-height: 30px;
	    font-size: 20px;
	    font-weight: normal;
	    padding-right: 27px;
	}
	
	
.ca_link_serv {
	float:right;
	margin-right:50px;
	margin-top:-30px;
}

	.ca_li {margin-right: 23px;}

	.ca_li h2 {
		font-weight: normal;
		font-size: 18px;
	}

.ca_link_prod {
	float:right;
	margin-right:-20px;
	margin-top:-100px;
}

.ca_link_pay {
	float:right;
	position:absolute;
	right:10px;
	top:100px;
	width:68px;
	height:68px;
}

/** CLASSI PER LA VISUALIZZAZIONE DEL SINGOLO PRODOTTO **/

.preview {
	padding:5px;
}

#two_baloon {
	background: #D9DADB url('../img/baloon-conn.png') no-repeat top center;
	width:370px;
	height:200px;
	float:left;
	margin-top:18px;
}

#baloon_left {
 width:110px;
 height:110px;
 position:relative;
 top:26px;
 left:28px;
 float:left;

}

#baloon_right {
 width:110px;
 height:110px;
 position:relative;
 top:26px;
 right:28px;
 float:right;
}

.slideright{
	float: right;
	position:relative;
	top:160px;
	right:-100px;
	width:29px;
	height:29px;
}
.slideleft {
	float: left;
	position:relative;
	top:160px;
	left:-100px;
	width:29px;
	height:29px;
}

#back_grid {
	margin:0 auto;
	width:68px;
	height:68px;
	position:relative;
	top:110px;
	left:40px;
	float:left;
}

/*========== TERMINI DEL SERVIZIO - HOW TO ==========*/
#content_check fieldset {
	border-top:2px solid #ccc;
	border-left:none;
	border-right:none;
	border-bottom:none;
	width:90%;
	margin:0 auto;

}

#content_check legend {
	padding:10px;
	font-weight:bold;
	font-size:15px;
	letter-spacing:3px;
}


#order_detail {
	margin:0 auto;
	width:900px;
	background-color:#fff;
}


#order_detail td {
	padding:5px;
	text-align:center;
}

.nome {width: 150px; font-weight: bold; text-align:center;}
.immagine {width: 70px; vertical-align:middle;}
.tipo {width: 70px; text-align:center;}
.desc {width: 300px;text-align:center;}
.dettagli {width:60px; text-align:center; vertical-align:middle;}
	.dett_size { width:52px; padding:2px;}
.quantita {width:40px; text-align:center; vertical-align:middle;}
	.qty_select { width:52px; padding:2px;}

	/* STEP 1 */
		
	
	
	/* STEP 2 */
	
	/* STEP 3 */
		.check_delivery{
			float:left;
			width:180px;
			height:500px;
			margin-left:89px;
		}
		
		#scatola{
			background:#D9DADB url('../img/scatola.png') no-repeat top center;
			vertical-align:bottom;
			display:table-cell;
			height:485px;
		}
		#busta{
			background:#D9DADB url('../img/busta.png') no-repeat top center;
			vertical-align:bottom;
			display:table-cell;
			height:485px;
		}
		#corriere{
			background:#D9DADB url('../img/corriere.png') no-repeat top center;
			vertical-align:bottom;
			display:table-cell;
			height:485px;
		}
		.check_delivery p {
			margin:0 auto;
			
		}
		
		.flag_delivery {
			margin-top:15px;
			text-align:right;
			
		}	
	
	
	/* STEP 4 */

/*========== CONTACT FORM ==========*/

#form_left {
	float:left;
	
}
.form_label {
	color:#6f7072;
	font-size:18px;
	float:left;
	padding-left:18px;
}

#email_input {
	float:left;
	background:#D9DADB url('../img/input_mail.png') no-repeat center;
	width:350px;
	height:35px;
	border:none;
	margin-top:5px;
	margin-bottom:15px;

}

#email {
	border:none;
	margin:3px  0 3px 9px;
	padding-top:5px;
	width:330px;
	height:24px;
	font-family: Helvetica,"Times New Roman",sans-serif;
	color:#6f7072;
	font-size:14px;
}
#obj_input {
	float:left;
	background:#D9DADB url('../img/input_obj.png') no-repeat center;
	width:340px;
	height:35px;
	border:none;
	margin-top:5px;
	margin-bottom:25px;
}

#obj {
	border:none;
	margin:3px  0 3px 9px;
	padding-top:5px;
	width:310px;
	height:24px;
	font-family: Helvetica,"Times New Roman",sans-serif;
	color:#6f7072;
	font-size:14px;
}
#btn_send {
	width:100px;
	margin-left: 115px;
}

#btn_send label{

	padding-top:10px;
}

#invia {
	background:transparent;
	border-collapse:collapse;
	border:none;
	width:70px;
	height:70px;
	float:left;
}

#body_msg {
	width:370px;
	height:370px;
	padding:5px;
	color:#6f7072;
	font-size:14px;
	font-family: Helvetica,"Times New Roman",sans-serif;
	border:none;
	
	
}

#contatti .ca_l_char{
	background: #d9dadb url('../img/pupi/charbg.png') no-repeat;
	margin-top: 63px;
	margin-left:10px;
	padding-left:10px;
	height:197px;
	width:350px;
	float:left;
}

.com {
	float:left;
	height:50px;
	padding:5px;
	font-weight:bold;
	color: #cc0000;
}

/*========== TERMINI DEL SERVIZIO - HOW TO ==========*/

#box-tos {
	background: #6f7072 url('../img/bg-howto.png') no-repeat;
	width: 956px;
	height: 376px;
	margin: 10px auto 0 auto;
}

#content_tos {
	padding-top: 1px;
	margin: 0 auto;
}

	#content_tos h2 {
		font-weight: normal;
		padding-top: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#content_tos p {
		font-weight: normal;
		padding-top: 9px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
#pupo-tos {
	margin-left: 38px;
	margin-top: 12px;
	float: left;
}

#tos-info {
	margin-top: 24px;
	float: right;
	margin-right: 15px;
	width: 546px;
	
	height: 184px;
	background: transparent url('../img/tos-info.png') no-repeat;
}

	#tos-info img {
		vertical-align: middle;
	}
	
	#tos-info p {
	padding-top: 10px;	
	line-height: 40px;
	}
	
.tos-text {
	margin-left: -10px;
	margin-top: 5px;
	line-height: 20px;
}
	
.privacy-policy {
	font-size: 11px;
	line-height: 17px;
}
	
/*========== SERVIZI OFFERTI ==========*/ 
 
#ca_left_services h2 {
	font-size: 14px;
	padding-left: 4px;
	font-weight: normal;
}

.citazione-serv {
	font-size: 20px;
	text-align: left;
	width: 374px;
	line-height: 30px;
	margin: 200px auto 20px auto;
}

.autore-serv {
	text-align: right;
}	

.testo-servizio {
	width: 400px;
	margin: 120px auto 100px auto;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

.testo-cv {
	width: 410px;
	margin: 110px auto 100px auto;
	font-size: 13px;
	line-height: 24px;
	text-align: justify;
}

.titolo-servizio {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}


/*========== BRUNO MUNARI ==========*/

#brunomunari {
	width: 345px;
	height: 422px;
	float: left;
	margin-top: 48px;
	margin-left: -36px;
	background: transparent url('../img/pupi/bruno2.png') no-repeat;
}

.firma {
	margin-left: 305px;
	font-size: 24px;
}

.titolo-firma {
	font-size: 17px;
	margin-left: 180px;
}

/*========== CHECK OUT STYLE ==========*/

#content_check legend {
	padding-top: 14px; 
	border-collapse: collapse; 	
}