.box a {display: block; height: 220px; width: 200px;}@charset "UTF-8";

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 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; text-align: left;}

body {font-family: Arial, helvetica, sans-serif; font-size: 62.5%; background-color: #ffffff;}
.center {width: 960px; margin: 0px auto; overflow: hidden;}

.hidden
{
	display: none;
}

#logo {float: left; width: 20%; background-image: url(../images/logo.png); background-repeat: no-repeat; height: 110px;}
#mainmenu {float: left; width: 64%; height: 110px; background-image: url(../images/menu_background.jpg); background-repeat: no-repeat;}
#mainmenu ul li a {color:#ffffff; background-color:transparent; font-size: 1.4em; font-weight:bold; text-decoration:none; padding:0px 8px 0px 8px;}
#mainmenu ul li a:hover, #mainmenu ul li.active a { text-decoration: underline;}
#mainmenu .active {text-decoration: underline;} 
#numero_verde {float: left; width: 16%; background-image: url(../images/numero_verde.png); background-repeat: no-repeat; height: 110px;}

/*Menu*/
#menu {list-style: none; padding: 0; margin: 0; width: 583px; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em;}
#menu span {display: none; position: absolute;}
#menu a {visibility: block; position: absolute; outline: none;}
#menu a:hover {background-position: left bottom;}
#menu a:hover span{display: block;}
#home {width: 100px; height: 58px; left: 20px; top: 4px;}
#news {width: 100px; height: 51px; left: 130px; top: 4px;}
#news span {width: 200px; height: 72px; background: url(../images/news_hover.png) no-repeat; left: 18px; top: 35px;}
#kit {width: 100px; height: 47px; left: 250px; top: 4px;}
#kit span {width: 92px; height: 20px; left: 26px; top: 30px; width: 500px; height: 72px; background: url(../images/kit_hover.png) no-repeat; left: -90px; top: 35px;}
#farmacie {width: 100px; height: 58px; left: 355px; top: 4px;}
#farmacie span {width: 500px; height: 72px; background: url(../images/farmacie_hover.png) no-repeat; left: -338px; top: 35px;}
#contatti {width: 100px; height: 58px; left: 490px; top: 4px;}

/*End Menu*/

/*Footer*/

#footer_container {background: url(../images/footer_gradient.jpg) top center no-repeat #ed9742;height: 520px;}
#footer h4 { font-family: Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; color: #535151; margin: 15px 0 0 0;}
#ultime_news {float: left; width: 35%; height: 420px;}
#ultime_news a {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 1.7em; text-decoration: none;}
#ultime_news a:hover {color: #CCC;}
.sottotitolo_footer { font-family: Tahoma, Geneva, sans-serif; font-size: 1.2em; margin-bottom: 10px;}
.autore {color: #656464; font-size: 1.1em;margin-top: px;}
.data {color: #656464; font-size: 1.1em; margin-bottom: 5px;}
.autore span {color: #000000; font-size: 1.2em;}
#sponsor {float: left; width: 35%; height: 420px;}
.logo_footer { width: 127px; height: 54px; padding-right: 10px; text-decoration: none;}
#sintesi_kit {float: left; width: 30%; height: 420px;}

/*Home*/

#main_container {background: url(../images/content_background.jpg) bottom repeat-x;}
#box_introduzione {float: left; width: 35%;  height: 370px; text-align: right; }
#box_introduzione h1 { font-size: 1.5em; font-weight: bold; padding-bottom :2px; padding-top: 70px;}
#box_introduzione h2 { font-size: 1.2em; padding-bottom: 15px; font-weight: bold; color: #5c5c5c;}
#box_introduzione p {color: #5c5c5c; font-size: 1.2em;}
#box_introduzione img {margin-top: 15px;}
#box_introduzione a { float: left; background: url(../images/home_button.png) no-repeat; display: block; width: 196px; height: 38px; margin-top: 20px; margin-left: 70px;}
#immagine_kit {float: left; width: 30%; height: 370px; background: url(../images/kit_home.png) center bottom no-repeat;}
#immagine_kit a {display: block; width: 236px; height: 313px; margin: 20px 0 0 20px;}
#box_mappa {float: left; width: 35%; padding-top: 50px;}
#box_mappa_top {background-image: url(../images/box_mappa_top.png); background-repeat: no-repeat; width: 312px; height: 6px;}
#box_mappa_main { background-image: url(../images/box_mappa_main.jpg); background-repeat: repat-x; width: 312px; background-color: #ffffff; }
#box_mappa_bottom {background: url(../images/box_mappa_bottom.png) no-repeat; width: 312px; height: 6px;}
#box_mappa h3 {font-size: 1.5em; font-weight: bold; padding: 15px 0 2px 15px;}
#box_mappa img {padding: 16px;}
#box_mappa p {font-size: 1.2em;color: #5c5c5c;padding: 2px 15px 5px 15px; font-weight: bold;}


/*News*/

#news_main {float: left; width: 65%; min-height: 400px; padding-bottom: 40px;}
#news_right {float: left; width: 35%; min-height: 350px;}
#tag_cloud_top {width: 280px; height: 52px; background-image: url(../images/tag_cloud_top.png); background-repeat: no-repeat;}
#tag_cloud_top h2 {padding: 12px 0px 0px 60px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 1.8em;}
#tag_cloud {width: 280px; height: 200px; background-color: #faba2f;}
.news_box_top {width: 602px; height: 51px; background-image: url(../images/news_box_top_bg.png); background-repeat: no-repeat;}
.news_box_main {width: 602px; min-height: 200px; background-image: url(../images/news_box_main_bg.png); background-repeat: repeat-y;padding-bottom: 15px;}
.news_box_main p {padding-bottom: 10px;}
.news_box_commenta {width: 602px; height: 62px; background-image: url(../images/news_box_commenta_bg.png); background-repeat: no-repeat;}
#comments { margin-left: 30px;}
#comments_container {width: 602px; background-image: url(../images/news_box_main_bg.png); background-repeat: repeat-y;padding: 10px 0px 15px 	0px;}
.news_box_bottom { background-image: url(../images/news_box_bottom_bg.png); background-repeat: no-repeat; height: 1px; width: 602px;margin-bottom :30px;}

	/*news box*/
.autore_data_container {float: left; width: 130px; margin: 3px 0 0 85px;}
.autore {font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff;}
.autore span { font-size: 12px; color: #000000;}
.date { font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff;}
.date span { font-size: 14px;}
.title {float: left; margin: 20px 0 0 0; font-size: 1.5em; font-weight: bold;}
.content {margin: 0 10px 0 30px; padding-top: 10px; font-size: 12px;}
.nav { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 4px 3px 10px 10px;}
.nav a {text-decoration: none; color: #000000;}
.commenta {float: left;  width: 110px; height: 36px;}
.commenta a {text-decoration: none; color: #000000;}
.commenta a:hover {color: #999;}
.tags {float: left;  width: 40px; height: 36px;}
.tags b {text-decoration: none; color: #000000;}
.valori_tag {float: left;  width: 330px; height: 36px; overflow: hidden;}
.valori_tag a { font-size: 1.0em; color: #ffffff;}

.nav a span {color: #ffffff;}
.nav a:hover span {color: #999;}
.nav b { font-weight: normal;}


/*Farmacie*/

#box_ricerca {width: 70%; height: 570px; float: left;}
#form_ricerca {width: 100%; height: 89px; background-image:url(../images/ricerca_background.jpg); background-repeat: repeat-x; border: 1px solid #cccccc; margin-bottom: 20px;}
#map {width: 100%; height: 420px; border: 1px solid #cccccc; background-color: #ffffff;}
#box_risultati {width: 30%; min-height: 570px; float: left;}
#box_risultati h4 { font-size: 1.1em; margin: 10px 0 0 20px; font-weight: bold;}
#form_ricerca h1 { font-family:Arial, Helvetica, sans-serif; font-size: 2.2em; font-weight: bold; color: #ffffff; padding: 10px 0 0 15px; margin: 0;}
#form_ricerca h2 {padding: 3px 0px 0px 25px; color: #333; clear: both; font-size: 1.1em;}
#addressInput {float: left; width: 350px; height: 18px; border: 1px solid #c3c5bf; color: #645a56; font-size: 15px; margin-bottom: 14px; font-family: helvetica, arial; margin: 11px 0 0 15px; padding-left: 3px;}
#addressInput:hover, textarea:hover, input:focus, textarea:focus {background: #eeecec;outline: none;}
#titolo_risultati { width: 100%; height: 50px; background-image: url(../images/risultati_ricerca_bg.jpg); background-repeat: repeat-x; margin: 8px 0 15px 20px;}
#titolo_risultati h3 { font-size: 1.6em; font-weight: bold; color: #ffffff; padding: 15px 0 0 15px; margin: 0;}
#elenco_risultati{ }
#elenco_risultati ul {margin: 15px 0 20px 20px;}
#elenco_risultati li { list-style-type: none; margin-bottom: 5px; }
#elenco_risultati a {display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; color: #000; background-color: #ffffff; width: 255px; height: auto; border: 1px solid #cccccc; padding: 3px;}
#elenco_risultati blockquote {color:#666; font-size:1.0em;font-weight: normal; margin: 0; }
#elenco_risultati a:hover { border: 1px solid #333;}
.farmacie_active { border-color: #666; }
#map img {padding: 8px 11px 8px 11px;}

#ricerca, #bottone, #raggio {float: left}
#raggio {margin: 12px 0 0 15px;}

input[id=farmacie_submit] {background: #d5ceca; width: 102px; height: 20px; padding: 1px; text-align: center; font-size: 11px; text-transform: uppercase; float: right; cursor: pointer; border: none; color: #30241f; line-height: 20px; margin: 13px 20px 0 0;}
		
input[id=farmacie_submit]:hover {background: #bcb4ae;}
#itemsList {margin: 0; padding: 0;}

/*Kit*/

.intro {float: left; width: 50%; height: 260px;}
.intro h1 {text-align: center; font-size: 1.5em; font-weight: bold; padding-bottom: 5px;}
.intro p {padding: 5px 10px 5px 10px; color: #5c5c5c; font-size: 1.2em;}
.box {float: left; width: 25%; height: 220px; background-image: url(../images/anteprima_kit.png); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 20px;}
.box a {display: block; height: 220px; width: 200px;}
.box h2 {text-align: center; font-size: 1.5em; font-weight: bold;}
#piacevolmente_mini {background: url(../images/piacevolmente_mini_bg.png) center bottom no-repeat;}
#intimamente_mini {background: url(../images/intimamente_mini_bg.png) center bottom no-repeat;}
#diario_mini {background: url(../images/diario_mini_bg.png) center bottom no-repeat;}
#raccoglitori_mini {background: url(../images/raccoglitori_mini_bg.png) center bottom no-repeat;}


/*Kit sezioni*/
#home_kit_dettaglio {float: left; width: 100%; min-height: 420px; }
#immagine_home_kit {float: left; width: 25%; height: 500px; background: url(../images/kit_bg.png) no-repeat right bottom; margin-top: 10px;}
#home_kit_dettaglio h1 { font-size: 1.5em; font-weight: bold; padding: 15px 20px 0px 20px; }
#home_kit_dettaglio p {color: #000000; font-size: 1.3em; text-align: left; padding: 15px 20px 0px 20px; }
#home_kit_left {float: left; width: 55%;}
#home_kit_right {float: left; width: 45%;}
#submenu {width: 476px; height: 30px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;margin-bottom: 20px; margin-top: 20px;}
#submenu ul {list-style-type:none; padding: 0;}
#submenu li { display: inline;}
#submenu a {display: block; float: left; color: #666666; height: 30px; padding: 5px 15px 0 15px; font-family: Helvetica, Verdana, Geneva, sans-serif; font-size: 1.3em; font-weight: bold; width: auto; text-decoration: none; background: url(../images/submenu_bg.jpg) repeat-x; }
#submenu a:hover {background-image: none; border-top: 1px solid #e7e7e7; color: #000000;}
#submenu .subactive a { background-image: none; border-top: 1px solid #e7e7e7; color: #000000;}

/*Dettaglio prodotti*/

#cibi_risi {float: left; width: 70%;  height: 350px; text-align: right; } /*eliminare*/
#cibi_risi h1 { font-size: 1.5em; font-weight: bold; padding-bottom :10px; padding-top: 70px;} /*eliminare*/
#cibi_risi p {color: #5c5c5c; font-size: 1.2em;} /*eliminare*/
#immagine_cibi_risi {float: left; width: 30%; height: 350px;} /*eliminare*/
#immagine_cibi_risi {margin-top: 30px;}  /*eliminare*/
#kit_dettaglio {float: left; width: 65%;  min-height: 310px; text-align: right; }
#kit_dettaglio h1 { font-size: 1.5em; font-weight: bold; }
#kit_dettaglio p {color: #000000; font-size: 1.3em; text-align: left; padding: 20px 20px 0px 20px; }
#immagine_piacevolmente {float: left; width: 35%; height: 350px; background: url(../images/piacevolmente_bg.png) no-repeat right bottom; margin-top: 10px;}
#immagine_intimamente {float: left; width: 35%; height: 350px; background: url(../images/intimamente_bg.png) no-repeat right bottom;margin-top: 10px;}
#immagine_diario {float: left; width: 35%; height: 350px; background: url(../images/diario_bg.png) no-repeat right bottom;margin-top: 10px;}
#immagine_tabella, #immagine_raccoglitori {float: left; width: 35%; height: 350px; background: url(../images/kit_bg.png) no-repeat right bottom;margin-top: 10px;}

/*Contatti*/

#form_farmacie {float: left; width: 50%;  min-height: 370px; }
#box_numero_verde {float: left; width: 40%;  height: 370px; margin-left: 30px;}
#form_farmacie h1, #box_numero_verde h1 { font-size: 1.5em; font-weight: bold; padding-bottom :10px; padding-top: 20px;}
#form_farmacie p, #box_numero_verde p {color: #5c5c5c; font-size: 1.2em; padding-bottom: 8px;}
#box_numero_verde img {margin-top: 30px;}

/*Form Farmacie*/
	
#form_farmacie form {width: 464px; overflow: hidden;}
#form_farmacie label {display: block; font-size: 11px; color: #645a56; text-transform: uppercase;}
#form_farmacie input[type=text], #form_farmacie textarea {width: 452px; height: 27px; border: 1px solid #c3c5bf; color: #645a56; font-size: 17px; padding: 7px 0 0 10px;margin-bottom: 14px; font-family: helvetica, arial;}
#form_farmacie input[type=text]:hover, #form_farmacie textarea:hover, #form_farmacie input:focus, #form_farmacie textarea:focus {background: #eeecec; outline: none;}
#form_farmacie textarea {height: 212px;}
#form_farmacie input[type=submit] {background: #d5ceca url(../images/submitButtonBG.jpg) no-repeat; width: 102px; height: 34px; padding: 8px; text-align: center; font-size: 11px; text-transform: uppercase; float: right; cursor: pointer; border: none; margin-top: 15px;color: #30241f; line-height: 20px;}
#form_farmacie input[type=submit]:hover {background: #bcb4ae;}

/*Farmacie temp*/

#farmacie_temp {float: left; width: 55%; height: 370px;}
#numero_verde_temp {float: left; width: 40%;  height: 370px; margin-left: 30px; height: 370px;}
#farmacie_temp h1 { font-size: 1.5em; font-weight: bold; padding-bottom :10px; padding-top: 20px;}
#farmacie_temp p {color: #5c5c5c; font-size: 1.2em; padding-bottom: 8px; font-weight: bold;}

/*login*/

#login_box {width: 100%; height: 300px;}
#login_form {padding: 30px; width: 400px; height: 200px; margin-left: 260px; background-color: #ffffff; border: 1px solid #999;}

/*Yii*/
.portlet-content {font-size:1.3em; padding: 5px 0 20px 20px;}
.portlet-content ul {list-style-type: none;}
.portlet-content a {color: #000000;}

/*Editor html*/
.content h1, .content h2 {margin: 7px 0 4px 0; font-size: 1.2 em; font-weight: bold;}        
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {color: #3c3f40; padding: 4px 0;}        
.content p {line-height: 1.3em; padding: 7px 0; font-size: 1.1em; }        
.content small {font-size: 1.1em; }        
.content a {color:blue; font-weight: bold; text-decoration: underline; }     
.content blockquote {margin: 0.7em 3em; padding-left: 10px; }    
.content ol, .content ul, .content dl {font-size: 1.1em; margin: 4px 0 4px 40px; }       
.content strong {font-weight: bolder; }       
.content em {font-style: italic; }        
.content code {font-size: 1.1em; }       
.content h3 {font-size: 1.8em;}       
.content h4 {font-size: 1.4em; }  

/*Output ricerca*/

#risultato-ricerca
{
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 30px;
	margin-bottom: 10px;	
}
#risultato-ricerca i
{
	color: #6AC8E3;
}	

/* amministrazione commenti */
.autore-amministrazione a
{
	font-size: 1.5em;
	color: #4291F3;
}

.list-view
{
	background: #FFFFFF; margin-bottom: 40px; border: 1px solid gray; padding: 10px; font-size: 1.2em;
}

#copyright, #copyright p 
{
	color: #FFFFFF;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	width: 100%;
	float: left;
}
#copyright a
{
	color: #FFFFFF;
	text-decoration: none;
}