/***********************************/
/* IMPORTEM EL CSS DEL BLUEPRINT   */
/***********************************/
@import url("blueprint.css");

/*GENERAL*/
body { background: #dd0200 url(../images/fons/fons.jpg) no-repeat top left; }
h2 { margin:10px 0 20px 0; _margin:20px 0; color:#FFF; font-size:24px; }
h3 { color:#FFF; }
p { color:#999; font-size:12px; }
ul { margin:0; }
ul li { margin-top:5px; color:#999; font-size:11px; list-style:none; }
ul li img { margin-right:8px; }
.assessorament,.papereria,.digital,.copisteria,.gran-format,.serveis-service { position:relative; }
.menys-espai-lletres label { letter-spacing:-1px; }

/*LAYOUT*/
.container { background:transparent url(../images/fons/header.png) no-repeat 13% 0; }
#header { height:138px; }
#header .logo { display:block; margin:60px 0 0 160px; width:200px; height:70px; }
#header .lang { margin:-6px 0 0 635px; _margin:124px 0 0 635px; }
#header .lang a { float:left; width:29px; margin-left:5px; text-align:center; color:#FFF; background:#b70000; text-decoration:none; font-size:9px; }
#header .lang a:hover,#header .lang a.active { background:#FFF; color:#b70000; }
#controladora { min-height:400px; height:auto !important; height:400px; background:url(../images/fons/content.png) repeat-y top left; }
#content { height:100%; background:#000; }

#banner-lateral { position:relative; height:100%; }
#banner-lateral .telefon { margin:10px 0 0 2px; _margin:10px 0 0 1px; width:142px; height:40px; background-color:#000; }
#banner-lateral .telefon img { float:left; margin:11px 0 0 10px; }
#banner-lateral .telefon p { float:left; margin-left:5px; line-height:40px; color:#FFF; font-size:14px; }
#banner-lateral .box { margin:4px 0 0 2px; _margin:2px 0 0 1px; }
#banner-lateral .box a { display:block; margin-top:5px; width:148px; height:86px; }

#footer { height:40px; }
#footer .dades { border-bottom:1px solid #000;  }
#footer .dades a { float:right; color:#000; text-decoration:none; font-size:10px; line-height:20px; }

/*menu*/
#menu { height:100%; }
#menu ul { margin:0; margin:10px 0; }
#menu ul li { margin:2px 0 0 2px; width:142px; list-style:none; }
#menu ul li a { display:block; letter-spacing:-1px; width:138px; height:20px; padding-left:2px; line-height:20px; background-color:#000; border:1px solid #000; color:#FFF; text-decoration:none; font-size:10px; }
/*html[xmlns*=""] body:last-child #menu ul li a { text-shadow:rgba(0,0,0,0.01) 0 0 0; }*/
#menu ul li a:hover,#menu ul li a.active { color:#b80000; background:#FFF; border:1px solid #b80000; }
#menu ul.submenu { margin:2px 0 0 0; }
#menu ul.submenu li { margin:0; }
#menu ul.submenu li a { width:132px !important; padding-left:8px !important; color:#9e9e9e !important; background:#232323 !important; border:1px solid #313131 !important; font-size:9px !important; letter-spacing:-1px !important; }
#menu ul.submenu li a:hover,#menu ul.submenu li a.active { background:#FFFFFF !important; color:#b80000 !important; border:1px solid #000 !important; }

/*imatges menu*/
.image-menu-empresa { position:absolute; left:55px; bottom:20px; z-index:1; }
.image-menu-serveis { position:absolute; left:19px; bottom:40px; z-index:1; }
.image-menu-expositors { position:absolute; left:24px; bottom:20px; z-index:1; }
.image-menu-retolacio { position:absolute; left:24px; bottom:20px; z-index:1; }
.image-menu-localitzacio { position:absolute; left:24px; bottom:20px; z-index:1; }
.image-menu-iso { position:absolute; left:34px; bottom:20px; z-index:1; }
.image-menu-cataleg { position:absolute; left:22px; bottom:41px; z-index:1; }
.image-menu-preguntes { position:absolute; left:41px; bottom:25px; z-index:1; }
.image-menu-pressupost { position:absolute; left:40px; bottom:40px; z-index:1; }
.iso { position:absolute; right:38px; bottom:60px; z-index:1; }

/*apartats*/
.empresa, .serveis, .intro img { padding:19px; }
.politica-qualitat { display:block; margin:15px 0px; width:200px; height:23px; text-align:center; line-height:21px; text-decoration:none; color:#FFF; background:#a70000; font-size:20px; }
.politica-qualitat:hover { color:#FFF; }
.politica-qualitat img { margin-top:3px; }
.serveis-service .caixa ul { height:222px;; }
.assessorament .caixa ul { height:143px; }
.copisteria .caixa ul { height:214px; }
.papereria .caixa ul { height:335px; }
.digital .caixa ul { min-height:288px; height: auto !important; height: 288px; }
.digital .caixa h3 { margin:10px 5px 0 10px !important; padding:0; }
.labeling .caixa-sencilla ul { height:173px; }
.serveis-menys-padding { padding:19px 10px; }
.localitzacio-menys-padding { padding:10px 19px 10px 10px !important; _padding:10px 19px 20px 10px !important; }
.formulari-menys-padding { float:left; width:570px; padding:10px !important; }

.caixa { width:308px; border:1px solid #B80000; background:#FFF; }
.caixa h3 { margin-bottom:0; padding:17px 10px 10px 10px; padding-bottom:0; color:#cc1111; font-size:18px; font-weight:bold; }
.caixa ul { margin-bottom:0; padding:10px; padding-top:5px; padding-bottom:0; }
.caixa ul li { margin-bottom:5px; padding-left:5px; width:285px; font-size:11px; font-weight:bold; color:#5d5d5d; background:#e8e8e8; }
.caixa .top { height:10px; background:url(../images/fons/serveis-caixa.jpg) no-repeat top left; }
.caixa .content { _margin-top:-4px; min-height:50px; height:auto !important; height:50px; background:url(../images/fons/serveis-caixa-content.jpg) repeat-y top left; }
.caixa .bottom { height:2px; background:url(../images/fons/serveis-caixa-bottom.jpg) no-repeat top left; }

.caixa-sencilla { border:1px solid #cb0000; background:#FFF; }
.caixa-sencilla ul { padding:10px; }
.caixa-sencilla ul li { margin-bottom:5px; padding-left:5px; width:285px; font-size:11px; font-weight:bold; color:#5d5d5d; background:#e8e8e8; }
.caixa-sencilla h3 { margin:0; padding:7px 0 7px 10px; color:#cc1111; }
.caixa-sencilla h3.centrat { padding:0 0 15px 10px; }
.caixa-sencilla .top { height:174px; background:#FFF; border-bottom:1px solid #cb0000; }
.caixa-sencilla .top h3 { margin:15px 10px; _margin:10px; padding:0; font-size:18px; color:#cc1111; }
.caixa-sencilla .top h3 span { display:block; margin-top:-10px; font-size:12px; }
.caixa-sencilla .bottom { height:52px; background:#d0d0d0; }
.caixa-sencilla .bottom a { display:block; margin:15px 40px; width:220px; height:23px; text-align:center; text-decoration:none; color:#FFF; background:#a70000; font-size:20px; }
.caixa-sencilla .bottom a.facelift img { margin-top:3px; }

.caixa-gran { width:550px; border:1px solid #B80000; background:#FFF; }
.caixa-gran h3 { margin:10px; color:#cc1111; font-size:16px; font-weight:bold; }
.caixa-gran ul { margin:10px; }
.caixa-gran ul li { margin-bottom:5px; padding-left:5px; width:252px; font-size:11px; font-weight:bold; color:#5d5d5d; background:#e8e8e8; }
.caixa-gran .top { height:12px; background:url(../images/fons/serveis-caixa-gran.jpg) no-repeat top left; }
.caixa-gran .content { _margin-top:-4px; min-height:50px; height:auto !important; height:50px; background:url(../images/fons/serveis-caixa-gran-content.jpg) repeat-y top left; }
.caixa-gran .bottom { height:2px; background:url(../images/fons/serveis-caixa-gran-bottom.jpg) no-repeat top left; }

.structure-category { float:left; width:112px; margin-right:5px; _margin-right:4px; margin-bottom:20px; text-align:center; }
.structure-category a { text-decoration:none; }
.structure-category a span { display:block; width:112px; color:#ca0000; text-decoration:none; text-align:center; font-size:11px; }
.structure-category a:hover span { color:#FFF; }

.breadcrumb { border-top:1px solid #a70000; height:60px; }
.breadcrumb ul { margin:0 0 0 5px; padding:0; }
.breadcrumb ul li { float:left; margin:0; padding:0; text-align:center; list-style:none; }
.breadcrumb ul li a { display:block; width:115px; height:30px; line-height:30px; color:#ca0000; text-decoration:none; font-size:12px; }
.breadcrumb ul li a:hover,.breadcrumb ul li a.active { color:#FFF; }

.structure { float:left; width:121px; margin:25px 22px 0 0; }
.structure-last { margin-right:0 !important; }
.structure a { display:block; width:121px; text-decoration:none; color:#b1b1b1; text-align:left; }
.structure a:hover { color:#FFF; }
.structure a span { display:block; width:121px; height:40px; }

.show-structure { width:530px; padding:10px; background:#FFF; }
.show-structure .description, .show-structure .images { float:left; width:255px; height:279px; border:1px solid #a60000; }
.show-structure .images { margin-left:15px; }
.show-structure .description { width:246px; height:260px; padding:10px 5px; }
.show-structure .description p { margin:0; color:#727272; }
.show-structure .description span { float:left; margin-right:5px; color:#a60000; }
.show-structure .description h3 { color:#a60000; font-size:13px; font-weight:bold; }
.tornar-menu a { display:block; padding-bottom:5px; color:#A60000; text-decoration:none; }
.tornar-menu a:hover { color:#FFF; }
.paginador { height:9px; }
.paginador a { display:block; float:left; width:12px; height:9px; margin:5px 0 0 8px; }
.paginador a.anterior { background:url(../images/detalls/fletxa-esquerra-paginador.png) no-repeat; }
.paginador a.seguent { background:url(../images/detalls/fletxa-dreta-paginador.png) no-repeat; }
.paginador a.anterior:hover { background:url(../images/detalls/fletxa-esquerra-paginador.png) no-repeat 0 -19px; }
.paginador a.seguent:hover { background:url(../images/detalls/fletxa-dreta-paginador.png) no-repeat 0 -19px }
.paginador a.first { margin-left:35px; _margin-left:17px; }
.paginador span.left-disabled,.paginador span.right-disabled { display:block; float:left; width:12px; height:9px; margin:5px 0 0 8px; }
.paginador span.left-disabled { margin-left:35px; _margin-left:17px; background:url(../images/detalls/fletxa-esquerra-paginador.png) no-repeat; }
.paginador span.right-disabled { background:url(../images/detalls/fletxa-dreta-paginador.png) no-repeat; }

/*formularis*/
input[type="radio"],input[type="checkbox"] { margin:0; padding:0; background:none !important; border:none !important; }
.formulari { width:540px; padding:5px; background:#FFF; }
.captcha input { margin-top:15px; }
.enviar { background:#333; height:40px; text-align:center; }
.enviar a { display:block; margin:10px 0 0 200px;*margin:15px 0 0 0; width:150px; height:20px; text-decoration:none; color:#FFF; background:#a70000; }
.formulari label { font-size:11px; color:#a70000; }
.formulari input,.formulari select { width:305px; }
.formulari input,.formulari textarea { background:#e8e8e8; border:1px solid #e8e8e8; }
.formulari textarea { width:528px; height:50px; }
.form_error { width:130px; text-align:center; font-size:11px; color:#FFF; background:#a60000; }

.formulari-gran { width:560px; padding:5px 5px 10px 5px; background:#FFF; }
.formulari-gran h4 { margin-top:5px; font-size:12px; color:#747474; }
.formulari-gran label { font-size:11px; color:#a70000; word-spacing:1px; }
.formulari-gran input, .formulari-gran select { width:98%; }
.formulari-gran input, .formulari-gran textarea { background:#e8e8e8; border:1px solid #e8e8e8;  }
.formulari-gran textarea { width:98%; height:50px; }
.tipus-servei { margin:5px 0; height:40px; }
.tipus-servei .tipus1,.tipus-servei .tipus2,.tipus-servei .tipus3 { float:left; margin:5px 10px 0 0; padding:5px; background:#FFF; border:1px solid #b40303; }
.tipus-servei .tipus1 label,.tipus-servei .tipus2 label,.tipus-servei .tipus3 label { float:left; }
.tipus-servei .tipus1 input,.tipus-servei .tipus2 input,.tipus-servei .tipus3 input { float:left; margin:0 5px 0 0; width:inherit; *margin:-4px 0 0 0; _margin:0; *width:20px; *height:20px; *padding:0; _background:none !important; _border:none !important; }
.tipus-servei .tipus1 { margin-left:40px; _margin-left:20px; }
.impressio .col1 { width:128px; *width:137px; }
.impressio .col1 label { width:111px; *width:115px; }
.impressio .col2 { width:133px; *width:140px; }
.impressio .col2 label { width:113px; *width:118px; }
.impressio .col3 { width:128px; *width:135px; }
.impressio .col3 label { width:110px; *width:113px; }
.impressio .col4 { width:171px; *width:153px; }
.impressio .col4 label { width:155px; *width:133px; }
.impressio div { float:left; }
.impressio div label { float:right; margin-left:2px; *margin-left:0; height:20px; line-height:20px; font-size:9px; }
.impressio div input { float:right; margin:0; width:auto; _background:none !important; _border:none !important; }
.manipulacio .col1 { width:109px; *width:107px; }
.manipulacio .col1 label { width:92px; *width:87px; }
.manipulacio .col2 { width:118px; *width:117px; }
.manipulacio .col2 label { width:100px; *width:97px; }
.manipulacio .col3 { width:143px; *width:151px; }
.manipulacio .col3 label { width:127px; *width:130px; }
.manipulacio .col4 { width:91px; *width:90px; }
.manipulacio .col4 label { width:75px; *width:69px; }
.manipulacio .col5 { width:99px; }
.manipulacio .col5 label { width:84px; *width:79px; }
.manipulacio div { float:left; }
.manipulacio div label { float:right; margin-left:2px; *margin-left:0; height:20px; line-height:20px; font-size:9px; }
.manipulacio div input { float:right; margin:0; width:auto; _background:none !important; _border:none !important; }
.troquelat .col1 { width:101px; }
.troquelat .col1 label { width:80px; }
.troquelat .col2 { width:129px; *width:134px; }
.troquelat .col2 label { width:114px; }
.troquelat div { float:left; }
.troquelat div label { float:right; margin-left:2px; *margin-left:0; height:20px; line-height:20px; font-size:9px; }
.troquelat div input { float:right; margin:0; width:auto; _background:none !important; _border:none !important; }
.enquadernacio .col1 { width:155px; *width:155px; }
.enquadernacio .col1 label { width:140px; *width:135px; }
.enquadernacio .col2 { width:109px; *width:105px; }
.enquadernacio .col2 label { width:88px; *width:85px; }
.enquadernacio .col3 { width:182px; *width:185px; }
.enquadernacio .col3 label { width:165px; }
.enquadernacio .col4 { width:113px; *width:119px; }
.enquadernacio .col4 label { width:98px; }
.enquadernacio div { float:left; }
.enquadernacio div label { float:right; margin-left:2px; *margin-left:0; height:20px; line-height:20px; font-size:9px; }
.enquadernacio div input { float:right; margin:0; width:auto; _background:none !important; _border:none !important; }
.acabats .col1 { width:145px; *width:150px; }
.acabats .col1 label { width:130px; }
.acabats .col2 { width:185px; *width:190px; }
.acabats .col2 label { width:170px; }
.acabats .col3 { width:144px; *width:149px; }
.acabats .col3 label { width:129px; }
.acabats div { float:left; }
.acabats div label { float:right; margin-left:2px; *margin-left:0; height:20px; line-height:20px; font-size:9px; }
.acabats div input { float:right; margin:0; width:auto; _background:none !important; _border:none !important; }