/* Navigation styling */
.nav {
/*    position:relative; */
float: left;
display:inline-block;
font-size:14px;
font-weight:900;
max-width: 210px;
word-wrap: break-word;
margin-right: 10px;
}
.nav-item {
float:left;
*display:inline;
zoom:1;
}
.nav-item a {
display:block;
padding:15px 20px;
color:#FFF;
background:#f1f1f1;
}
.nav-item:first-child a {
border-radius:5px 0 0 5px;
}
.nav-item:last-child a {
border-radius:0 5px 5px 0;
}
.nav-item a:hover {
background:#2C3E50;
}
/* Mobile Navigation */
.nav-mobile {
display:none; /* Hide from browsers that don't support media queries */
cursor:pointer;
position: relative;
top:0px;
left:35px;
/* background:#fff url(../images/menu.png) no-repeat center center; */
height:40px;
width:40px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.nav-mobile:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    top: -8px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0c9";
 }
 
form.frm {
max-width: 57%;
}
/*------------------------------------*\
Media Queries
\*------------------------------------*/
.container {
width: 75%;
}
.first {
/*    min-width: 310px; */
margin-right: 20px;
width:100% !Important;
margin-right: 5px !Important;
max-width: 50%;
}
.second {
/*    min-width: 310px; */
margin-right: 5px;
width:98% ;
margin-right: 5px !Important;
}
#impacte_home2 .gallerylayer img{ 
width: 100%;
height: auto;
max-width:520px;
}
#campanyes .gallerylayer img{ 
width: 100%;
height: auto;
max-width:520;
}      
#impacte_home2 {
background: white !Important;
}  
@media only screen and (min-width: 260px) and (max-width: 470px) {
#campanyes {
max-height:200px !important;
}
#impacte_noticia {
width: 100%;
}
/* para formularios tramites */
#mapa_tramits {
height: 400px;
width: 94%;
}
.yui-u img {
margin-left: 7px;
max-width: 100%;
}
form.frm {
margin-left: 2px;
margin-right: 10px;
}
form.frm fieldset {
max-width: 97%;
}
form.frm fieldset legend {
height: 45px;
max-width:310px;
}
form.frm div label {
width:20% !important;
}
form.frm div input.inputText, form div input.inputPassword {
width: 70%;
}
form div textarea {
border: 1px solid #cccccc;
color: #666666;
font-size: 93%;
margin: 0;
padding: 1px 3px;
width: 73%;
}
form.frm div select, form div textarea {
border: 1px solid #cccccc;
color: #666666;
font-size: 93%;
margin: 0;
padding: 1px 3px;
width: 73%;
}
/* FIN para formularios tramites */
.container {
margin-right: 2px;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
min-width: 312px;
}
#hd_cercador {
top: 65px;
}
.nav-mobile {
display:block;
}
.container {
width: 100%;
margin-left: -25px;
}
.nav {
width:100% !important;
padding:40px 0 0;
max-width: 809px;
}
.nav-list {
display:none;
}
.nav-item {
width:100%;
float:none;
}
.nav-item a {
background:#f1f1f1;
padding:10px;
}
.nav-item:first-child a {
border-radius:5px 0 0;
}
.nav-item:last-child a {
border-radius:0 0 5px 5px;
}
.nav-active {
display:block;
}
.nav-mobile-open {
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
}
.yui-g .yui-u, .col_dreta {
float: left;
width: 98% !Important;
/*        margin-left: 5px !Important;
margin-right: 5px !Important;
*/
}
.first {
width: 98% !important;
max-width: none;
}
.second {
width: 98% !important;
max-width: none;
}   
/* Para imagenes responsives */
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{
width:95%;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}
.classImgNoti {
max-width:100%;
}
.classImgNoti img{
max-width: 100%;
margin-left: 7px;
}  
#impacte_home2 .gallerylayer img{ 
width: 100%;
height: auto;
max-width:520px !important;
}
/*
#impacte_home2 {
width:347px !Important;
} 
.gallerylayer img {
max-width:95% !Important;
max-height:280px !Important;
}
*/
/* FIN Para imagenes responsives */
}    
@media only screen and (min-width: 471px) and (max-width: 809px) {
form.frm {
margin-bottom: -12px;
margin-left: 10px;
}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{
width:95%;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}
.classImgNoti {
max-width:90%;
}
.classImgNoti img{
max-width: 100%;
margin-left: 7px;
}
.nav-mobile {
display:block;
}
.container {
width: 90%;
}
.nav {
width:100% !important;
padding:40px 0 0;
max-width: 809px;
}
.nav-list {
display:none;
}
.nav-item {
width:100%;
float:none;
}
.nav-item a {
background:#f1f1f1;
padding:10px;
}
.nav-item:first-child a {
border-radius:5px 0 0;
}
.nav-item:last-child a {
border-radius:0 0 5px 5px;
}
.nav-active {
display:block;
}
.nav-mobile-open {
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
}
.yui-g .yui-u, .col_dreta {
float: left;
width: 98% !Important;
margin-left: 5px !Important;
margin-right: 5px !Important;
}
.first {
width: 98% !important;
max-width: none;
}
.second {
width: 98% !important;
max-width: none;
}   
#impacte_home2 .gallerylayer img{ 
width: 100%;
height: auto;
max-width:520px;
}
#campanyes .gallerylayer img{ 
width: 100%;
height: auto;
max-width:650px;
}            
}
@media only screen and (min-width: 810px) and (max-width: 979px) {
#hd_cercador {
top: 65px;
}
.nav-mobile {
display:block;
}
.container {
width: 100%;
}
.nav {
width:100% !important;
padding:40px 0 0;
max-width: 810px;
}
.nav-list {
display:none;
}
.nav-item {
width:100%;
float:none;
}
.nav-item a {
background:#f1f1f1;
padding:10px;
}
.nav-item:first-child a {
border-radius:5px 0 0;
}
.nav-item:last-child a {
border-radius:0 0 5px 5px;
}
.nav-active {
display:block;
}
.nav-mobile-open {
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
}
.first {
max-width: 50% !Important;
}
.second {
max-width: 34% !Important;
} 
#campanyes {
max-width: 736px !important;
height:342px !important;
}
#slideshowtoggler {
max-width: 736px !important;
}
#fadeslidedescdiv {
 top: 355 !important;
}
}
@media only screen and (min-width: 980px) and (max-width: 2100px) {
.first {
max-width: 64% !Important;
}
.second {
max-width: 33% !Important;
}
#campanyes {
max-width: 736px !important;
height:355px !important;
}
#fadeslidedescdiv {
	top: 355 !important;
}
#slideshowtoggler {
max-width: 736px !important;
}
}