body {width:100%;  margin:0; padding:0px; font-family: 'Open Sans', sans-serif; background-color:#f5f5f5;   }

h2{ margin:0px; padding:0px;}
p{ margin:0px; padding:0px;}
hr{ border:0px; height:1px; background-color:#eaeaea;}
img {border:0px;}

b { font-weight:bolder;}
strong { font-weight:bolder;}
i { font-style:italic;}
em { font-style:italic;}
ul li { font-size:12px; }

span.updown { position:relative; }
.fletxaupdown { position:absolute; right:-20px; top:0px; }



.slicknav_menu {
		display:none;
	}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; text-transform:uppercase;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:#4c4c4c;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:16px;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff; font-size:15px;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
 
     
}

.slicknav_nav ul {display:block !important; visibility: visible !important }


#compra {position: absolute;
	width:600px;
	height:400px;
top: 50%;
left: 50%;
margin-left: -300px; 
margin-top: -250px; 
text-align:center; z-index:10000; background-color:#eeeeee; border:2px solid #aaaaaa; padding:20px; text-align:left; }

#compramay {position: absolute;
	width:600px;
	height:400px;
top: 50%;
left: 50%;
margin-left: -300px; 
margin-top: -250px; 
text-align:center; z-index:10000; background-color:#eeeeee; border:2px solid #aaaaaa; padding:20px; text-align:left; }


#compraTOP { display:block; padding-bottom:20px; font-size:24px; font-weight:700; position:relative;}
#comprarclose { position:absolute; right:20px; }
#comprarclose a{ font-size:14px; font-weight:700; color:#900; text-shadow:#ffffff 1px 1px }
#compraMiD { display:block; padding-bottom:20px;}
.compraMiDLine {display:table; width:100%; padding:10px 0px 10px 0px;}
.compraMiDLine p{ width:40%; display:inline-table; font-size:18px; text-align:right; padding-right:40px;   box-sizing:border-box; box-sizing: padding-box;-moz-box-sizing: border-box;  }
.compraMiDLine input{ width:40%; display:inline-table; padding:10px; font-size:18px; }

#compraBOT { display:table; width:100%;}
.compratipo {display:inline-table;width:295px;  box-sizing:border-box; box-sizing: padding-box;-moz-box-sizing: border-box; text-align:center;  text-align:center;   }
.compratipo img { padding:20px; background-color:#cccccc; border:1px solid #999999;-webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.75); }
.compratipo img:hover{ background-color:#999999;}
.compratipo:fisrt-child {  margin-right:10px; text-align:right }
.compratipo:last-child {  margin-left:10px; text-align:left;}



.compratipomay {display:inline-table;width:100%;  box-sizing:border-box; box-sizing: padding-box;-moz-box-sizing: border-box; text-align:center;  text-align:center;   }
.compratipomay img { padding:20px; background-color:#cccccc; border:1px solid #999999;-webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.75); }
.compratipomay img:hover{ background-color:#999999;}


/* LOGIN */

.loginp { display:table; width:100%; padding-top:20px;}
.loginp li{ display:inline-block; padding:0px 10px 0px 10px; border-right:1px solid #444444;  }
.loginp li:last-child{ border-right:0px; }

#loginsup { display:block; background-image:url(../img/logianbk.png); background-repeat:no-repeat; background-position:center top; }
#loginsupIN { margin:0 auto; width:400px; padding:40px 0px 20px 0px; }
#loginsupINlog { width:400px; text-align:center;  }
#loginsupINlog h2{ font-weight:100; font-size:18px; line-height:24px; padding-bottom:20px; color:#333333; }
#loginsupINlog h2 strong{ font-weight:700; }
#loginsupINlog img{ width:400px; padding-bottom:20px; }

#loginbott { display:block;}
#loginbottI { margin:0 auto; padding:20px 130px 20px 130px; box-sizing:border-box; box-sizing: padding-box;-moz-box-sizing: border-box; }
#loginbottI p{ font-size:18px; padding-bottom:20px;font-family: 'Righteous', cursive; }
#loginbottIN { width:100%; display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  
 .loginsupINcol { width:33.3%; padding-right:10px; font-size:18px;font-family: 'Righteous', cursive;   }
 .loginsupINcol:last-child { width:33.3%; padding-right:0px; }
 
  .loginsupINcol ul { padding-left:15px;  } 
  .loginsupINcol ul li{ font-size:14px; font-family: 'Righteous', cursive; } 



.className{ width:100%; padding:30px; box-sizing:border-box; 
 background-color:#ffffff; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.5); text-align:left;
}
.className img { margin-bottom:20px; }
.className h2{ font-family: 'Droid Sans', sans-serif;  font-size:16px;  color:#222222; font-weight:normal; padding:0px; margin:0px 0px 10px 0px; }
.className b{  font-size:11px;  color:#222222; font-weight:normal; padding:4px 10px 4px 28px; margin:0px 0px 10px 0px; display:block; border:1px solid #F99; background-color:#FCC; background-image:url(../img/error.png); background-repeat:no-repeat; background-position:6px center; -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;   }

.className p{ font-size:14px;color:#222222;  padding-bottom:28px;   } 
.className span{ font-family: 'Droid Sans', sans-serif; font-size:15px; color:#444444; font-weight:100; display:block; padding-bottom:8px;   } 
.className span a{ color:#1874b9; font-weight:normal; text-decoration:none; } 
.className span a:hover{ text-decoration:underline; }

.className p a{ font-size:14px; color:#ffffff; font-weight:bolder;text-decoration:underline;  } 
.className p a:hover{  text-decoration:none;} 
.className input.normal { background-color:#f7f7f7; margin-bottom:10px; border:1px solid #cccccc; padding:6px 3% 6px 3%; width:94%; font-size:21px; color:#000000; font-weight:100; margin-bottom:20px;}
.className input.boto { margin-bottom:16px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #707070;
	padding: 8px 19px; background-image:url(../img/loginbakbot.gif); background-repeat:repeat-x; background-position:top; background-color:#e0e0e0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; 
	border:1px solid #bababa; border-bottom:1px solid #a5a5a5; border-top:1px solid #cbcbcb;
	text-shadow:#fafafa 1px 1px; font-weight:bolder; cursor:pointer; border:1px solid #333333;}

.className input.boto:hover { background-image:none; background-color:#000000;} 


#content { float:left;  width:100%; height:100%;  position:relative; box-sizing:border-box; box-sizing: padding-box;-moz-box-sizing: border-box;  }

#menuPLUSS { position:fixed; top:0px; left:0px; z-index:999; display:none; }
#menuPLUSS a{ display:block; padding:9px 5px 10px 5px; background: #c2c2c2;
  background-image: -webkit-linear-gradient(top, #757575, #444444);
  background-image: -moz-linear-gradient(top, #757575, #444444);
  background-image: -ms-linear-gradient(top, #757575, #444444);
  background-image: -o-linear-gradient(top, #757575, #444444);
  background-image: linear-gradient(to bottom, #757575, #444444)); color:#eeeeee; font-weight:700; text-decoration:none; }
#menuPLUSS a:hover{  -webkit-box-shadow: 3px 1px 5px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    3px 1px 5px 0px rgba(50, 50, 50, 0.52);
box-shadow:         3px 1px 5px 0px rgba(50, 50, 50, 0.52);}
#menuPLUSS img {-webkit-box-shadow:  cursor:pointer;}

#mid { display:block; margin:0 auto; width:800px; position:relative; margin-top:20px;   }
#mid_esq { float:left; width:450px; margin-right:50px;} 
#mid_esq a:hover{ text-decoration:underline; }
#mid_esq a{ color:#1874b9; font-weight:normal; text-decoration:none;}
#mid_esq h1{ font-size:18px; float:left;color:#1874b9; font-weight:normal; margin:20px 0px 10px 0px; width:100%;  } 
#mid_esq h2{ display:block; font-size:14px; float:left;color:#000000; font-weight:normal; margin:0px 0px 20px 0px; } 
#mid_esq p{ font-size:13px; color:#333333; font-weight:normal; margin-bottom:14px; line-height:18px; } 
#mid_pest { float:left; margin:10px 0px 0px 0; padding-left:10px; background-image:url(../img/actiusbk.gif); background-repeat:repeat-x; background-position:bottom;  width:450px;    }
#mid_pest ul { width:100%; display:table; margin:0px; padding:0px; position:relative;  } 
#mid_pest ul li{ list-style:none;  float:left; margin-right:4px; }
#mid_pest ul li:last-child{ margin-right:0px;}
#mid_pest ul li.actiu{ float:left; list-style:none; text-align:center; }
#mid_pest ul li.actiu a{ display:block; padding:7px 9px 6px 9px; color:#111111; font-size:13px;text-decoration:none; font-weight:bolder; border:1px solid #dddddd; border-bottom:none; border-bottom:1px solid #ffffff;  } 
#mid_pest ul li.inactiu{ float:left; list-style:none;  text-align:center; }
#mid_pest ul li.inactiu a{ display:block; padding:7px 9px 7px 9px; color:#777777; font-size:13px;text-decoration:none; font-weight:bolder; background-color:#dedede;  } 
#mid_pest ul li.inactiu a:hover{ background-color:#eeeeee; }

#mid_dret { float:left; width:300px;} 


#wrapper { width:100%; display:table; height:100%}
#IZ {display:table-cell; width:260px; vertical-align:top;  position:relative; height:100%;  height:100%; overflow:hidden; background-color:#202020;}


#top { display:table; width:100%; z-index:100; position:absolute; padding:0px 0px 0px 0px; background-color:#757575;  }

#menu { float:left; width:260px;   }
#menuREC { position:fixed; top:0px; left:260px; z-index:999;}
#menuREC a{ display:block; padding:9px 5px 9px 5px; background: #c2c2c2;
  background-image: -webkit-linear-gradient(top, #c2c2c2, #757575);
  background-image: -moz-linear-gradient(top, #c2c2c2, #757575);
  background-image: -ms-linear-gradient(top, #c2c2c2, #757575);
  background-image: -o-linear-gradient(top, #c2c2c2, #757575);
  background-image: linear-gradient(to bottom, #c2c2c2, #757575); color:#eeeeee; font-weight:700; text-decoration:none; }
#menuREC a:hover{  -webkit-box-shadow: 3px 1px 5px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    3px 1px 5px 0px rgba(50, 50, 50, 0.52);
box-shadow:         3px 1px 5px 0px rgba(50, 50, 50, 0.52);
}
#menuREC img {-webkit-box-shadow:  cursor:pointer;}


#menu_logo{ display:block; padding:20px; }
#menu_logo img{ max-width:100%;  }

#menu_user { display:table; width:100%; text-align:right;  }
#menu_userim { float:left; }
#menu_userim img{ float:left; border:0px; }
#menu_usertxt { float:right; }
#menu_usertxt img{ border:0px;vertical-align:middle; height:22px; }
#menu_user span{ float:left; vertical-align:middle; margin-right:1px;  color:#ffffff !important; font-weight:bolder; padding:8px; font-size:14px; position:relative;
  background: #c2c2c2;
  background-image: -webkit-linear-gradient(top, #c2c2c2, #757575);
  background-image: -moz-linear-gradient(top, #c2c2c2, #757575);
  background-image: -ms-linear-gradient(top, #c2c2c2, #757575);
  background-image: -o-linear-gradient(top, #c2c2c2, #757575);
  background-image: linear-gradient(to bottom, #c2c2c2, #757575);
  padding: 10px 20px 10px 20px; }
#menu_usertxt .user{ width:54px; height:54px; position:absolute;left:5px; top:-10px;  }
.selectop{ background-color:#737378; color:#FFF; cursor:pointer }

#menu_usertxt .user img{  border:2px solid #ffffff; }
#menu_user span a.log{ color:#ffffff; font-weight:100; text-decoration:none;   }
#menu_user span a.log:hover{ text-decoration:underline; } 

#menu_user span a.idi{ color:#ffffff; font-weight:normal; font-size:11px; text-decoration:none; padding:12px 6px 12px 6px; background-image:none; }
#menu_user span a.idi:hover{ text-decoration:underline; }

#menu_user .circlesobre{ position:absolute; top:0px; right:4px; background-color:#000000; width: 18px; height: 16px; padding:2px 0px 0px 0px; margin:0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-align:center; font-size:10px;letter-spacing:0px }

#menuM { display:inline; width:100%; padding:0px 0px 10px 0px;  }

#menuM p {  border-top:1px solid #333333; margin:0px; font-weight:700; font-size:15px; cursor:default; text-decoration:none;   }
#menuM p a{ color:#666666; text-decoration:none;display:block; padding:10px 30px 10px 20px; color:#cccccc; background-color:#444444;}
#menuM p a:hover{ text-decoration:none;background-color:#666666;  }

#menuM ul{ width:100%; margin:0px 0px 0px 0px; padding:0px;  } 
#menuM ul li { margin:0px; padding:0px;}
#menuM ul li.main a { list-style:none;  margin:0px; display:block; padding:8px 10px 8px 20px; font-weight:400; font-size:16px; cursor:pointer; color:#444444; text-decoration:none;  text-decoration:none; color:#737378; }
#menuM ul li.main img{ margin-right:10px; border:0px; }
#menuM ul li.main a:hover { background-image:none; background-color:#333333;  } 
#menuM ul li.selected a{ list-style:none;  margin:0px; display:block; padding:8px 10px 8px 20px; font-weight:400; font-size:16px; cursor:pointer; color:#444444; text-decoration:none;  text-decoration:none; color:#999999; background-color:#3a3a3a }
#menuM ul li.selected img{ margin-right:10px; }

#menuM ul li a.secc{ color:#666666; text-decoration:none;display:block; padding:10px 30px 10px 20px; color:#cccccc; background-color:#444444;font-weight:700; font-size:15px; }

#DERECHA {height:100%; background-color:#ffffff;position:relative; }

#contingut { margin:0px 0px 0px 0px;height:100%;  background-color:#ffffff;  position:relative;  }
.contingut_loading { position:absolute; left:30px; top:9px; color:#000000; font-weight:normal; padding:4px 34px 4px 10px; background-color:#f9edbe; border:0px solid #f0c36d; font-size:12px; background-image:url(../img/loading.gif); background-repeat:no-repeat; background-position:80px; z-index:1000; }

#disappear { display:block;  padding-bottom:10px; }
#fade { padding:6px 10px 6px 34px; display:block; background-color:#f9edbe; border:1px solid #f0c36d; font-size:12px; background-image:url(../img/ok.gif); background-repeat:no-repeat; background-position:10px center; }

#adminmess { display:block;  padding:1px; }
#fos { padding:6px 10px 6px 34px; display:block; background-color:#f9edbe; border:0px solid #f0c36d; font-size:12px; background-image:url(../img/ok.gif); background-repeat:no-repeat; background-position:10px center; }
#fos a{ color:#666666; text-decoration:none; }

#warning { display:block;  padding:5px; }
#warningfade { padding:6px 10px 6px 34px; display:block; background-color:#f9edbe; border:1px solid #f0c36d; font-size:12px; background-image:url(../img/ok.gif); background-repeat:no-repeat; background-position:10px center; }


#contingut_tit { display:block;  padding:10px; padding-top:58px; }
#contingut h1{ font-size:16px;border-spacing: 2px;border-color: gray; color:#222222; font-weight:bolder; margin:0px; }

#contingut_pest { margin:10px 0 0px 0; padding-left:10px; background-image:url(../img/actiusbk.gif); background-repeat:repeat-x; background-position:bottom; display:block;    }
#contingut_pest ul { width:100%; display:table; margin:0px; padding:0px; position:relative; } 
#contingut_pest ul li{ list-style:none; float:left; margin-right:4px; }
#contingut_pest ul li:last-child{ margin-right:0px;}
#contingut_pest ul li.actiu{ float:left; list-style:none; text-align:center; }
#contingut_pest ul li.actiu a{ display:block; padding:7px 9px 6px 9px; color:#111111; font-size:13px;text-decoration:none; font-weight:bolder; border:1px solid #dddddd; border-bottom:none; border-bottom:1px solid #ffffff;  } 
#contingut_pest ul li.inactiu{ float:left; list-style:none;  text-align:center; }
#contingut_pest ul li.inactiu a{ display:block; padding:7px 9px 7px 9px; color:#777777; font-size:13px;text-decoration:none; font-weight:bolder; background-color:#dedede;  } 
#contingut_pest ul li.inactiu a:hover{ background-color:#eeeeee; }
#contingut_pest ul li.actiuFol{ float:left; list-style:none; text-align:center; }
#contingut_pest ul li.actiuFol a{ display:block; padding:7px 9px 6px 9px; color:#111111; font-size:13px;text-decoration:none; font-weight:bolder; border:1px solid #dddddd; border-bottom:none; border-bottom:1px solid #ffffff;  } 
#contingut_pest ul li.inactiuFol{ float:left; list-style:none;  text-align:center; }
#contingut_pest ul li.inactiuFol a{ display:block; padding:7px 9px 7px 9px; color:#777777; font-size:13px;text-decoration:none; font-weight:bolder; background-color:#dedede;  } 
#contingut_pest ul li.inactiuFol a:hover{ background-color:#eeeeee; }
#contingut_pest ul li.nueva{ float:left; list-style:none; margin-right:10px;  text-align:center; }
#contingut_pest ul li.nueva a{ display:block; padding:7px 9px 7px 9px; color:#06F; font-size:13px;text-decoration:none; font-weight:normal; background-color:#f5f5f5;  } 
#contingut_pest ul li.nueva a:hover{ background-color:#f2f2f2; }
#contingut_pest ul li.buscador{ position:relative; float:right; list-style:none; margin-right:10px; border:1px solid #dedede; padding:2px 2px 0px 6px; background-color:#f7f7f7; width:180px; height:20px; display:block; }
#contingut_pest ul li.buscador input{ position:absolute;  width:160px; border:none;  margin:0px; font-size:12px; color:#888888; background-color:#f7f7f7; left:6px; top:3px; }
#contingut_pest ul li.buscador img{ position:absolute; right:2px; top:2px; border:0px; } 



#contingut_pest ul li.eliminar{ float:left; list-style:none; margin-right:4px;  text-align:center; }
#contingut_pest ul li.eliminar a{ display:block; padding:7px 9px 7px 9px; color:#dd1028; font-size:13px;text-decoration:none; font-weight:normal; background-color:#f5f5f5;  } 
#contingut_pest ul li.eliminar a:hover{ background-color:#f2f2f2; }


#contingut_pest ul li.dudas{ float:left; list-style:none; margin-right:4px;  text-align:center; }
#contingut_pest ul li.dudas a{ display:block; padding:7px 9px 7px 9px; color:#dd1028; font-size:13px;text-decoration:none; font-weight:normal;   } 
#contingut_pest ul li.dudas a:hover{ background-color:#f2f2f2; }





#contingut_pestR { margin:10px 0 0px 0; padding-left:10px; background-image:url(../img/actiusbk.gif); background-repeat:repeat-x; background-position:bottom; float:left; width:100%;  margin-bottom:10px;position:relative; }
#contingut_pestR span{ position:absolute; font-size:16px; font-weight:bolder; color:#000000; left:10px; top:4px; }
#contingut_pestR ul { float:right; margin:0px 10px 0px 0px; padding:0px;  } 
#contingut_pestR ul li{ list-style:none; float:left; margin-right:4px; }
#contingut_pestR ul li:last-child{ margin-right:0px;}
#contingut_pestR ul li.actiuR{ float:left; list-style:none; text-align:center; }
#contingut_pestR ul li.actiuR a{ display:block; padding:7px 9px 6px 9px; color:#111111; font-size:13px;text-decoration:none; font-weight:bolder; border:1px solid #dddddd; border-bottom:none; border-bottom:1px solid #ffffff;  } 
#contingut_pestR ul li.inactiuR{ float:left; list-style:none;  text-align:center; }
#contingut_pestR ul li.inactiuR a{ display:block; padding:7px 9px 7px 9px; color:#777777; font-size:13px;text-decoration:none; font-weight:bolder; background-color:#dedede;  } 
#contingut_pestR ul li.inactiuR a:hover{ background-color:#eeeeee; }
#contingut_pestR ul li.nueva{ float:left; list-style:none; margin-right:10px;  text-align:center; }
#contingut_pestR ul li.nueva a{ display:block; padding:7px 9px 7px 9px; color:#06F; font-size:13px;text-decoration:none; font-weight:normal; background-color:#f5f5f5;  } 
#contingut_pestR ul li.nueva a:hover{ background-color:#f2f2f2; }
#contingut_pestR ul li.buscador{ position:relative; float:right; list-style:none; margin-right:10px; border:1px solid #dedede; padding:2px 2px 0px 6px; background-color:#f7f7f7; width:180px; height:20px; display:block; }
#contingut_pestR ul li.buscador input{ position:absolute;  width:160px; border:none;  margin:0px; font-size:12px; color:#888888; background-color:#f7f7f7; left:6px; top:3px; }
#contingut_pestR ul li.buscador img{ position:absolute; right:2px; top:2px; border:0px; } 



#contingut_pestR ul li.exis{ float:left; list-style:none; margin-right:10px;  text-align:center; }
#contingut_pestR ul li.exis a{ display:block; padding:7px 9px 7px 9px; color:#dd1028; font-size:13px;text-decoration:none; font-weight:normal; background-color:#f5f5f5;  } 
#contingut_pestR ul li.exis a:hover{ background-color:#f2f2f2; }


#superior {display:block; padding:0px;color:#444444; font-size:12px; }
#ayuda {display:block; padding:20px;color:#444444; font-size:12px; }
#ayuda p { display:block; padding:10px 0px 10px 0px; color:#444444; font-size:12px; line-height:17px; margin:0px;  }

#ayuda ul { display:block;  }
#ayuda ul li{ padding-left:0px;  }

#contingut_miss {display:block; padding:20px; }
#contingut_miss h1 { display:block; padding:0px 0px 8px 0px; color:#222222; font-size:21px; margin:0px;  }
#contingut_miss h2 { display:block; padding:0px 0px 8px 0px; color:#444444; font-size:16px; margin:0px;  }
#contingut_miss h2 span{ font-weight:normal; }
#contingut_miss p { display:block; padding:10px 0px 10px 0px; color:#444444; font-size:12px; line-height:17px; margin:0px;  }
#contingut_miss h4 { display:block; padding:10px 0px 10px 24px; color:#444444; font-size:14px; line-height:17px; margin:0px; background-image:url(../img/ok.gif); background-repeat:no-repeat; background-position:left center;  }


#contingut_adjunts {display:block; padding:10px 20px 20px 20px; border-top:1px solid #eaeaea; }
#contingut_adjunts a{ display:block; text-decoration:none; font-size:12px; color:#666666; background-image:url(../img/clip.png); background-repeat:no-repeat; background-position:left center; padding:4px 0px 4px 24px; }
#contingut_adjunts a:hover{ text-decoration:underline; }



#chat {display:block; margin:20px; border:1px solid #dddddd; background-color:#f7f7f7; padding:10px; }

.chatBlok { width:100%;margin-bottom:10px;  }
.chatBlok span{ font-weight:normal; font-style:italic; font-size:11px; }
.chatBloka { width:80%; display:inline-table;  padding:10px 14px 10px 14px; margin-left:10px; margin-right:10px; background-color:#ffffd8; border:1px solid #999999; color:#444444; font-size:12px; position:relative;-webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.25);
box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.25); }
.chatBlokaIM { float:left; width:50px;   }
.chatBlokaCONT { display:table;  }

.chatBlokaTIT { display:block; font-weight:bolder;padding-bottom:4px;  }



.chatBlokaDATE { display:block; padding-bottom:4px;font-weight:normal; font-style:italic; margin-bottom:4px;   }
.chatBlokaTEXTE { display:block;  }


.chatBlokaADJ { display:block; padding-top:8px;  }
.chatBlokaADJ a{ display:block; padding-left:20px; color:#0066ff; background-image:url(../img/attach.png); background-repeat:no-repeat; background-position:left; }



.chatBloka:before {
	
	content: "";
  position: absolute;
  top: 5px;
  margin-top: 2px;   
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid;
  left: -6px;
  color:#999999 !important;}
  
  
.chatBloka:after {
  content: "";
  position: absolute;
  top: 5px;
  margin-top: 2px;   
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid;
  left: -5px;
  color:#ffffd8 !important;
}




.chatBlokB { display:block; margin-bottom:10px; text-align:right;}
.chatBlokBB { text-align:left; display:inline-table; width:80%; padding:10px 14px 10px 14px; margin-right:10px; margin-left:10px; background-color:#eaeaea; border:1px solid #999999; color:#444444; font-size:12px; position:relative;-webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.25);
box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.25); }

.chatBlokbDATE { display:block; padding-bottom:4px;font-weight:normal; font-style:italic; border-bottom:1px solid #eaeaea; margin-bottom:4px;   }
.chatBlokbTEXTE { display:block;  }

.chatBlokBB:before {content: "";
  position: absolute;
  top: 5px;
  margin-top: 2px;   
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  right: -6px;
  color:#999999 !important;
}
.chatBlokBB:after {
  content: "";
  position: absolute;
  top: 5px;
  margin-top: 2px;   
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  right: -5px;
  color:#eaeaea !important;
}





.chatBlokc { display:block; margin-bottom:10px;  text-align:center;}

.chatBlokcc { display:inline-table;  padding:6px 12px 6px 12px; margin-left:10px; background-color:#9cb2c0; border:1px solid #83929c; color:#ffffff; font-size:12px; position:relative;-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }










#contingut_cont { display:block; padding:10px;  }
#contingut_cont h1 { display:block; padding:0px 0px 8px 0px; color:#222222; font-size:21px; margin:0px;  }
#contingut_cont h2 { display:block; padding:0px 0px 8px 0px; color:#444444; font-size:16px; margin:0px;  }
#contingut_cont h2 span{ font-weight:normal; }

#contingut_cont p { display:block; padding:10px 0px 10px 0px; color:#444444; font-size:12px; line-height:17px; margin:0px;  }
#contingut_cont table{ border-collapse:collapse;}
#contingut_cont table,th,td{white-space:nowrap;border: 1px solid #cccccc; padding: 6px; font-size:12px; font-weight:normal; color:#666666; }
#contingut_cont table td.fort{ border:none; padding: 6px; font-size:12px; font-weight:normal; color:#222222; }
#contingut_cont table td.adjunt{ white-space:nowrap;border:none; padding: 3px 6px 6px 6px; font-size:12px; font-weight:normal; color:#222222; }
#contingut_cont table td.adjunt a{ display:block; padding-left:20px; text-decoration:none; font-size:11px; color:#666666; background-image:url(../img/clip.png); background-repeat:no-repeat; background-position:left center; padding-bottom:4px; }

#contingut_cont table td.imatge{ padding:1px !important; width:14px !important; white-space:nowrap;}

#contingut_cont table td.topfac{ white-space:nowrap;background-color:#DCDCE0; font-size:11px; font-weight:bolder; color:#000000; }
#contingut_cont table td.top{ white-space:nowrap;background-color:#e9e9e9; font-size:11px; font-weight:bolder; color:#000000; }
#contingut_cont table td.sin{ white-space:nowrap; border:none; font-size:12px; font-weight:normal; color:#666666;  }
#contingut_cont table td.topsin{ white-space:nowrap; border:none;background-color:#e9e9e9; font-size:11px; font-weight:bolder; color:#000000; }

#contingut_cont table td.topsinres{ white-space:nowrap; border:none !important;background-color:#e9e9e9; font-size:11px; font-weight:bolder; color:#000000; border-collapse:inherit !important;}
#contingut_cont table.sense{white-space:nowrap;border: 0px !important; padding: 4px; font-size:12px; font-weight:normal; color:#666666; }
#contingut_cont table.sense td{ padding:4px !important; }
#contingut_cont td.sumames{ background-color:#444444; color:#eaeaea; text-align:center; text-transform:uppercase; }
#contingut_cont td.tit{ background-color:#eaeaea; color:#111111; text-align:center;   }


#contingut_cont table td.contrast{ background-color:#f7f7f7;  }
#contingut_cont table td.contrastpink{ background-color:#F3EFEA; font-weight:bolder; }
#contingut_cont table td.total{ background-color:#D7D7D7;  }
#contingut_cont table a{ font-size:12px; font-weight:normal; color:#06F; text-decoration:none; }
#contingut_cont table a:hover{ text-decoration:underline;}
#contingut_cont table b, strong{ font-weight:bolder; }
#contingut_cont table i, em{ font-style:italic; }


#contingut_usuaris { width:100%; display:table; padding:10px; }
.usuari { display:inline-table; width:110px; margin-right:10px; padding:10px; text-align:center; background-color:#eeeeee; height:150px; }
.usuari img{ width:80px; border:0px; }	
.usuari p{ padding-top:10px; }
.usuari p a { color:#000000; font-size:12px; font-weight:100; text-decoration:none}
.usuari p a:hover { text-decoration:underline; } 
.columnes { display:table; padding:0px; margin:0px;}
.columnesTOP { display:block; background-color:#eaeaea; padding:3px 6px 3px 6px; color:#555555; text-shadow:#ffffff 1px 1px; font-weight:bolder; }
.columnesCOLS{  border:1px solid #eaeaea; }
.columnesCOL{ white-space:nowrap; padding:3px 10px 6px 3px !important; display:inline-block; vertical-align:top}
.columnesCOL2{ white-space:nowrap; padding:3px 0px 6px 0px !important; display:inline-block;vertical-align:top }

.columnesCOLINtop{  padding:3px 10px 3px 3px; background-color:#eaeaea; }
.columnesCOLIN{  padding:3px 10px 3px 3px; }
.columnesCOLIN input{ padding-top:0px; } 
.columnesCOLIN span{ padding:6px 0px 0px 4px !important; } 

#grup { float:left; padding:0px; margin:0px 8px 0px 0px; position:relative; overflow:hidden;  }

.grupLL { float:left; padding:0px; margin:8px 8px 0px 0px; position:relative; width:100%; }


.grups { float:left; padding:0px; margin:0px 8px 0px 0px; position:relative;}
.grups img{ border:0px;}
.grupstxt { float:left; padding:4px 0px 0px 0px; margin:0px 8px 0px 0px; color:#222222; font-size:12px;}

#calendari { position:absolute; top:21px; left:-138px; border:1px solid #888888; background-color:#f7f7f7; padding:10px; z-index:100; display:block;  }

#calendariIN { width:100%; position:relative; }
#calendari table{ border-collapse:collapse;}
#calendari table td{white-space:nowrap;border: 1px solid #cccccc; padding: 2px; font-size:11px; font-weight:normal; color:#666666; }
#calendari table,th,td a{font-size:11px }
#calendari td.orange {background-color:#dc7a13; }
#calendari td.orange a{ color:#ffffff !important;}

.calendari { position:absolute; top:21px; left:-138px; border:1px solid #888888; background-color:#f7f7f7; padding:10px; z-index:100; display:none;  }
.calendariIN { width:100%; position:relative; background-color:none !important; }
.calendari table{ border-collapse:collapse;}
.calendari table td{white-space:nowrap;border: 1px solid #cccccc; padding: 2px; font-size:11px; font-weight:normal; color:#666666; }
.calendari table,th,td a{font-size:11px }
.calendariIN td.orange {background-color:#dc7a13; }
.calendariIN td.orange a{ color:#ffffff !important;}


.calendariINtop {display:block; position:relative; box-sizing:border-box; padding:0px 16px 0px 16px; height:30px; }
.caltop { float:left;  vertical-align:center;  }
.caltop span{ float:left; color:#000000; font-size:12px; padding-top:5px; margin:0px; }
.caltop select{ font-size:11px; padding:1px 2px 1px 2px; cursor:pointer; }

.cerrar { position:absolute; right:0px; top:1px; z-index:1000; }


.calendariox3 { display:block; padding:0px 0px 0px 0px; }

		
#calendario { display:block; padding:0px 16px 20px 0px;text-align:left; vertical-align:top; }
#calendario table{ border-collapse:collapse; margin-right:0px; display:inline-block;}
#calendario table td{white-space:nowrap;border: 1px solid #cccccc; padding: 6px; font-size:12px; font-weight:normal; color:#666666; position:relative; }
#calendario table,th,td a{font-size:11px; padding: 6px; }

.calendarioAB { position:absolute; top:-36px; left:-150px; border:1px solid #888888; background-color:#f7f7f7; padding:10px; z-index:10000; display:block; width:300px; -webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.43);
-moz-box-shadow:    0px 3px 4px rgba(50, 50, 50, 0.43);
box-shadow:         0px 3px 4px rgba(50, 50, 50, 0.43); vertical-align:top;}





.calendario { position:absolute; top:21px; left:-138px; border:1px solid #888888; background-color:#f7f7f7; padding:10px; z-index:100; display:none;  }
.calendario table{ border-collapse:collapse;}
.calendario table td{white-space:nowrap;border: 1px solid #cccccc; padding: 2px; font-size:11px; font-weight:normal; color:#666666; position:relative; }
.calendario table,th,td a{font-size:11px; padding: 2px; }



#contingut_cont input.tiny{ width:60px; border:1px solid #999999; padding:2px; color:#333333; margin:0px 4px 0px 0px;}
#contingut_cont input.curt{ width:100px; border:1px solid #999999; padding:2px; color:#333333; margin:0px 4px 0px 0px;}
#contingut_cont input.llarg{ width:200px; border:1px solid #999999; padding:2px; color:#333333; margin:0px 4px 0px 0px;}
#contingut_cont input.plusllarg{ width:350px; border:1px solid #999999; padding:2px; color:#333333; margin:0px 4px 0px 0px;}
#contingut_cont input.nolines{ display:block; border:none; padding:2px; color:#333333; margin:0px 0px 0px 0px;}

#contingut_cont input.check{ margin:0px 3px 0px 0px; }


#contingut_cont input.boto{ font-size: 12px; 
	color: #fbfbfb; cursor:pointer; letter-spacing:0px;
	padding: 6px 10px; background-color:#6d6c6c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #444444;
	font-weight:normal; text-shadow:#222222 1px 1px;}
	
	


#password { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 1000;
	display:none;
		top: 0;
		left: 0; 
		}	
		
		
		
		#passwordIN { 
		position: absolute;
		top: 50%;
		left: 50%;
		z-index:10000;
		margin-left: -320px; 
		margin-top: -250px; 
		text-align:center;
		width: 640px !important;
		width: 300px;
		

		}	
		
		
		#passwordINside { padding:20px 20px 30px 20px; position:relative;background: #ffffff;-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px; }
		
		#passwordINside h1{ font-size:21px; color:#000000; padding:10px 0px 20px 0px; margin:0px; }
		#passwordINside p{ font-size:12px; color:#222222; padding-bottom:20px; }
		#passwordINside input.texte { padding:4px 10px 4px 10px; border:1px solid #cccccc; width:220px;}
		#passwordINside input.boto { cursor:pointer;}
			
			
			#passwordINside h2{  font-size:14px;  color:#222222; font-weight:normal; padding:4px 10px 4px 28px; margin:20px 0px 20px 0px; display:inline-block;  background-image:url(../img/error.png); background-repeat:no-repeat; background-position:6px center;  }
	
	#passwordINside h3 {  font-size:14px;  color:#222222; font-weight:normal; padding:4px 10px 4px 28px; margin:40px 0px 40px 0px; display:inline-block;  background-image:url(../img/ok.gif); background-repeat:no-repeat; background-position:6px center;  }

		
		.cierra { position:absolute; right:20px; top:10px;}
		.cierra a{ text-decoration:none; color:#222222;}
		
		
		
		
		
		
		

	
	
	
	
#myModal { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 1000;
	display:none;
		top: 0;
		left: 0; 
		}	
		
		
		
		#myModalIN { 
		position: absolute;
		top: 50%;
		left: 50%;
		z-index:10000;
		margin-left: -490px; 
		margin-top: -250px; 
		text-align:center;
		width: 980px !important;
		/*width: 300px;
		*/

		}	
		
		
		#myModalINside { padding:20px 20px 0px 20px; position:relative;background: #ffffff;-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px; }
		.cierra { position:absolute; right:20px; top:10px;}
		.cierra a{ text-decoration:none; color:#222222;}
		
		
		#myModalINside table{ border-collapse:collapse;}
#myModalINside table,th,td{white-space:nowrap;border: 1px solid #cccccc; padding: 6px; font-size:12px; font-weight:normal; color:#666666; }
#myModalINside table td.fort{ white-space:nowrap;border:none; padding: 6px; font-size:12px; font-weight:normal; color:#222222; }

#myModalINside table td.top{ white-space:nowrap;background-color:#e9e9e9; font-size:11px; font-weight:bolder; color:#000000; }
#myModalINside table td.sin{ white-space:nowrap; border:none; font-size:12px; font-weight:normal; color:#666666;  }
#myModalINside table td.topsin{ white-space:nowrap; border:none;background-color:#e9e9e9; font-size:11px; font-weight:bolder; color:#000000; }

#myModalINside table td.contrast{ background-color:#f7f7f7;  }
#myModalINside table a{ font-size:12px; font-weight:normal; color:#06F; text-decoration:none; }
#myModalINside table a:hover{ text-decoration:underline;}
#myModalINside table b, strong{ font-weight:bolder; }
#myModalINside table i, em{ font-style:italic; }
		
		
#desplegable {display:block; position:relative; border-top:1px solid #eaeaea;  padding:10px 16px 10px 10px; text-align:left; vertical-align:top; font-size:14px; color:#333333; margin-top:10px; background-color:#f9f9f9; }
#desplegable select { padding:4px 4px 4px 2px; color:#555555; cursor:pointer; font-size:12px; }
#desplegable input.curt { padding:4px 4px 4px 2px; color:#555555; cursor:pointer; font-size:12px; }
		

#desplegablecal {display:block; position:relative;  padding:10px 16px 0px 10px; text-align:left; vertical-align:top; font-size:14px; color:#333333; }
#desplegablecal select { padding:4px 4px 4px 2px; color:#555555; cursor:pointer; font-size:12px; }

	
#paginator {display:block; position:relative; border-top:1px solid #eaeaea;  padding:22px 16px 20px 0px; text-align:right; vertical-align:top; font-size:14px; color:#333333; margin-top:10px; background-color:#f9f9f9; }
#paginator a{ color:#333333; text-decoration:none; font-weight:bolder; padding:2px 4px 2px 4px; vertical-align:top; border:1px solid #b6b6b6; margin-right:2px; background-image:url(../img/pagi_a.gif); background-repeat:repeat-x; background-color:#e6e6e6; text-shadow:#FFF 1px 1px; }
#paginator a:hover{ background-color:#333333; color:#d6d6d6;  }
#paginator b{ background-color:#333333; color:#d6d6d6; margin:0px;  text-decoration:none; font-weight:bolder; padding:2px 4px 2px 4px; vertical-align:top; border:1px solid #444444; background-image:url(../img/pagi_b.gif); background-repeat:repeat-x; background-color:#e95c29; margin-right:2px; color:#ffffff; text-shadow:#444444 1px 1px; }
#paginator img{ background-color:none !important; border:0px; vertical-align:top; }
#paginator img:hover{ background-color:none !important; border:0px; }
#paginator span{ color:#666666; margin:0px;  text-decoration:none; font-weight:normal; padding:2px 4px 2px 4px; vertical-align:top; }


#contingut_cont input.boto { margin-bottom:16px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	padding: 4px 8px; background-image:url(../img/loginbakbot.gif); background-repeat:repeat-x !important; background-position:top; background-color:#e0e0e0;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; border:1px solid #c2c2c2;
	 border-bottom:1px solid #a5a5a5; border-top:1px solid #cbcbcb;
	text-shadow:#fafafa 1px 1px; font-weight:bolder; cursor:pointer; }
#contingut_cont input.boto:hover{background-color:#cccccc; background-image:none;}



#cookies { float:left; width:100%; background-color:#FF9; color:#000000; padding:10px; box-sizing:border-box; font-size:12px; display:none; }

#cookies ul.esq{ padding:0px; margin:0px; float:left;}
#cookies ul.esq li{ list-style:none; } 

#cookies ul.dreta{ padding:0px; margin:0px; float:right;}
#cookies ul.dreta li{ list-style:none; margin-left:20px; float:left; } 
#cookies ul.dreta li a{ text-decoration:none; font-weight:bolder; color:#303; }
#cookies ul.dreta li a:hover{ text-decoration:underline; }






#bannersR { position:absolute; right:0px; top:0px; width:150px; padding:10px; }
.banner{ width:150px; padding-bottom:10px;}
.banner:last-child{ padding-bottom:0px; }

@media screen and (max-width: 1120px) {
	#loginbottI { margin:0 auto; padding:20px 80px 20px 80px;}

}
@media screen and (max-width: 1000px) {
.slicknav_menu {
		display:block;
	}
	#menuREC { display:none !important; }
	#menuPLUSS { display:none !important; }
	#menu_user span { border-right:1px solid #555555;}
	#menu_user span:first-child { border-left:1px solid #555555;}
	#IZ { display:none;}
	#top{ background: #c2c2c2;
  background-image: -webkit-linear-gradient(top, #c2c2c2, #757575);
  background-image: -moz-linear-gradient(top, #c2c2c2, #757575);
  background-image: -ms-linear-gradient(top, #c2c2c2, #757575);
  background-image: -o-linear-gradient(top, #c2c2c2, #757575);
  background-image: linear-gradient(to bottom, #c2c2c2, #757575);}
	#menu_user{ text-align:center;}
	#menu_usertxt { display:inline-block; float:none;}
	.contingut_loading { left:10px;} 
	}