@charset "UTF-8";

/* COLORS
verd: #97bf0d
blau: #0c3183
vermell: #d10c16
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {color:#000; font-size:95%; font-family:Arial, Helvetica, sans-serif; line-height: 150%;}

/* @group headers */
/* HEADERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#wrapper    {width:960px; margin:0 auto;}/*sols per si hi ha fons amb imatge*/
#page          {width:1000px; margin:0 auto;}
#header {width:1000px; height:77px; overflow:hidden; margin-top:10px }
#banner      {width:750px; /*height:30px;*/ color:#000; margin-bottom:9px; clear:both;}
#main {width:750px; overflow:hidden; margin-top:10px}

.articulo {width:355px; margin-right:20px; float:left; border-bottom:#999 dotted 1px; min-height:300px;}
.articulo img{border:#ccc solid 1px}

#main strong {color:#000}
#main ul ul ul li{margin-left:30px; list-style-type:disc;}
#main ul {padding-left:30px;}

/*MENU MOVIL*/

#menu_bar {/*width:98%;*/ min-height:52px;background-color:rgb(127, 216, 0)}
/*#menu_bar div {width:100%; height:52px;}*/
#menu_bar span.bt-menu {float:right; line-height:2.3em; display:block; padding-right:12px;color:#fff;text-decoration:none;font-weight: bold;
		font-size:22px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}

#nav_bar .bt-nav {height:32px; display:block; padding-left:12px; background-color:rgb(127, 216, 0); color:#fff; text-decoration:none; 
		font-size:22px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#nav_bar span {font-size:22px; line-height:1.4em; padding-right:10px}

#phone_bar .bt-tel {display:block; /*padding-left:12px;*/ text-decoration:none; font-size:20px; margin-top:6px;
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#phone_bar span {float:left; font-size:20px; padding-right:8px; padding-left:10px}

#logo_bar{display:none}
#logo_bar img {width:100%;}
#log_bar h1{padding:0; margin:0}

#navTop {background-color:#0c3183; overflow:hidden; display:none; padding-top:10px}
#navTop a, #navTop a:visited {display:block; color:#fff; text-decoration: none; letter-spacing:1px; 
	line-height:27px; font-weight:bold; padding:0 15px; margin-right:4px;}
#navTop a:hover {color:#ccc}

#marks_bar{background-color:#0c3183;overflow:hidden; display:inline-block;}

/* boxes
----------------------------------------------- */
.box {margin-bottom:20px; padding:12px;}
.box h1, .box h1 a, .box h1 a.visible {color:#fff; font-size:1.2em; background-color:#0c3183; display:block; padding:6px 12px; 
	margin:-6px -12px; border:none;clear:both}
.box h2 {font-size:1em; font-weight:normal;/*text-transform:uppercase;*/ color:#fff; background:#2766a2;font-size:1em;
	margin:-10px -10px 0 -10px; padding:6px 12px;}
.box h2 a, .box h2 a.visible {color:#fff; text-align:center; background-color:#0c3183; display:block; padding:6px 12px; margin:-6px -12px; 
	border:none;text-decoration:none;}

