﻿/*
* Author: Webngo
* Template: Astrum
*/

/* Grid
====================================*/
.container .one-fourth.column{
	width:280px;
}

/* Logo
====================================*/
#logo{ margin-top: 8px!important; }

/* Menu
====================================*/
.menu ul > li > a{
    padding-left:8px;
    padding-right:8px;
}
#flags{
	margin-left:15px;
	float:right;
}
#flags ul > li{
	float:left;
}
#flags ul > li > a{
	display:block;
	width:30px;
	height:20px;
	margin-top:34px;
	margin-bottom:34px;
	margin-left:8px;
	padding:0;
	background-image:url(/images/sprite-flags.png);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:30px;
	-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);
}
#flags ul > li:first-child > a{
	margin-left:0;
}
#flags ul > li > a.flag-it{
	background-position:0 0;
}
#flags ul > li > a.flag-ch{
	background-position:-30px 0;
}
#flags ul > li > a.flag-en{
	background-position:-60px 0;
}
#flags ul > li > a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}


/* Breadcrumbs
====================================*/
#breadcrumbs ul li:first-child:after{
	content: "";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #ccc;
	margin: 0 0 0 9px;
}

/* List Styles
====================================*/
.contenuto ul {
	margin: 10px 0 18px;
}
.contenuto ul li {
	list-style: none;
	margin: 7px 0;
	margin-left: 2px;
}
.contenuto ul li:first-child {
	margin-top: 0;
}
.contenuto ul li:before {
	content: "";
	font-family: "FontAwesome";
	margin: 0 7px 0 0;
	position: relative;
	color: #c62020;
}
.contenuto ul li:before { content: ""; }


/* Box Homepage
====================================*/
.featured-desc h3{
    line-height:26px;
}
.box-hp .portfolio-item{
	margin:0 7px 14px;
}
.box-hp .item-description{
    padding:10px;
    height:95px;
}
.item-description h5{
	margin-bottom:5px;
	line-height:20px!important;
}
.box-hp .item-description p{
	font-size:13px;
	line-height:16px;
	color:#999;
}
.box-hp .portfolio-item:hover > figure > a .item-description p{
	color:#fff;
}

.medicina-estetica{
	margin-top:30px;
}
.medicina-estetica .line{
	margin-bottom:35px;
}
.notice-box:hover{
	background-color:#73b819;
}
.notice-box:hover h4{
    color:#fff;
}

/* Form Homepage
====================================*/
.form-hp{
	margin-top:64px;
	background-color:#42b3e5;
	text-align:center;
}
#contact{
	padding:20px;
}
#contact h3{
	color:#fff;
}
#contact p{
	line-height:18px;
	color:#fff;
}
#contact img{
	max-width:100%;
	margin-bottom:20px
}
#contact input{
	width:96%;
}
#contact input[type=submit]{
	width:100%;
}
#contact textarea{
	width:96%;
	min-width:96%;
	min-height:260px;
}

/* Contatti
====================================*/
#contact-form{
	padding-top:26px;
}
#contact-form fieldset div{
    margin-bottom:12px;
}
#contact-form input{
	width:60%;
}
#contact-form input[type=submit]{
	width:61%;
}
#contact-form textarea{
	width:96%;
	min-width:96%;
	min-height:260px;
}

/* Dove siamo
====================================*/
#directions-form{
	margin-bottom:10px;
}
#directions-form input[type=text]{
	width:96%;
	margin-bottom:10px;
}
#directions-form input[type=submit]{
	width:45%;
	margin-right:10px;
}
#directions-form input[type=button]{
	width:45%;
}
#map_directions{
    width:100%;
    height:390px;
    overflow: auto;
	font-size:0.9em;
    line-height:1.4em;
}