@charset "UTF-8";
/* CSS Document */

/*Font*/
@font-face {font-family: 'Museo-500';src: url('../fonts/webfonts/1C22F1_0_0.eot');src: url('../fonts/webfonts/1C22F1_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/webfonts/1C22F1_0_0.woff') format('woff'),url('../fonts/webfonts/1C22F1_0_0.ttf') format('truetype');}

@font-face {
    font-family: 'MuseoSans500';
    src: url('../fonts/MuseoSans_500-webfont.eot');
    src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_500-webfont.html#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*End Font*/


/*HTML TAGS*/

body{
	background:#FFF url(../images/bg.jpg);
	margin:0;
	padding:0;
	font-family: 'MuseoSans500';
	color:#666;
}

h1, h2, h3, h4, h5, h6{
font-family: 'Museo-500';
letter-spacing:1px;
font-weight:normal;
color:#666;
margin:0 0 5px 0;
padding:0;
}

h1{}
h2{font-size: 30px;}
h3{font-size: 25px;}
h4{font-size: 20px;}
h5{font-size:18px;}
h6{font-size:16px;}

.small_text{
font-family: 'MuseoSans500';
color:#666;
line-height:1;
font-size: 14px;
}

p{
font-family: 'MuseoSans500';
color:#666;
line-height:1.5;
font-size: 16px;
}

.no_space{
margin-top:5px;
padding:0;
}

.header_white{color:#FFF;}
.header_brown{color:#534741;}
.header_light_brown{color:#847067;}
.header_blue{color:#29ABE2;}
.header_orange{color:#F9A94B;}

a{
	color:#F9A94B;
	text-decoration:none;
}

a:hover{
	
}


	
/*End of HTML TAGS*/



/*General Classes*/
.margin_bar{
	overflow:hidden;
	display:block;
  margin-left:auto;
  margin-right:auto;
  padding-left:30px;
  padding-right:30px;
  width:1024px;
	}
/* End General Classes*/


/*Main Menu*/

#menu_bar{
margin-top:30px;
margin-bottom:0px;
}

#logo{
float:left;
border-style:none;
}

#logo_test{border:none;}

#menu ul{
	list-style-type:none;
	padding:0;
	margin:40px 0 0 0;
	float:right;;
	clear:right;
	}
	
#menu li{
	display: block;
	float:left;
	margin:0 0 0 35px;
}

/*Padding on actual a content meaning the li is expanded*/
#menu a{
	padding-bottom:10px;
}
#menu h4{font-size: 20px;}

#menu h4:hover{
	color:#29ABE2!important;
}
/*Add an arrow to the the page that is currently selected*/
#selected{
	float:left;
	background:url(../images/menu_pointer.png) bottom center no-repeat;
}
	
/*End Main Menu*/



/*Index*/

#welcome_bg{
background:#534741;
}

#brown_bar{
height:150px;
}

#slogan{float:left;
margin:45px 40px 0 0;
}

#slogan h3{text-align: right;}

#key_points{
float:left;
padding:0 0 0 40px;
border-left:dashed 1px #847067;
margin:25px 0 0 0;
font-family: 'MuseoSans500';
}

#key_points h5{ font-family: 'MuseoSans500';}

#key_points ul{
list-style-type: none;
margin:0;
padding:0;
}

#key_points li{
margin-top:5px;
}

#key_points li:first-letter{
	color:#29ABE2;
}


#content{
margin-top: 40px;
margin-bottom: 80px;
}

/*Low Cost*/
#lowcost_bar{
border-bottom:dashed 1px #B5A9A4;
margin-bottom:20px;
overflow: hidden;
padding-bottom: 40px;
}


#lowcost_bar img{
float:left;
margin:0;
padding:0;
}


#lowcost_bar ul{
list-style-type: none;
padding:0;
margin:0 40px 0 0;
position:relative;
left:20px;
float:left;
border-right:dashed 1px #B5A9A4;
padding:40px 20px 60px 0;
}

#lowcost_bar li{
padding:0;
margin:0;
}

/*End Low Cost*/

/*HOME OFFER*/
	

#home_header{
color:#999;
}	

.offer_l{
	width:300px;
	float:left;
	margin:30px 32px 0 0;
	}
	
#offer_last{margin-right:0;}

.offer_l img{
	margin-bottom:10px;
	margin-left: 0px;
	border-style:solid;
	border-width:8px;
	}
	
.offer_l p{
margin:0;
padding:0;
}

.offer_l h4{
text-align: center;
}

.offer_r{
	width:300px;
	float:right;
	margin:30px 32px 0 0;	}

