@font-face {
    font-family: "Trebuchet MS";
    src: url(../fonts/trebuc.ttf);
}

* {
    padding: 0px;
    margin: 0px;
}

body {
    background: #fcf4ee url("../img/page_bg.jpg") repeat-x scroll left top !important;
    color: #757575;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 13px;
    margin: 20px 0 0 !important;
    padding: 0;
}
p{
  color: #757575;
}
.container {
    background-color: #fff;
}

.logo_area {
    margin-top: 25px;
    padding: 0 20px;
}

.social ul {
    list-style: none;
}

.social ul li {
    display: inline-block;
}

.carousel-inner .item img {
    height: auto !important;
    width: 100% !important;
}

.navigation_area {
    margin-top: 10px;
}
.navigation_area .navbar-default .navbar-toggle{
  border-color: #fff;
}
.navigation_area .navbar-default .navbar-toggle:hover,.navigation_area .navbar-default .navbar-toggle:focus{
  background-color: #155282;
}
.navigation_area .navbar-default .navbar-toggle .icon-bar{
  background-color: #fff;
}
.navigation_area .navbar-default, .navigation_area .navbar-default ul.nav li ul.dropdown-menu {
    background-color: #682389;
    border-color: #682389;
    border-radius: 0;
    min-height: 40px;
}

.navigation_area ul.nav {}

.navigation_area ul.nav li {
    font-size: 16px;
}

.navigation_area ul.nav li a {
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* canvi de color quan estàs per sobre d'algun element del menú */

.navigation_area ul.nav li a:hover, .navigation_area ul.nav li.open > a {
    color: #fff !important;
    background-color: #1b7e62 !important;
}

.caret-up {
  width: 0;
  height: 0;
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}

.footer_area{
  background-color: #4E1469;
}
.footer_area p{
  padding: 20px 15px;
  color: #fff;
}
.footer_area a {
    color: #00BFFF;
}

.middleColumn{
  margin-bottom: 40px;
}
.middleColumn h2 a, .middleColumn h3 a, .rightColumn a, #news_headlines a{
  color: #155282;
}
.middleColumn h4 a, .middleColumn h3 a, .middleColumn p a{
  color: #155282;
  text-decoration: underline;
}
.rightColumn ul{

}
.rightColumn ul li{
  list-style: none;
  text-align: center;
  margin-bottom: 20px;
}


iframe, img, input[type="image"]{
    max-width: 100%;
    height: auto;
    /*display: block;*/
}

#iwithblockmenu-MenuSup {
	margin:0;
	padding:0;
   float:left;
   width:80px;
   text-align:left;
	}
#iwithblockmenu-MenuSup ul {
	padding:15px 0px 15px 0px; margin:0; list-style-type:none; 
	}
#iwithblockmenu-MenuSup ul li {
	background:url(../images/topnav-bor.gif) repeat-y 100% 0; padding:0 0px 0 0; margin:0; float:right; line-height:14px;
	}
#iwithblockmenu-MenuSup ul li.nobor {
	background:none; padding:0 0px 0 0; margin:0; float:right; line-height:14px;
	}
#iwithblockmenu-MenuSup ul li a {
	text-decoration:none; display:block; padding:0; margin:0;  text-indent:-2000px;/*border-right:1px dotted #A6A3A3;*/ float:left; outline:none;
	}
#iwithblockmenu-MenuSup ul li a.home {
	background:url(../images/icon-hme.gif) no-repeat 0 50%; width:18px; /*border:1px solid #000;*/
	}
#iwithblockmenu-MenuSup ul li a.sitemap {
	background:url(../images/icon-sitemap.gif) no-repeat 50% 50%; width:26px; /*border:1px solid #000;*/
	}
#iwithblockmenu-MenuSup ul li a.message {
	background:url(../images/icon-message.gif) no-repeat 50% 50%; width:25px; /*border:1px solid #000;*/
	}

#welcomecontacienr{
    background-color:#F4DFFF; padding:20px 28px 20px 18px; color:#4D4747;
	}
/*
#welcomecontacienr p {
	background:url(../images/welcomepic.jpg) no-repeat 0 14px; background-color:inherit;
	padding:14px 0 0 140px; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}*/
#welcomecontacienr h2 {
	color:#155282; font-weight:bold; padding:0 0 10px; margin:0; display:block; background-color:inherit;
	}
#welcomecontacienr a{
	font:normal 12px Arial, Helvetica, sans-serif; /* color:#FF0000;  */
	text-decoration:none;  background-color:inherit;
	}
#welcomecontacienr a:hover{
	text-decoration:underline;
	}
/* color permanent quan prens un link del menú */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #209a77 !important;
}