/* FGonts BoxProds*/
.boxprods{margin-bottom:10px; padding:10px 10px 1px 10px; border:#999 solid 1px; text-align:left; }
.boxprods h2, .boxprods h2 a  {overflow:hidden; height:38px; font-weight:bold; line-height:125%; margin-bottom:0;}
.boxprods h3, .boxprods h3 a, .boxprods p { line-height:100%; text-align:left}
.boxprods h2 a:visited, .boxprods h3 a:visited{color:#000}

strong.price {color:#e7af12;font-weight:bold;}
strong.pricenow, strong.pricenow a{color:#d10c16;font-weight:bold;}
strong.priceiva {color:#0c3183;font-weight:bold;}

.boxprods h2, .boxprods h2 a, .boxprods h3, .boxprods h3 a, .boxprods p, .boxprods .price, .boxprods .pricenow, .boxprods .pricenow a,
.boxprods .priceiva{font-size:.9em}

/* @group sidebar */
/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#sidebarleft {width:250px; overflow:hidden;}
.sidebarleft h2 {font-size:1.6em; color:#0c3183; margin-bottom:.5em!important}
.sidebarleft h4 {padding: 0 0 8px; margin:0; color:#0c3183; font-size: 1em; font-weight: bold;}
.sidebarleft p {font-size:12px!important; color:#333; margin-top:10px; line-height:110%;}
.sidebarleft img {margin-bottom:10px;}
/* @group footer */
/* FEATURED
- - - - - - - - - - - - - - - - - - - - - - - - - -   */
#featuredwrap {width:750px; margin: 25px 0 25px 0; padding:25px 0; background-color:#000; 
	overflow:hidden; clear:both}
#featured {width:720px; margin:0 auto;text-align:center;}
.featured img {float:left; text-align:center}

/* @group footer */
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - -   */
#footerwrap {width:100%; padding-top:25px; background-color:#fff; overflow:hidden; clear:both;
	border-top:#666 dotted 2px}
#footer {width:1000px; margin:0 auto; clear:both}
.footer p {margin:0; padding:0; font-size:.95em; font-weight: normal; color:#a0acb3;}
.footer a:link, .footer a:visited, .footer a:active {color:#97bf0d; text-decoration:none; }
.footer a:hover {color:#999; text-decoration: underline;}
.footer ul {margin:0; padding: 0; list-style-type:none;}
.footer ul li {margin:0; padding: 0; list-style-type:none; font-size:12px; color:#999;}
.footer h3 {padding: 0 0 8px; margin:0; color:#999; font-weight: bold; font-size:16px}
.footer strong {color:#97bf0d}

/* @group miscellaneous */
/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Heading */
h1.title, h2.title {margin:30px 0 20px 0; font-weight:bold; float:left; color:#d10c16; width:100%}

h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:15px;}
h4{font-size:16px; color:#C00; font-weight:bold}
h5{font-size:14px;}
h6{font-size:12px;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 1em 0; padding:0;font-weight:normal}

.ahorapor{color:red;font-weight:bold;}
ul {list-style:none;}
ul li {}
ol li {margin-left:35px;}
hr {border-top: 1px solid #CCCCCC; border-right: 0;border-left: 0;border-bottom: 0;height: 1px;}
fieldsed, img, a {border:none; outline:none}

a {color: #006699; text-decoration: underline;}
a:hover, a:active, a:focus {color: #333333; text-decoration:none;}
a:visited {color:#006699}

/* FORM
--------------------------------------------------------- */
form {margin: 0; padding: 0;}
form label {cursor: pointer; float:left; color:#000}
input, select, textarea, .inputbox {padding: 3px 5px; font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%; width:97%}
fieldset {border: none; padding: 10px 5px;}
fieldset a {font-weight: bold;}

/*FORM presupuesto -----------------------*/
input.submit{ width:auto !Important; background:#f5f5f5; color: #000; border-color: #c8c8c8;
	padding: 5px;margin-top: 0.5em;}
input.error {background-color:red }
.error{color:red}

a.boton  { width:auto !Important; background:#000; color: #fff; border-color: #c8c8c8;
	padding: 5px; margin-top: 0.5em; text-decoration:none}

.ppto{display: block; float:left; text-decoration: none; background-color:#bd0b14; color:#fff; 
	line-height:27px; font-size:11px; font-weight:bold; padding:0 10px; margin-right:6px;}
	
input.buscar{display: block; float:left; text-decoration: none; background-color:#97bf0d; color:#fff; 
	line-height:23px; font-size:11px; font-weight:bold; padding:0 4px; margin-right:6px; width:90px}
	
/* search
 * http://www.esandra.com/crea-un-campo-de-busqueda-con-css3/
----------------------------------------------- */
#searchform {/*width: 98%;*/ height:28px;padding: 8px;margin:10px auto;background: #ccc;border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 2px 0 rgba(255,255,255,.5);}
#searchform input {width:94%; height:20px; padding: 5px; /*float: left;*/ border: 0; background: #eee;
    border-radius: 3px 0 0 3px;box-shadow: 0 1px 1px rgba(0,0,0,.4) inset;}
#searchform input:focus {outline: 0; /*height:21px;*/ background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
#searchform input:-webkit-input-placeholder {color: #999; font-weight: normal;font-style: italic;}
#searchform input:-moz-placeholder {color: #999; font-weight: normal; font-style: italic;}
#searchform input:-ms-input-placeholder {color: #999; font-weight: normal;font-style: italic;}   
#searchform button {position: relative;top:-30px; float: right; border: 0;cursor: pointer; height: 30px; width: 80px;font-size:15px;
    color: #fff;background: #438cdb;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}   
#searchform button:hover{background: #2672e0;}	
#searchform button:active,#searchform button:focus{background: #2672e0;}
#searchform button:before { /* flecha */content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;
    border-color: transparent #438cdb transparent;top: 8px;left: -5px;}
#searchform button:hover:before{border-right-color: #2672e0;}
#searchform button:focus:before{border-right-color: #2672e0;}