.offer_r img{
	margin-bottom:10px;
	margin-left: 0px;
	border-style:solid;
	border-width:8px;
	}
	
.offer_r p{
margin:0;
padding:0;
}

.offer_r h4{
text-align: center;
}


/*End of HOME OFFER*/
/*End of Index*/


/*Footer*/

#footer_bg{
background:#534741;
}

#footer h4{margin-bottom: 10px;}

#contact_footer, #social_footer, #phrase_footer{
float:right;
}

#contact_footer ul, #social_footer ul, #phrase_footer ul{
list-style-type: none;
}


#contact_footer ul{
padding:0;
margin:30px 0 40px 0;
}

#social_footer ul{
padding:0;
margin:30px 0 40px 30px;
padding:0 30px 0 30px;
border-left:dashed 1px #847067;
border-right:dashed 1px #847067;
height:160px;
}

#phrase_footer ul{
margin:30px 0 0 0;
padding:0 20px 0 30px;
}

#contact_footer li, #social_footer li, #phrase_footer li{color:#FFF;}

#contact_footer li{
margin-bottom: 5px;
}

/* Floats all the social network links left*/


#facebook, #twitter, #tuenti, #linked, #google, #youtube{
	float:left;
	display:block;
	margin: 10px 15px 0 0;
	padding:2px;
	}
	
#tripart{
	display:block;
	margin: 20px 0 10px 20px;
	padding:2px;
	background:url(../images/tripartita.png) no-repeat;
	width:124px;
	height:70px;
}	

/*Declaring the background of the social network links, the hovers and etc.*/

#facebook{
	background:url(../images/facebook_logo.png) no-repeat;
	width:47px;
	height:45px;
	}
#facebook:hover{
	background:url(../images/facebook_logo_over.png) no-repeat;
	position:relative;
	 }
	
#twitter{
	background:url(../images/twitter_logo.png) no-repeat;
	width:47px;
	height:45px;

	}
	
#twitter:hover{
	background:url(../images/twitter_logo_over.png) no-repeat;
	position:relative;
	 }
	
#tuenti{
	background:url(../images/tuenti_logo.png) no-repeat;
	width:47px;
	height:45px;

	}
	
#tuenti:hover{
	background:url(../images/tuenti_logo_over.png) no-repeat;
	position:relative;
	 }
	 
#linked{
	background:url(../images/linked_logo.png) no-repeat;
	width:47px;
	height:45px;
	}

#linked:hover{
	background:url(../images/linked_logo_over.png) no-repeat;
	position:relative;
	 }
	 
	 
#google{
	background:url(../images/google_logo.png) no-repeat;
	width:47px;
	height:45px;

	}

#google:hover{
	background:url(../images/google_logo_over.png) no-repeat;
	position:relative;
	 }
	 
#youtube{
	background:url(../images/youtube_logo.png) no-repeat;
	width:47px;
	height:45px;

	}

#youtube:hover{
	background:url(../images/youtube_logo_over.png) no-repeat;
	position:relative;
	 }
	 
.social_center{
margin-left:30px;
}

#logo_footer{
float:left;
margin:40px 0 0 0;

}

.tiny_text{
color:#847067;
font-size:10px;
margin:0 8px 0px 0;
padding:0;
text-align: right;
}

.tiny_text a{
color:#847067;
}
/*End of Footer*/


/*Slogan box for other pages*/

#page_name{float:left;
margin:60px 40px 0 0;
}

#page_name h3{text-align: right;}

/*END Slogan box for other pages*/


/*Contacto*/

#contact_points{
float:left;
padding:0 0 0 40px;
border-left:dashed 1px #847067;
margin:25px 0 0 0;
font-family: 'MuseoSans500';
height:100px;
}

#key_points h5{ font-family: 'MuseoSans500';}

#contact_points ul{
float:left;
list-style-type: none;
margin:30px 0 0 0;
padding:0;
}

#contact_points li{
display:inline;
float:left;
margin:0 40px 0 0;
}


#contact_points h5{
padding-top:7px;
font-family: 'MuseoSans500';
}

#phone_contact{
	background:url(../images/phone_contact.png)left center no-repeat;
	padding:5px 0 5px 60px;
	}


#email_contact{
	background:url(../images/email_contact.png) left center no-repeat;
	padding:5px 0 5px 60px;
	}



#contacto_left, #contacto_right{
float:left;	
width:445px;
}


#contacto_left{
	margin-right:50px;
	}
	
#contacto_right{
	margin-left:50px;
	}

