/* BLAU SGM #009AC8 */ /*FONTS TIPOGR�FIQUES*/ @font-face { font-family: 'Sg'; src: url('quicksand_book-webfont.eot'); src: url('quicksand_book-webfont.eot?#iefix') format('embedded-opentype'), url('quicksand_book-webfont.woff') format('woff'), url('quicksand_book-webfont.ttf') format('truetype'), url('quicksand_book-webfont.svg#QuicksandBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SgBold'; src: url('quicksand_bold-webfont.eot'); src: url('quicksand_bold-webfont.eot?#iefix') format('embedded-opentype'), url('quicksand_bold-webfont.woff') format('woff'), url('quicksand_bold-webfont.ttf') format('truetype'), url('quicksand_bold-webfont.svg#QuicksandBold') format('svg'); font-weight: normal; font-style: normal; } /* RESET */ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, font, img, li, ol, ul, fieldset, form, label, legend, button, label table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font: inherit;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: left;text-decoration: none;vertical-align: baseline;letter-spacing:0.04em;color:#3d3d3d} input, textarea{margin: 0;padding: 0;font: inherit;font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;text-align: left;text-decoration: none;vertical-align: middle;letter-spacing:0.04em;color:#3d3d3d;} a img, :link img, :visited img {border: 0} :focus {outline:0;} a{outline: none} ol, ul {list-style: none} input, textarea{outline: none;border:none;} a{outline: none} /** ESTILS SGM **/ span.img-rollover { display: block; position: relative; width: 29px; height: 15px; float: right; overflow: hidden } span.img-rollover a:hover{ top: -15px; position: relative; } /*GLOBALS*/ html { overflow-y: scroll; } html, body { height: 100%;} * { margin: 0px; padding: 0px; border-width: 0px;} .clear { clear:both} .left { float: left;} .right { float: right;} table { border-collapse: collapse; border-spacing: 0px;} img { margin: 0; padding: 0;} .color {color: #009ac8;} #f1 { background-color: #FFF; height: auto;} #f2 { background-color: #FFF;} #f3 { background-color: #2b2b2b; border-top: 4px solid #009ac8 } #cos1 { display: block; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0 5px; width: 970px; height: 100px; border-bottom: 4px solid #009ac8 } #cos2 { display: block; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0 5px; width: 970px; height: auto; } #cos3 { display: block; margin-top: 0; margin-right: auto; margin-left: auto; padding: 30px 5px 60px; width: 970px } #contingut { width: 980px; padding-top: 40px; padding-bottom: 80px;} #centre { display: block; margin-top: 40px; margin-right: auto; margin-left: auto; padding: 0 0 30px; width: 980px; height: auto } #caixapantalla { z-index: 50; background-color: #009ac8; background-image: url("../images/bg_home.png"); background-repeat: repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; width: 980px; height: 320px; margin-bottom: 20px; } #pantalla ul { padding: 0px; margin: 0px;} #pantalla li { margin: -4px 0 0; padding: 0 } #layer1 { background-color: #009ac8; visibility: visible; position: absolute; top: 18px; left: 18px; width: 272px; height: 120px } /*HOME*/ #logo { margin-top: 15px; width: 140px; height: 72px; float: left; } #col {} #col0 {width: 270px; margin-right: 40px; float: left;} #col1 { width: 660px; float: left; } #col2 {margin-left: 20px; width: 290px; float: left;} /*ESTRUCTURA*/ body { color: #000; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background-color: #2b2b2b; margin: 0; padding: 0 } .mapa { border-top: 4px solid #009ac8; margin-top: 10px; height: 480px;} /*PORTAFOLI*/ #portafoli {} #portafoli li { margin: 0 16px 16px; padding: 0; width: 290px; height: 280px; float: left; border-bottom: 1px solid #ccc; list-style: none } #portafoli li a, #portafoli li a:active, #portafoli li a:visited { display: block } #portafoli li a:hover { text-decoration: none;} #porjectes li { background-color: #000000; list-style: none; margin: 0 12px 20px; padding: 0; width: 212px; height: 160px; float: left; border: solid 3px #633 } #porjectes li a, #porjectes li a:active, #porjectes li a:visited { display: block } #porjectes li a:hover { text-decoration: none;} .imgine {background-color: #ccc; width: 290px; height: 190px; padding: 4px;} .imgine2 {border: 1px solid #ccc; width: 280px; height: 190px; padding: 4px; margin-bottom: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px } .barrapeu { display: block; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px dotted #009ac8 } .barra { display: block; margin-bottom: 6px; border-bottom: 1px dotted #009ac8 } #index1 { background-color: #ddd; background-image: url("../images/bg_destacat.jpg"); background-repeat: repeat-x; padding: 20px; width: 258px; height: 250px; float: left; border: dotted 1px #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px } #index2 { background-color: #ddd; background-image: url("../images/bg_destacat.jpg"); background-repeat: repeat-x; margin-right: 40px; margin-left: 40px; padding: 20px; width: 258px; height: 250px; float: left; border: dotted 1px #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px } #index3 { background-color: #ddd; background-image: url("../images/bg_destacat.jpg"); background-repeat: repeat-x; padding: 20px; width: 258px; height: 250px; float: left; border: dotted 1px #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px } #serveis {padding-bottom: 100px;} /* TXT*/ .titol { color: #009ac8; font-size: 20px; font-family: SgBold; font-style: normal; text-transform: uppercase; padding-top: 10px; margin-bottom: 5px;} .titol2 { color: #333; font-size: 18px; font-family: "Trebuchet MS"; font-style: normal; font-weight: bold; margin-bottom: 5px; padding-top: 10px } .costxt { padding: 0 } .txt ul {} .txt li { color: #009ac8; font-size: 14px; font-style: italic; line-height: 1.2; background-color: transparent; background-attachment: scroll; background-position: 0 0; list-style-type: disc; margin-right: 0; margin-bottom: 10px; margin-left: 30px } .funcions ul { margin-top: 8px } .funcions li { color: #009ac8; font-size: 14px; font-style: italic; line-height: 1; background-color: transparent; background-attachment: scroll; background-position: 0 0; list-style-type: disc; margin-right: 0; margin-bottom: 8px; margin-left: 30px } .endavant {float:right; padding-left: 30px;} .endavant a:link, .endavant a:visited { color: #009ac8; font-size: 40px; font-family: SG; font-style: normal; font-variant: normal; line-height: normal; text-align: justify; padding: 10px 0; } .endavant a:hover, .endavant a:active { color: #666; font-weight: normal; font-variant: normal; } .error { color: #fff; font-size: 35px; font-family: Arial; font-style: normal; text-align: left; padding: 20px; } h1 { color: #666; font-size: 40px; font-family: SG; font-style: normal; font-variant: normal; line-height: normal; text-align: justify; padding: 10px 0; border-bottom: 4px solid #009AC8 } h1 a:link, h1 a:visited { color: #009ac8; font-size: 40px; font-family: SG; font-style: normal; font-variant: normal; line-height: normal; text-align: justify; padding: 10px 0; border-bottom: 4px solid #009AC8 } h1 a:hover, h1 a:active { color: #666; font-weight: normal; font-variant: normal; } h2 { color: #666; font-size: 20px; font-family: SgBold; font-style: normal; text-transform: uppercase } h3 { color: #009ac8; font-size: 16px; font-family: Verdana; font-style: normal; font-weight: bold; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dotted #009ac8 } h3 a:link, h3 a:visited { color: #009ac8; font-weight: normal } h3 a:hover, h3 a:active { color: #666; font-weight: normal } h4 { color: #009ac8; font-size: 26px; font-family: SgBold; font-style: normal; text-transform: uppercase; padding-top: 10px } h5 {color: #009ac8; font-size: 14px; font-style: normal; padding-bottom: 10px; } h5 a:link, h5 a:visited { color: #009ac8; font-weight: normal } h5 a:hover, h5 a:active { color: #666; font-weight: normal } h6 { color: #fff; font-size: 16px; font-family: Arial; font-style: normal; font-weight: normal; padding-left: 4px; background-color: #009ac8; background-image: url("../images/bg_home.png"); background-repeat: repeat; text-transform: uppercase; margin-bottom: 6px; padding-top: 4px; padding-bottom: 2px; margin-top: 10px; } h7 { color: #009ac8; font-size: 16px; font-family: Arial; font-style: normal; font-weight: bold; text-transform: uppercase; margin-bottom: 6px; padding-top: 4px; padding-bottom: 2px; border-top: 2px solid #009ac8; border-bottom: 2px solid #009ac8 } p { color: #666; font-size: 14px; font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4; text-align: justify; padding-top: 2px; padding-bottom: 4px } .pantallahome { padding: 20px; color: #FFF; font-size: 44px; font-family: SG; font-style: normal; font-variant: normal; line-height: normal; } .iconpeu {color: #FFF; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-weight: normal;margin-top: 0px;} #icon30 {width: 24px; height: 24px; float: left;} #icondesc { padding-top: 6px; margin-left: 10px; height: 24px; float: left; color: #FFF; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-weight: normal;} #icondesc a, #icondesc a:active, #icondesc a:visited { color: #FFF; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: none;} #icondesc a:hover { ext-decoration: none; color: #009ac8; } #peu {height: 30px; float: left; margin-right: 60px;} .link_portafoli { color: #009ac8; font-size: 26px; font-family: SgBold; font-style: normal; text-transform: uppercase; padding-top: 10px } .link_portafoli a:link, .link_portafoli a:visited { color: #009ac8; } .link_portafoli a:hover, .link_portafoli a:active { color: #666; } .mes { padding-top: 10px } .mes a:link, .mes a:visited {font-size: 14px; font-family: Sg; font-style: bold; color: #009ac8; } .mes a:hover, .mes a:active { color: #666; } .link { padding-top: 10px } .link a:link, .link a:visited {font-size: 14px; font-family: Sg; color: #009ac8; } .link a:hover, .link a:active { color: #666; } .negreta { color: #666; font-size: 14px; font-weight: bold } /*MENUS*/ #menu { padding-top: 30px; padding-right: 0; float: right } #menu li { margin-right: 0; margin-left: 20px; padding: 0; float: left; } #menu li a, #menu li a:active, #menu li a:visited { font-size: 14px; font-family: Arial; font-weight: bold; text-decoration: none; text-align: center; display: block } #menu li a:hover { color: #009ac8; font-family: Arial; font-weight: bold; text-decoration: none; } #idioma { padding: 5px; float: right;} .idioma li {margin-right: 5px; padding: 0; float: left; border-right: 1px solid #fff } .idioma li a, .idioma li a:active, .idioma li a:visited { font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: none; text-align: center; display: block;} .idioma li a:hover { font-family: Arial; font-weight: bold; text-decoration: none; font-weight: bold } /*PAGINADOR*/ #caixapaginador { margin-top: 5px; margin-left: 16px; float:left; } #paginador { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;} #paginador ul, li { list-style-type: none; list-style-image: none } #paginador ul { margin: 0; padding: 0;} #paginador li { float: left;} #paginador a { color: #333333; text-decoration: none; margin-right: 5px; background: #e1e1e1; text-align: center; display: block; padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #b1b1b1; } #paginador a#primer { border-left: 1px solid #b1b1b1;} #paginador a:hover { color: #fff; background: #333333; border-color: #333333;border-width: 1px;} #paginador .actiu { color: #fff; text-decoration: none; margin-right: 5px; background: #333333; text-align: center; display: block; padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #333333; } /* FORMULAARI --------------------------------- */ .esterix { font-size: 14px; font-family: Verdana; text-decoration: none; color: #009AC8; float: left; padding-right: 4px} #frmContacte p { color: #666; font-size: 12px; font-family: Verdana; padding-top: 10px; padding-bottom: 2px } #frmContacte p a:link, #frmContacte p a:visited { color: #009AC8; font-size: 12px; font-family: Arial; text-decoration: none; padding-top: 12px; padding-bottom: 2px } #frmContacte p a:hover, #frmContacte p a:active { color: #009ac8; font-size: 12px; font-family: Arial; text-decoration: underline; padding-top: 12px; padding-bottom: 2px } .inputhome { color: #009AC8; font-size: 12px; font-family: Arial; padding: 2px; width: 284px; border: solid 1px #bbb } .comenthome { color: #009AC8; font-size: 12px; font-family: Arial; padding: 2px; min-width: 284px; min-height: 100px; max-width: 284px; max-height: 100px; border: solid 1px #bbb } .file { color: #009AC8; font-size: 12px; font-family: Arial; padding: 2px; min-width: 284px; max-width: 284px; border: solid 1px #bbb } .caixaalertes { font-size: 12px; background-color: #fff; display: none; padding: 5px 0 5px 20px; width: 267px } .caixaalertes ul li { color: #666; font-size:12px; list-style-type: disc; padding-bottom: 2px} .caixaalertes label.error {color: #009AC8; display: inline; } form.cmxform label.error { display: block; width: auto; } .button { color: #fff; font-size: 10pt; font-weight: bold; text-decoration: none; background-color: #f6847c; padding: 4px 10px; margin-top: 10px; } .button:link, .button:visited { background-color: #666;} .button:hover { background-color: #333; color: #FFF}