#contacto_left ul, #contacto_right ul{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0;
	}
	
	/*The text inside the contact divs*/
	
.form_list{
	background:url(../images/form_bg.png);
	margin: 20px 0 20px 0!important;	
	padding:30px!important;
	}
	
.form_list p{
	
	padding:0;
	margin:0;
	}
	
input{
	padding-left:5px;
	width:250px;
	height:20px;
	margin-bottom:20px;
	}
	
textarea{
	width:370px;
	height:100px;
	}
	
.submit{
	font-family: 'Museo-500';
	padding:1px 2px 0px 2px;
	margin:10px 0 0 0;
	border:0;
	width:auto;
	height:auto;
	color:#534741;
	font-size:22px;
	letter-spacing:1px;
	font-weight:normal;
	cursor:pointer; 
	background: none;
	}

.submit:hover{
	color:#29ABE2;
	}
	
	
.valid{
	border:thin solid #C03;
	}

.invalid{
	border:thin solid #C03;
	}
/*End of contacto*/


/*Servicios*/

/*Top menu _blank*/

#no_points{
float:left;
padding:0 0 0 40px;
border-left:dashed 1px #847067;
margin:25px 0 0 0;
font-family: 'MuseoSans500';
height:100px;
}

#no_points h5{ font-family: 'MuseoSans500';}

#no_points ul{
list-style-type: none;
margin:0;
padding:0;
}

#no_points li{
margin-top:5px;
}


/*End of top menu*/

/*Top menu_sub*/

#page_points{
float:left;
padding:0 40px 0 40px;
border-left:dashed 1px #847067;
margin:25px 0 0 0;
font-family: 'MuseoSans500';
height:100px;
}

#page_points h5{ font-family: 'MuseoSans500';}

#page_points ul{
list-style-type: none;
margin:0;
padding:0;
}

#page_points li{
margin-top:40px;
}


/*End of top menu_sub*/


/*Sliding Text and Icon Menu Style*/
.sti-menu{
	width:1010px;
	position:relative;
	margin:60px auto 0 auto;
	list-style-type: none;
	padding:0;
	margin:0;
}
.sti-menu li{
	float:left;
	width:200px;
	height:300px;
	margin:1px;
	
	}
.sti-menu li a{
	display:block;
	overflow:hidden;
	background:#EBE5D8;
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
}
.sti-menu li a h2{
	color:#534741;
	font-size:20px;
	position:absolute;
	padding:10px;
	width:180px;
	top:140px;
	left:0px;
}
.sti-menu li a h3{
	color:#534741;
	font-family: 'MuseoSans500';
	font-size:15px;
	position:absolute;
	top:175px;
	left:0px;
	width:180px;
	padding:10px;
}
.sti-icon{
	width:100px;
	height:100px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	left:50px;
	top:30px;
}
.sti-icon-care{
	background-image:url(../images/adultos.png);
}
.sti-icon-alternative{
	background-image:url(../images/ninos.png);
}
.sti-icon-info{
	background-image:url(../images/empresa.png);
}
.sti-icon-family{
	background-image:url(../images/trad.png);
}
.sti-icon-technology{
	background-image:url(../images/otros.png);
}

/*Servicios Content*/

.block{
	margin-bottom:10px;
	overflow:hidden;
	padding: 40px 0 0 0;
	}

.block ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
.serv_left, .serv_right{
	float:left;	
	width:440px;
	padding: 0px 10px 0px 10px;
	}
	
.serv_left{
	margin-right:50px;
	}
	
.serv_right{
	margin-left:50px;
	}
	
.clear_after{
	clear:both;
	}
	
.bold_text{
color:#F9A94B;
}


/*END of Servicios*/


/*Community Plus*/


#upcoming{
padding: 20px 10px 20px 10px;
border-bottom:dashed 1px #B5A9A4;
margin-bottom: 20px;
overflow: hidden;
}

#up_event_img{
float:left;
margin-right:20px;
width:592px;
height:175px;
}

.up_event_info{float:left; width:375px; margin:0;}

#up_event_header{
margin-bottom:10px;
color:#534741;
}

#past{
padding: 20px 0 20px 0;
overflow: hidden;
}

#past ul{
list-style-type: none;
margin:0;
padding:0;
}

#past li{
float:left;
margin:0 10px 0 10px;
padding:0;
}

#past li img{
width:184px;
height:182px;
border-style:none;
}

.past_details{
margin:0;
width:184px;
padding:37px 0 37px 0;
border-top:dashed 1px #B5A9A4;
border-bottom:dashed 1px #B5A9A4;
font-size: 14px;
}