/* Index of this CSS File (01) RESET (02) GLOBAL STYLES (03) HEADER SECTION ( Home Page ) (a) Cycle Slider (b) Nivo Slider (c) Carousel Slider (04) TOP MENU (05) HEADER SLIDER ( Home Page ) (06) CONTENT (07) WHITE BOXES & WELCOME TEXT( Home Page ) (08) SPECIAL OFFER BOX ( Home Page ) (09) ADDITIONAL FOOTER (10) LARGE FOOTER (a) Footer Latest News (b) Footer Testimonials (c) Footer Link Listing (d) Footer Photo Gallery(Flickr) (e) Footer Contact Form (f) Contact Form Error/Success Messages Styles (g) Footer Contact Details (h) Footer Twitter Updates (11) SMALL FOOTER (12) INNER PAGE ( Inner page Header, Page Title, Search/RSS icons, Breadcrumbs ) (13) SIDEBAR (a) Sidebar H2 and Menu Style (b) Sidebar Recent Tweets Widget (c) Sidebar Advertise (d) Sidebar Contact Details (14) ABOUT US PAGE (15) CONTACT US PAGE (16) BLOG PAGE (a) Share ( social media )Section (b) Post Content (c) About Author (d) Comments (e) Comment Form (17) PORTFOLIO - 1 to 4 Column, Sortable and Single Page (18) TESTIMONIAL PAGE (19) PRETTY PHOTO LIGHTBOX */ /* ========================================================== (01) RESET ============================================================ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, font, img,blockquote, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} h1, h2, h3, h4, h5, h6, p, dl, pre, form{margin:0 0 20px} :focus { outline: 0; } /* ========================================================== (02) GLOBAL STYLES ============================================================ */ * {margin:0; padding:0;} html { height:100%; font-size:100%;} body { height: 100%; background:#fff url(../images/backgrounds/top-bg.jpg) repeat-x 0 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#016D56; line-height:22px; } ul li {list-style:none;} img {border:none;} a { color:#B91424; text-decoration: none; } a:hover { color:#016D56;} .left {float:left;} .right {float:right;} .center { text-align:center;} .clear { clear:both;} .bold { font-weight:bold} .italic { font-style:italic} .underline { text-decoration:underline;} .center { text-align:center;} .noborder { border:none} .hidden { display: none !important; } .border4 { border:1px solid #dddddd; background-color:#f5f5f5; padding:4px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#016D56; margin:0px 0 20px 0; font-family:georgia,arial,verdana;} h1 {font-size:30px;} h2 {font-size:25px;} h3 {font-size:20px;} h4 {font-size:18px;} h5 {font-size:15px;} h6 { font-size:14px; text-align: justify; } p { margin:0 0 12px 0; line-height:22px; } #content h1,#content h2{ margin:0px 0 20px 0; } #content h3,#content h4,#content h5,#content h6 { margin:0px 0 15px 0; } pre { font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Arial, sans-serif; font-size:12px; color:#343434; padding-left:5px; background:url(../images/backgrounds/pre.jpg); white-space:pre; overflow:auto; border-width:0 1px 1px 1px; border-style:solid; border-color:#dddddd; line-height:22px; letter-spacing:.1px; word-spacing:1px; margin:15px 0 15px 0; overflow:hidden;} code { background-color: #eee; padding: 0px 5px; color:#4d4d4d; margin: 10px 0; border: 1px dotted #979797; display: inline-block; text-shadow: 0px 1px 0px #fff; } hr,.large-footer hr , .line, .large-footer .line,.line3, .large-footer .line3{ border:none 0; outline:0; height:1px; clear:both;} hr {border-top: 1px dotted #b6b6b6; } .divider1 { height:22px; } .divider1,.divider2 {background:url(../images/backgrounds/divider1.png) no-repeat center top;} .divider2 { height:2px; } sup,sub{ font-size:11px; color:#B91424;margin:0; padding:0; } sup { vertical-align: top; } sub { vertical-align: bottom; } .round3{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .round5{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /* ========================================================== (03) HEADER SECTION ============================================================ */ #home-header-bg {background:url(../images/backgrounds/home-header-bg1.jpg) repeat-x 0 0;} #white-header-bg { background:url(../images/backgrounds/white-header-bg.jpg) no-repeat center top; height:130px; } #white-header { width:960px; margin:auto;} .capa_header_esquerre { /*width: 420px;*/ width:380px; float: left; } .logo { float:left; height: 70px; vertical-align: bottom; margin-top: 8px; /*margin-left: 110px;*/ margin-left:0px; } .capa_idiomes { float:left; /*width: 425px;*/ width:375px; height: 30px; vertical-align: top; background-image: url(../images/backgrounds/fons-idiomes.png); font-size: 11px; color: #fee47d; text-decoration: none; padding-left: 10px; background-repeat: no-repeat; } .capa_idiomes a { font-size: 11px; color: #fff; text-decoration: none; } .capa_idiomes a:hover { color: #fee47d; } .capa_opcions-botiga { float: right; padding-right: 5px; width: 145px; } .capa_opcions-botiga a { color: #a5ded2; } .capa_opcions-botiga a:hover { color: #fff; } /* ========================================================== (04) TOP MENU ============================================================ */ div#top-menu { background:url(../images/backgrounds/top-menu-divider.jpg) no-repeat right 16px; float:right; height:130px; padding-right:2px;} #top-menu ul { padding:0; } #top-menu ul li{ float:left; padding:0; cursor:pointer;} #top-menu { background:url(../images/backgrounds/top-menu-divider.jpg) no-repeat right top;} #top-menu ul li.active a, #top-menu ul li.active a:hover{ display:block; height:130px; font-size:12px; line-height:128px; padding-top: 0; padding-right: 7px; padding-bottom: 0; padding-left: 7px; } #top-menu > ul li a { background:url(../images/backgrounds/top-menu-divider.jpg) no-repeat left 16px;} #top-menu ul li a { height:130px; line-height:128px; display:block; color:#016D56; font-size:12px; text-decoration:none; font-family:georgia; padding-top: 0; padding-right: 7px; padding-bottom: 0; padding-left: 7px; } #top-menu ul li a sub { font-size:12px; color:#666; position:absolute; top:75px; text-align:center; } #top-menu ul li a:hover{ background:url(../images/backgrounds/top-menu-hover.jpg) no-repeat 0 0;} /* drop down menu styles */ #top-menu ul ul{ background:#013B2F; margin-top: 6px; margin-right: 6px; margin-bottom: 0; margin-left: 0; padding-top: 14px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; } #top-menu ul ul ul { padding:10px 5px 10px 5px; margin:-10px 6px 0 8px;} #top-menu ul li ul li a,#top-menu ul li ul li ul li a,#top-menu ul li.active ul li a{ background:#013B2F no-repeat 10px 11px; font-size:12px; font-weight:normal; font-family:arial,georgia; padding:0 10px 0 25px; color:#fff; line-height:30px; font-style:normal; height:30px; width:auto; display:block; margin:0; text-shadow: 0px 1px 0px #000; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; } #top-menu ul ul li a:hover, #top-menu ul ul ul li a:hover, #top-menu ul li.active ul li a:hover,#top-menu ul li ul li.active a, #top-menu ul li ul li.active a:hover ,#top-menu ul li ul li ul li.active a,#top-menu ul li ul li ul li.active a:hover,#top-menu ul li ul li ul li ul li.active a, #top-menu ul li ul li ul li ul li.active a:hover { background:#015d49 no-repeat 10px -12px; font-size:12px; font-weight:normal; color:#fff; line-height:30px; font-style:normal; padding:0 0 0 25px; height:30px; width:auto; display:block; margin:0; text-shadow: 0px 1px 0px #000; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; } /* Superfish Menu Style */ .sf-menu, .sf-menu * { margin: 0; padding:0; list-style:none; z-index:200; } .sf-menu { line-height:1.0;} .sf-menu ul { position:absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%;} .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li { float: left; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 115px; /* match top ul list item height */ z-index: 99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 11em; top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0;} .sf-menu li li a{font-weight:normal} /* Theme Skin */ .sf-menu { float: left; padding-bottom: 13px;} .sf-menu a, .sf-menu a:visited { color: #fff; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } /* Arrows (optional) */ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 12px; text-indent: -999em; overflow: hidden; /*background: url('../images/backgrounds/arrows-ffffff.png') no-repeat -10px -100px;*/ } a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; } /* Apply Hovers to Modern Browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* Point Right for Anchors in Sub menu */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* Apply Hovers to Modern Browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /* ========================================================== (05) HEADER SLIDER ============================================================ */ #header-home { clear:both; height:322px; background:url(../images/backgrounds/home-header-bg2.jpg) no-repeat center top; margin-top: auto; margin-right: auto; margin-bottom: 0px; margin-left: auto; } /* ============ (a) Cycle Slider ( Default) ============ */ #cycle-slider { width:960px; margin:0 auto; padding-top:2px;} #cycle-slider ul li { padding:0; margin:0; background:none; width:960px; float:left;height:310px;} #cycle-slider .slider-list ul li { padding:0 0 0 20px; margin:0; height:24px; line-height:24px; color:#838383; display:block;width:180px; } #cycle-slider .slider-list ul li a { color:#838383; text-decoration:none; } #cycle-slider .slider-list ul li a:hover { color:#c5c5c5; } #cycle-slider .slider-bullet { text-indent:30px; padding:1px 0 5px 0px; clear:both; margin-top:15px; float:left; } #cycle-slider a.slider-bullet { background:url(../images/backgrounds/slider-bullet1.png) no-repeat 0 0; font-size:14px; font-style:italic; text-decoration:none; color:#c3c3c3} #cycle-slider a.slider-bullet:hover { color:#fff;} .slider-content-bg1,.slider-content-bg2,.slider-content-bg3 {height:310px;position:relative;} .slider-content-bg1 { background:url(../images/backgrounds/slider-background-left.png) no-repeat center 8px; } .slider-content-bg2 { background:url(../images/backgrounds/slider-background-right.png) no-repeat center 8px;} .slider-content-bg3 { background:url(../images/backgrounds/slider-background-center.png) no-repeat center 8px;} .slider-content-left,.slider-content-right { margin:40px 0 0 30px; width:320px;} .slider-content-left { float:left;} .slider-content-right{ float:right; } .slider-content-left p { font-size: 17px; font-weight: normal; } .slider-content-left2 { float:left; margin:40px 20px 0 30px; width:180px;} .slider-content-right2{ float:right; margin:40px 30px 0 0px; width:180px;} #cycle-slider h2,#cycle-slider h3 { color:#fff; margin-top:0; margin-bottom:15px; } #cycle-slider h2 { font-size:24px;} #cycle-slider h3 { font-size:18px;} #cycle-slider p { color:#fff; line-height:20px;} .slider-image-right { float:right; margin-right:18px;} .slider-image-left,.slider-image-center { float:left; margin-right:18px;} .slider-image-right img { margin:20px 0 0 18px;} .slider-image-left img { margin:20px 0 0 18px;} .slider-image-center img { margin:18px 0 0 18px;} .slider-image-full img { margin:18px 0 0 10px;} .slider-video { background:url(../images/backgrounds/slider-image-overlay5.png) no-repeat 0 0; width:568px; height:310px; display:inline-block; float:right; padding:20px 0 0 18px; margin:0 -18px 0 0} .slider-image-overlay1,.slider-image-overlay2,.slider-image-overlay3,.slider-image-overlay4 { height:310px; position:absolute; top:0px;} .slider-image-overlay1 { /* background image style in skin css file */ } .slider-image-overlay2 { background:url(../images/backgrounds/slider-image-overlay2.png) no-repeat 0 0; width:586px; } .slider-image-overlay3 { background:url(../images/backgrounds/slider-image-overlay3.png) no-repeat 0 2px; width:497px; } .slider-image-overlay4 { background:url(../images/backgrounds/slider-image-overlay4.png) no-repeat 0 2px; width:960px; } .slider-image-overlay1 a,.slider-image-overlay2 a,.slider-image-overlay3 a,.slider-image-overlay4 a { height:310px; display:block; text-decoration:none;} .slider-image-overlay1 a,.slider-image-overlay2 a,.slider-image-overlay2 a { width:586px; } .slider-image-overlay3 a { width:497px; } .slider-image-overlay4 a { width:960px; } /* slider navigation */ .cycle-navigation { clear:both; height:45px; width:960px; margin-top: 5px; margin-right: auto; margin-bottom: 39px; margin-left: auto; } .cycle-prev a,.cycle-next a{ width:26px; height:26px; margin: 10px 0 0 0; cursor:pointer;text-indent:-9999px;} .cycle-prev a{ float:left; background:url(../images/backgrounds/slider-prev-arrow.png) no-repeat 0 0;} .cycle-next a{ float:right; background:url(../images/backgrounds/slider-next-arrow.png) no-repeat 0 0;} .cycle-prev a:hover,.cycle-next a:hover{ background-position:0 bottom;} #nav { display:inline-block; height:20px; margin:0; padding:4px 0 0 0;} #nav { margin: 10px; position: relative; text-align:center; } #nav span {display:inline; list-style: none; text-indent:-9999px;} #nav span a { background:url(../images/backgrounds/slider-navigation.png) no-repeat 0 0; margin:0; height:20px; width:20px;display:inline-block; } #nav a.activeSlide,ul#nav a:hover { background-position:0 bottom; } #nav a:focus { outline: none; } /* ============ (b) Nivo Slider ============ */ /* Custom Nivo Slider Styles */ #nivo-slider-wrapper { padding-top:35px; } #nivo-slider-bg { background:url(../images/backgrounds/nivo-slider-bg.png) no-repeat center center; width:960px; height:308px; margin:0 auto; padding:0px; } #nivo-slider { position:relative; height:246px; top:17px; left:17px; width:943px; background:url(../images/backgrounds/loader5.gif) no-repeat 50% 55%;} #nivo-slider img { position:absolute; top:0px; left:0px; display:none;} #nivo-slider a { border:0; display:block;} /* Image Circle Navigation */ .nivo-controlNav { position:absolute; margin-left:413px; /* Adjust Left Margin as per Sliders Numbers - Give more pixel to more right and less pixel to move left */ bottom:0px; top:344px; } .nivo-controlNav a { display:inline-block; width:20px; height:20px; background:url(../images/backgrounds/slider-navigation.png) no-repeat 0 0; text-indent:-9999px; border:0; margin:0; cursor:pointer; text-align:center; float:left;} .nivo-controlNav a:hover,.nivo-controlNav a.active { background-position:0 bottom; } /* Next Previous Arrows */ .nivo-directionNav a { position:absolute; top:0; z-index:90; cursor:pointer; width:41px; height:53px; text-indent:-9999px;} a.nivo-prevNav,a.nivo-nextNav { top:340px; width:26px; height:26px;} a.nivo-prevNav { left:-17px; background:url(../images/backgrounds/slider-prev-arrow.png) no-repeat 0 0;} a.nivo-nextNav { right:0px; background:url(../images/backgrounds/slider-next-arrow.png) no-repeat 0 0; } a:hover.nivo-prevNav { background:url(../images/backgrounds/slider-prev-arrow.png) no-repeat 0 bottom;} a:hover.nivo-nextNav { background:url(../images/backgrounds/slider-next-arrow.png) no-repeat 0 bottom; } /* Slider Caption */ .nivo-caption { background-color:#000; text-align:center; position:absolute; left:1px; bottom:1px; color:#fff; width:923px; z-index:89; height:auto; margin:0;} .nivo-caption p { padding:10px; margin:0; line-height:20px;} .nivo-caption a { text-decoration:underline; color:#ffffff;} .nivo-html-caption { display:none;} .nivo-caption .right { text-align:right} /* The Nivo Slider Default styles - Do not delete */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;} /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%;} .nivo-box { display:block; position:absolute; z-index:5;} /* ============ (c) Carousel Slider ============ */ #carousel-slider { width:960px; margin:0 auto; padding-top:15px;} #carousel-container { position:relative; width:960px;} #carousel { height:377px; width:960px; position:relative; margin:0; } #carousel .carousel-image { border:0; display:block;} #carousel .carousel-feature { position:absolute; top:-1000px; left:-1000px; cursor:pointer; } /* slider caption */ #carousel .carousel-feature .carousel-caption { background:url(../images/backgrounds/caption-bg2.png); text-align:center; position:absolute; bottom:25px; width:460px; margin-left:19px;} #carousel .carousel-feature .carousel-caption p { margin:0; padding:5px; font-weight:bold; font-size:12px; color:white;} /* carousel navigation */ #carousel .tracker-individual-container .tracker-individual-blip { background:url(../images/backgrounds/slider-navigation.png) no-repeat 0 0; position:absolute; bottom:-24px; width:300px; padding:0; margin:0; height:20px; text-align:center; text-indent:-9999px;} #carousel .tracker-individual-container .tracker-individual-blip-selected { background-position:0 bottom;} #carousel .tracker-individual-container { top:362px; text-align:center; } #carousel .tracker-individual-container span { list-style:none; background:none; height:310px; padding:0; margin:0; background:none; height:20px; display:inline-block; width:20px; } /* next previous arrows */ #carousel-left,#carousel-right { width:26px; height:26px; cursor:pointer;} #carousel-left { float:left; background:url(../images/backgrounds/slider-prev-arrow.png) no-repeat 0 0;} #carousel-right { float:right; background:url(../images/backgrounds/slider-next-arrow.png) no-repeat 0 0; } #carousel-left:hover { background:url(../images/backgrounds/slider-prev-arrow.png) no-repeat 0 bottom;} #carousel-right:hover { background:url(../images/backgrounds/slider-next-arrow.png) no-repeat 0 bottom; } /* ========================================================== (06) CONTENT ============================================================ */ #container { clear:both; width:960px; margin: 0 auto; min-height:350px; } #content { clear:both; text-shadow: 0px 1px 0px #fff; margin-top: 69px; margin-right: 0; margin-bottom: 10px; margin-left: 0; } /* ========================================================== (07) WHITE BOXES & WELCOME TEXT ============================================================ */ #content .welcome-text { clear:both; padding-top: 25; padding-right: 0; padding-bottom: 0px; padding-left: 0; } #content .welcome-text h1 { margin:0 0 10px 0;} #content .welcome-pic { float:right; margin:3px 0 0 30px;} .white-box { background:url(../images/backgrounds/whitebox-bg.jpg) repeat-y center top;} .white-box-bottom { background:url(../images/backgrounds/whitebox-bottom.jpg) no-repeat center bottom; padding-bottom:0px;min-height:300px; } .white-box-top { background:url(../images/backgrounds/whitebox-top.jpg) no-repeat center top; padding:5px 15px 0px 15px; margin-top:17px;} .white-box-heading { height:47px; } #content .white-box h2 { text-align:center; font-size:20px; color:#363636; margin-top:15px; line-height:18px;} .white-box h2 sub {vertical-align:text-top; font-size:14px; font-family:georgia, arial, verdana; color:#9d9d9d;} .white-box-content { padding:25px 20px 20px 20px; } .white-box p { margin-top:10px;} /* ========================================================== (08) SPECIAL OFFER BOX ============================================================ */ .special-offer { background:url(../images/backgrounds/special-offer-box.png) no-repeat center top; width:960px; height:94px; margin:24px 0 18px 0; clear:both;} .special-offer-text { font-size:27px; color:#181818; padding:10px 10px 10px 28px; text-shadow: 0px 1px 0px #fff;} #content .special-offer h5 { margin-top:21px; } .special-offer .button-size3 { margin:21px 21px 0 0; } /* ========================================================== (09) ADDITIONAL FOOTER ============================================================ */ #additional-footer-bg { clear:both; background:#d4d4d4 url(../images/backgrounds/additional-footer-bg.jpg) repeat-x 0 0; height:140px; /* <- increase/decrease additional footer HEIGHT here */ margin:auto; text-shadow: 0px 1px 0px #fff; color:#212121;} #additional-footer{ background:url(../images/backgrounds/additional-footer-top.jpg) no-repeat center 0; margin:0 auto; width:960px; padding-top:43px;} #additional-footer h4 { font-size:27px; color:#181818; line-height:30px; margin:0px;} .additional-footer-divider { float:left; margin:0 20px 0 20px;} /* ========================================================== (10) LARGE FOOTER ============================================================ */ #footer-top-bg { background:#003428 url(../images/backgrounds/large-footer-topbg.jpg) repeat-x 0 0;} #footer-bg { background:url(../images/backgrounds/large-footer-bg.jpg) no-repeat center 11px;} #footer { width:960px; margin:auto; padding:11px 0 20px 0; color:#838383; text-shadow: 0px 1px 0px #000;} #footer a { color:#fff; text-decoration:underline; font-size: 11px; } #footer a:hover { color:#c3c3c3; font-size: 11px; } #footer h2 { font-size:15px; color:#fff; background:url(../images/backgrounds/footer-heading-border.png) no-repeat left bottom; padding-bottom:14px; margin-bottom:10px; margin-top:5px;} #footer .list-checkmark ul { margin:15px 0 0 0; padding:0;} #footer .list-checkmark ul li { float:left; color:#fff;} #footer .list-checkmark li { display:block; width:267px; line-height:22px; background:url(../images/backgrounds/footer-checkmark1.png) no-repeat 0 0; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 10px; } .footer-title-arrow { background:url(../images/backgrounds/footer-title-arrow.png) no-repeat 0 0; height:10px; padding-bottom:0px;} /* ====== (a) Footer Latest News ====== */ .footer-latest-news { color:#939393; width:210px; } #footer .footer-latest-news ul { margin:0; padding:0;} #footer .footer-latest-news ul li { float:left; color:#f88aa4; width:300px; } #footer .footer-latest-news li { display:block; line-height:14px; padding:0 0 5px 0;} .footer-latest-news img { float:left; /*padding:3px; */ margin:0px 5px 5px 0; border:1px solid #003428;} .footer-latest-news-link {background-color:red; width:400px; height:400px;} #footer .footer-latest-news ul li a {color:#f88aa4; font-size:13px; text-decoration:none;} #footer .footer-latest-news ul li a:hover {text-decoration:underline;} .footer-latest-news a img { background-color:#003428; } .footer-latest-news a:hover img {background-color:#010101;border:1px solid #003428;} .footer-latest-news p { /*padding:0 0px 0 86px;*/ margin:0;color:#fff; line-height:20px; text-align:justify; } p.footer-latest-news {font-size:12px; color:#fff; padding-top:-3px; padding-bottom:3px;} #footer a.footer-read-more { padding-right:13px; text-decoration:none; } #footer a.footer-read-more:hover { color:#fff;} /* ====== (b) Footer Testimonials ====== */ #footer .footer-testimonials { background:url(../images/backgrounds/footer-testimonials-bg.png) no-repeat center top; width:300px;} #footer p.footer-testimonials-text { padding:25px 20px 0 65px; height:130px; line-height:20px;} #footer p.footer-testimonials-client-info { font-style:italic; font-size:14px; padding:0; font-family:georgia, arial, verdana;} /* ==== (c) Footer Link Listing ===================== */ #footer .largeFooterList ul { padding:0; margin:0; } #footer .largeFooterList ul li { line-height:30px; margin:0 0 3px 0; display:block; } #footer .largeFooterList ul li a { background:url(../images/backgrounds/footer-links-bg.png) no-repeat -5px 0; height:33px; width:219px; display:block; color:#939393; text-decoration:none; display:block; padding:0 0 0 30px; } #footer .largeFooterList ul li a:hover { color:#fff; } /* ==== (d) Footer Photo Gallery ===================== */ #footer .footer-one-third-gallery ul li { float:left; width:91px; height:91px; margin:0 12px 12px 0;} #footer .footer-one-third-gallery ul li a{ background:url(../images/backgrounds/footer-flickr-bg2.png) no-repeat 0 0; padding:7px; float:left; display:block; } #footer .footer-one-fourth-gallery ul li { float:left; width:65px; height:65px; margin:0 11px 11px 0;} #footer .footer-one-fourth-gallery ul li a{ background:url(../images/backgrounds/footer-flickr-bg1.png) no-repeat 0 0; padding:6px; display:block;} #footer .footer-one-third-gallery ul li.last, #footer .footer-one-fourth-gallery ul li.last { margin-right:0;} /* ==== (e) Footer Contact Form ===================== */ #form-one-third, #form-one-fourth { border:none;} #form-one-third p, #form-one-fourth p{ padding:0; margin:0;} #form-one-third .input1, #form-one-fourth .input1 { border:none; padding:0 8px 0 8px; font-family:Arial, Helvetica, sans-serif; color:#939393; line-height:29px; font-size:13px; float:left; margin-bottom:7px; height:32px;} #form-one-third .input2, #form-one-fourth .input2 { height:100px; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:7px; line-height:20px; border:none; color:#939393; margin-bottom:4px;} #form-one-third .input1 { background:url(../images/backgrounds/footer-input3.png) no-repeat; width:235px; } #form-one-third .input2 { background:url(../images/backgrounds/footer-input4.png) no-repeat; width:308px; overflow:hidden;} #form-one-fourth .input1 { background:url(../images/backgrounds/footer-input1.png) no-repeat; width:150px; } #form-one-fourth .input2 { background:url(../images/backgrounds/footer-input2.png) no-repeat; width:216px; overflow:hidden; } #form-one-third label, #form-one-fourth label { margin-left:10px; float:left; line-height:28px;} /* ==== (f) Contact Form Error/Success Messages Styles ===================== */ #footer #msg { height:auto; clear: both; margin: 5px 0; padding: 20px 20px 20px 70px; } #footer #msg p { background:url(../images/icons/error1.png) no-repeat 0 3px; padding-left:23px; margin-bottom:10px;} #footer #smessage h3{ font-size:14px; background:url(../images/icons/success2.png) no-repeat 0 4px; color:#fff; padding-left:27px; line-height:25px; margin:0; height:25px; font-weight:normal;} #footer #smessage p{ margin:0; padding-left:27px; color:#939393; } /* ==== (g) Footer Contact Details ===================== */ #footer .footer-contact-info ul { margin:15px 24px 15px 0px; padding:0 0 20px 0; border:none;} #footer .footer-contact-info ul li { border:none; line-height:17px; margin-top: 8px; padding:0 0 9px 0px;} #footer .footer-contact-info ul li { width:270px; clear:both;background:none;} #footer .footer-contact-info ul li span{ width:97px; float:left; line-height:17px; } #footer .footer-contact-info ul li a { background:none; text-decoration:none; color:#939393; display:block; width:auto; height:10px; line-height:17px; padding:0; margin:0;} #footer .footer-contact-info ul li a:hover{ color:#fff;} #footer .footer-contact-info ul li .contact-address { height:50px;} #footer .footer-contact-info ul li ul { margin:0; padding:0; } #footer .footer-contact-info ul li ul li { padding:0; clear:none;float:left; width:24px; height:24px; display:block; margin:0 5px 0 0;} #footer .footer-contact-info ul li ul li a { float:left; margin:0; padding:0; } /* ==== (h) Footer Twitter Updates ===================== */ #footer .tweet, #footer .query { } #footer .tweet .tweet_list, #footer .query .tweet_list { list-style-type: none; margin: 0; padding: 0; overflow-y: hidden; } #footer .tweet .tweet_list .awesome, #footer .tweet .tweet_list .epic, #footer .query .tweet_list .awesome, #footer .query .tweet_list .epic { text-transform: uppercase; } #footer .tweet .tweet_list li, #footer .query .tweet_list li { background:url(../images/icons/twitter2.png) no-repeat 0 5px; padding-left:68px; font-size:13px; float:left; color:#939393; font-weight:normal; font-style:italic; padding-bottom:20px; overflow-y: auto; overflow-x: hidden; } #footer .tweet .tweet_list li a, #footer .query .tweet_list li a { color:#c3c3c3; } #footer .tweet .tweet_list li .tweet_time a{ text-decoration:none; font-style:normal; } #footer .tweet .tweet_list li .tweet_time a:hover{ text-decoration:none; font-style:normal; color:#fff; } #footer .tweet .tweet_list .tweet_even, #footer .query .tweet_list .tweet_even { } #footer .tweet .tweet_list .tweet_avatar, #footer .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; } #footer .tweet .tweet_list .tweet_avatar img, #footer .query .tweet_list .tweet_avatar img { vertical-align: middle; } #footer a.footer-link { margin-left:68px; background:url(../images/backgrounds/slider-bullet1.png) no-repeat 0 0; padding:5px 0 5px 30px; font-size:14px; font-style:italic; text-decoration:none; color:#c3c3c3; } #footer a.footer-link:hover { color:#fff;} .capa_subfooter { padding-top: 0px; padding-bottom: 20px; margin:auto; width: 100%; background-color: #01372A; text-align: center; background-attachment: fixed; } .capa_sisostudio { margin:0 auto; width: 960px; font-size: 9px; text-decoration: none; color: #bebebe; background-attachment: fixed; clear:both; text-align:left; } .capa_sisostudio a { font-size: 10px; color: #FC0; text-decoration: none; } .capa_sisostudio a:hover { font-size: 10px; color: #FFF; } /* ========================================================== (11) SMALL FOOTER ============================================================ */ #small-footer { background:url(../images/backgrounds/small-footer-bg.png) no-repeat 0 0; height:51px;} #small-footer ul { margin:0 0 0 15px; padding-top:13px;} #small-footer ul li { float:left; color:#939393;} #small-footer ul li a { text-decoration:none; line-height:28px; display:block; padding:0 7px 0px 7px; font-size: 11px; } #small-footer ul li.active a { height:30px; display:block; line-height:28px; padding:0 0 0 10px;} #small-footer ul li.active a span{ height:30px; display:block; padding:0 10px 0 0; line-height:28px; text-shadow: none;} #small-footer p { float:right; line-height:28px; margin-right:20px; font-size: 10px; } #small-footer p a { text-decoration: none; color: #999; } /* ========================================================== (12) INNER PAGE ============================================================ */ #header-inner { clear:both; margin:auto; height:100px; padding-top:15px; background:url(../images/backgrounds/inner-header-bg.jpg) no-repeat center top; } #title-section { width:960px; margin:0 auto;} .page-title { width:500px; float:left; height:81px; margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 0; } #title-section h1 { font-size:27px; color:#B91424; line-height: 25px; } #title-section h1 sub { font-size:17px; color:#ebebeb; font-style:italic;} .title-icon { float:left; margin:0 20px 0 0;} .header-icons { float:right; height:50px; display:none;} .header-icons ul li{ float:left; margin:0; padding:0;} .header-icons ul li a { float:left; width:35px; height:35px; display:block; margin-left:6px;} #search { width:200px; float: left; position: relative; margin:0; padding:0;} #search-icon { float: right; margin: 0; cursor: pointer; padding:0;} #search-input-box { display:none; width: 200px; height: 35px; padding:0; margin:0; position: absolute; left:0; top:0; } #search-input-box input { background: url(../images/backgrounds/input-search.png) no-repeat 0 0; width: 135px; height:35px; line-height:35px; margin: 0; padding:0 10px 0 10px; border: none; font-family:arial; font-size: 12px; color: #939393; text-shadow: 1px 1px 0 #000; outline: none; } /* ===== BREADCRUMB ===== */ #breadcrumb { clear:both; font-size:12px; float:left; margin-top:4px; height:36px; color:#016D56 } #breadcrumb ul li{ float:left; margin:0; padding:0;} #breadcrumb ul li { height:36px; line-height:36px;float:left;display:block; background:url(../images/backgrounds/breadcrumb-arrow.jpg) no-repeat right 0; padding:0 16px 0 0; margin:0 10px 0 0;} #breadcrumb li a { text-decoration:none; color:#636363; padding-right:12px; padding-left:7px; display:block; cursor:pointer;} #breadcrumb a:hover {color:#000;text-decoration:none } #breadcrumb li.breadcrumb-home { background:none; text-indent:-9999px; width:51px; height:35px; display:block; padding:0;} #breadcrumb li.breadcrumb-home a{ background:url(../images/backgrounds/breadcrumb-home.jpg) no-repeat 0 0; margin:0; padding:0;} #breadcrumb li.breadcrumb-home a:hover{ background:url(../images/backgrounds/breadcrumb-home-hover.jpg) no-repeat 0 0; } #breadcrumb li.current { background:none; } /* ========================================================== (13) SIDEBAR ============================================================ */ #sidebar-right { background:url(../images/backgrounds/sidebar-right-bg.png) repeat-y left top; } #sidebar-right-bottom { background:url(../images/backgrounds/sidebar-right-bottom.png) no-repeat 0 bottom; padding-bottom:10px; } #sidebar-right-top { background:url(../images/backgrounds/sidebar-right-top.png) no-repeat 0 top; padding:0 0 0 30px; } #sidebar-left { background:url(../images/backgrounds/sidebar-left-bg.jpg) repeat-y right top; } #sidebar-left-bottom { background:url(../images/backgrounds/sidebar-left-bottom.jpg) no-repeat right bottom; padding-bottom:10px; } #sidebar-left-top { background:url(../images/backgrounds/sidebar-left-top.jpg) no-repeat right top; padding:0 30px 0 0; } /* ==== (a)Sidebar H2 and Menu Style ===================== */ #sidebar h2 { background:url(../images/backgrounds/sidebar-heading-bg.jpg) no-repeat 0 0; padding:0 0 0 22px; font-size:18px; margin:0; width:248px; height:51px; line-height:40px; clear:both; color: #fff; text-shadow:none; } #sidebar p{ padding:10px 24px 10px 24px;} #content #sidebar ul { margin:0 0 25px 0;padding:0;} #content #sidebar ul li, #sidebar li { border:0; margin: 0; padding:0;} #sidebar ul li a { background:url(../images/backgrounds/sidebar-links-bg.jpg) no-repeat 0 0; display:block; width:220px; height:39px; line-height:39px; padding:0 0 0 50px; text-decoration:none; color:#B91424;} #sidebar ul li a:hover, #sidebar ul li.active a { color:#181818;} #sidebar ul li.active a { font-weight:bold;} /* ==== (b) Sidebar Recent Tweets Widget ===================== */ #content #sidebar .tweet, #content #sidebar .query { margin:5px 22px 10px 22px; width:225px; } #content #sidebar .tweet .tweet_list, #content #sidebar .query .tweet_list { list-style-type: none; margin: 0; padding: 0; overflow-y: hidden; } #content #sidebar .tweet .tweet_list .awesome, #content #sidebar .tweet .tweet_list .epic, #content #sidebar .query .tweet_list .awesome, #content #sidebar .query .tweet_list .epic { text-transform: uppercase; } #content #sidebar .tweet .tweet_list li, #content #sidebar .query .tweet_list li { background:url(../images/icons/icon-twitter-sidebar.jpg) no-repeat 0 7px; line-height:20px; margin: 8px 0 0 0; padding:0 0 9px 30px; color:#5b5a5a; float:left; font-weight:normal; overflow-y: auto; overflow-x: hidden; } #content #sidebar .tweet .tweet_list li a, #content #sidebar .query .tweet_list li a { line-height:20px; background:none; color:#181818; padding:0; margin:0; width:auto; height:auto; display:inline;} #content #sidebar .tweet .tweet_list li .tweet_time a{ text-decoration:none; font-style:normal; } #content #sidebar .tweet .tweet_list li .tweet_time a:hover{ text-decoration:underline; font-style:normal; } #content #sidebar .tweet .tweet_list .tweet_even, #content #sidebar .query .tweet_list .tweet_even { } #content #sidebar .tweet .tweet_list .tweet_avatar, #content #sidebar .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; } #content #sidebar .tweet .tweet_list .tweet_avatar img, #content #sidebar .query .tweet_list .tweet_avatar img { vertical-align: middle; } /* ==== (c) Sidebar Advertise ===================== */ #sidebar .sidebar-advertise { clear:both; padding:0; height:257px;} #content #sidebar .sidebar-advertise ul { border:none; margin:15px 0 0px 18px; padding:0; } #content #sidebar .sidebar-advertise ul li { float:left; position:relative; background:none; margin:0 14px 14px 0; padding:0; width:110px; height:110px;} #content #sidebar .sidebar-advertise ul li a{ width:auto; padding:0; background:none; margin:0;} /* ==== (d) Sidebar Contact Details ===================== */ #content #sidebar .sidebar-contact-info ul { margin:15px 24px 15px 22px; padding:0 0 20px 0; border:none;} #content #sidebar .sidebar-contact-info ul li { border:none; line-height:17px; margin-top: 8px; padding:0 0 9px 0px;} #content #sidebar .sidebar-contact-info ul li { width:270px; clear:both;background:none;} #content #sidebar .sidebar-contact-info ul li span{ width:97px; float:left; line-height:17px; } #content #sidebar .sidebar-contact-info ul li a { background:none; text-decoration:none; color:#6d6d6d; display:block; width:auto; height:10px; line-height:17px; padding:0; margin:0;} #content #sidebar .sidebar-contact-info ul li a:hover{ color:#181818;} #content #sidebar .sidebar-contact-info ul li .contact-address { height:50px;} #content #sidebar .sidebar-contact-info ul li ul { margin:0; padding:0; } #content #sidebar .sidebar-contact-info ul li ul li { padding:0; clear:none;float:left; width:24px; height:24px; display:block; margin:0 5px 0 0;} #content #sidebar .sidebar-contact-info ul li ul li a { float:left; margin:0; padding:0; } /* ========================================================== (14) ABOUT US PAGE ============================================================ */ .about-thumb { background:url(../images/backgrounds/aboutus-thumb-bg.jpg) no-repeat 0 0; float:left; padding:7px; margin: 0 20px 10px 0;} .company-services{ margin:30px 0px 10px 0;} .company-services img{ float:left; margin:5px 20px 25px 0;} #content .company-services h4 { margin:0 0 5px 0;} #content .company-services p { margin: 0 0 15px 0; padding-left:120px;} .team-member { margin:10px 0 0 0} .team-member-thumb{ background:url(../images/backgrounds/staff-thumb-bg.jpg) no-repeat 0 0; float:left; padding:6px; margin: 0 20px 10px 0;} #content .team-member h4 { margin:0 0 10px 0; } #content .team-member p { margin:0 0 8px 0; line-height:15px; padding:0; } .team-member .divider2 { margin:20px 0 10px 0; clear:both; } #content .team-member p span.staff-email a{ background:url(../images/icons/icon-email.png) no-repeat 0 2px; height:15px; text-decoration:none; padding-left:25px; } #content .team-member p span.staff-phone { background:url(../images/icons/icon-phone.png) no-repeat 0 0px; height:50px; padding-left:25px; } /* ========================================================== (15) CONTACT US PAGE ============================================================ */ .contact-icons { float:right; margin:0 0 0 20px;} /* ==== Contact Form ===================== */ #content #contact_form p { padding:0; margin:0; } #contact-form label { width:200px;} .input-name2,.input-email2 { background:url(../images/backgrounds/input-name.jpg) no-repeat 0 0; width:184px; height:39px; line-height:39px; padding:0 10px 0 35px;} .input-name2,.input-email2,.contact-textfield{ border:0 none; outline:0; font-size:12px; font-family:arial,verdana; margin:4px 0 9px 0;} .input-name2 { background:url(../images/backgrounds/input-name2.jpg) no-repeat 0 0;} .input-email2 { background:url(../images/backgrounds/input-email2.jpg) no-repeat 0 0;} .contact-textfield { background:url(../images/backgrounds/contact-textfield.jpg) no-repeat 0 0; width:446px; height:90px; line-height:22px; padding:10px;} /* ==== Contact Details ===================== */ #content .contact-details ul { margin:18px 24px 10px 0px; padding:0; border:none;} #content .contact-details ul li { border:none; background:none; line-height:17px; margin-top: 8px; padding:0 0 9px 0px;} #content .contact-details ul li { width:270px; clear:both;} #content .contact-details ul li span{ width:130px; float:left; line-height:16px; } #content .contact-details ul li a { background:none; text-decoration:none; color:#6d6d6d; padding:0; margin:0; line-height:10px; height:10px;} #content .contact-details ul li a:hover{ color:#181818;} #content .contact-details ul li .contact-address { height:50px;} #content .contact-details ul li ul { margin:0; padding:0; } #content .contact-details ul li ul li { float:left; padding:0; clear:none;width:24px; height:24px; display:block; margin:-5px 5px 0 0; } #content .contact-details ul li ul li a { float:left; padding:0; margin:0; } .contact-map { background:url(../images/backgrounds/map-bg.jpg) no-repeat 0 0; padding:10px;} /* ==== Contact Form Error/Success Messages Styles ===================== */ #msg { height:auto; clear: both; margin: 5px 0; padding: 20px 20px 20px 70px; background:url("../images/icons/warning_box.png") no-repeat scroll 20px 50% #FFC7C2; } #msg p { background:url(../images/icons/error1.png) no-repeat 0 3px; padding-left:23px; } #smessage h3{ font-size:16px; background:url(../images/icons/success2.png) no-repeat 0 4px; padding-left:27px; line-height:25px; margin:0; height:25px; font-weight:normal;} #smessage p{ margin:0; padding-left:27px; } .capa-formulari-sorteig { float: left; width: 560px; margin-bottom: 0px; } .capa-bto-enviar { width: 200px; margin-top: 5px; float: left; margin-bottom: 10px; } .capa-checkbox { float: left; width: 590px; margin-top: 3px; margin-bottom: 3px; } .capa-text-sorteig { width: 590px; float: left; padding-top: 10px; border-top-width: 1px; border-top-style: dashed; border-top-color: #016D56; } /* ========================================================== (16) BLOG PAGE ============================================================ */ .post-left-column { width:79px; margin-right:24px; float:left;} .post-date { background:url(../images/backgrounds/date-bg.jpg) no-repeat 0 0; text-align:center; width:79px; height:115px; display:block; margin-bottom:6px; padding-top:18px;} .date-day { font-size:27px; display:block; color: #B91424; } .date-month { font-size:20px; display:block; margin-top:-24px; color: #B91424; } .post-comments a{ font-size:22px; color:#fff; line-height:30px; margin:0; text-decoration:none;} /* ==== (a) Share (social media) Section ===================== */ .post-share { background:url(../images/backgrounds/share-post.jpg) no-repeat 0 0; width:79px; height:30px;} .post-share a { text-decoration:none;} .post-share p.trigger{ clear:both; padding:0; margin:0; background:url(../images/backgrounds/share-post.jpg) no-repeat 0 0; height: 30px; line-height: 28px; width: 100%; float: left; border:none; } .post-share p.trigger a { clear:both; color: #363636; font-size: 14px; text-indent:12px; text-decoration: none; display: block; font-size:13px; height: 30px; line-height: 26px; } .post-share p.trigger a:hover { color: #000; } .post-share p.active a{background:url(../images/backgrounds/share-post.jpg) no-repeat 0 bottom;color:#000;} #content .post-share .toggle_container { background: url(../images/backgrounds/share-container-bg.png) repeat-y center bottom; width:59px; margin:0 0 0 10px; padding:0; overflow: hidden; clear: both; border:none; position:relative; z-index:999;} #content .post-share .toggle_container ul { margin:0; width:40px; padding:8px 8px 10px 9px; } #content .post-share .toggle_container ul li { padding:0; margin:0; background:none; } #content .post-share .toggle_container ul li a{ clear:both; background:none; height:40px; width:40px; display:block; } /* ==== (b) Post Content ===================== */ .post-content{ width:527px;} .post-img { background:url(../images/backgrounds/blog-post-bg1.jpg) no-repeat 0 0; padding:12px;} #content .post-content h2, #content .post-content h2 a{ margin:15px 0 10px 0; color:#B91424; text-decoration:none;} #content .post-content h2 a:hover {color:#B91424; } .blog-post-details { background:#fff url(../images/backgrounds/blog-post-details.jpg) repeat-x 0 0; padding:10px 15px 10px 15px; border:1px solid #9ec5b5; height:auto; margin:10px 0 10px 0; color: #B91424; } #content .blog-post-details p{ margin:0; padding:0; color: #016D56; } .blog-categories { background:url(../images/icons/icon-categories.png) no-repeat 0 0; padding-left:25px; margin-top:-10px; } .blog-author { background:url(../images/icons/icon-author.png) no-repeat 0 0; padding-left:25px; margin-top:-10px; } /* ==== (c) About Author ===================== */ .about-author { background:#f1f1f1 url(../images/backgrounds/about-author-bg.jpg) repeat-x 0 0; border:1px solid #d3d3d3; padding:24px 20px 0 19px; margin:40px 0 40px 0;} .author-img { background:url(../images/backgrounds/about-author-thumb-bg.jpg) no-repeat 0 0; margin:0; padding:6px; height:100px; width:100px; display:block; float:left; position:relative;} .about-author p.about-author-title { font-size:18px; color:#181818; margin-bottom:10px;} .about-author p { color:#5b5a5a; margin-left:130px;} /* ==== (d) Comments ===================== */ #content .comment-list ol, #content .comment-list ol li{ list-style:none; margin:40px 0 0 0; padding:0;} div.comment-list a { text-decoration:none;} div.comment-list ol li a:hover { text-decoration:underline;} div.comment-list ol li { list-style:none;} div.comment-list ol { padding:0; clear:both; width:auto; margin:0; } #content .comment-list ol li { width:auto; float:left; background:none; list-style:none; padding:11px 0 0 0; margin:0;} #content .comment-list ol li ul li { width:570px;float:right; margin:0; padding:0; } #content .comment-list ol li ul li ul li { width:510px;float:right;} #content .comment-list ol li ul li ul li ul li { width:450px;float:right;} #content .comment-list ol li ul li ul li ul li ul li { width:390px;float:right;} #content .comment-list ol li ul li ul li ul li ul li ul li { width:330px;float:right;} #content .comment-list ol li ul li { background:url(../images/backgrounds/comment-reply.jpg) no-repeat 0 0; padding-left:31px; padding-top:11px;} .comment { background:#f4f4f2 url(../images/backgrounds/comments-bg.jpg) repeat-x 0 0; border:1px solid #d7d7d7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:24px 20px 0 19px; margin:0px 0 0px 0; } .post-author { background:#efefef url(../images/backgrounds/comment-admin-bg.jpg) repeat-x 0 0; } .avatar { background:url(../images/backgrounds/avatar-bg.jpg) no-repeat 0 0; margin:0; padding:6px; height:60px; width:60px; display:block;} .reply { width:72px; text-align:center;} .reply a { text-decoration:none; font-size:14px; letter-spacing:2px; color:#181818; line-height:25px;} .reply a:hover { color:#000;} .comment-text { color:#5b5a5a; margin-left:90px;} .comment-body { margin-top:10px;} .comment-heading { height:20px;} .comment-text cite { font-size:17px; color:#181818; float:left;} .comment-text .date { float:right;} /* ==== (e) Comment Form ===================== */ .comment-form-left { float:left; width:260px;} .comment-form-right { float:right} #comment-form label { width:250px; line-height:27px} .input-name,.input-email,.input-url { background:url(../images/backgrounds/input-name.jpg) no-repeat 0 0; width:206px; height:39px; line-height:39px; padding:0 10px 0 35px;} .input-name,.input-email,.input-url ,.textfield-comment{ border:0 none; outline:0; font-size:12px; font-family:arial,verdana; margin:0 0 9px 0;} .input-name { background:url(../images/backgrounds/input-name.jpg) no-repeat 0 0;} .input-email { background:url(../images/backgrounds/input-email.jpg) no-repeat 0 0;} .input-url { background:url(../images/backgrounds/input-url.jpg) no-repeat 0 0;} .textfield-comment { background:url(../images/backgrounds/comment-textfield.jpg) no-repeat 0 0; width:332px; height:169px; line-height:22px; padding:10px;} #comment-form .divider2 { clear:both; margin:0 0 12px 0;} /* ========================================================== (17) 1 TO 4 Column & Sortable Portfolio ============================================================ */ /* portfolio tab */ #content .portfolio-tab { margin:0 0 20px 0; height:50px;} #content .portfolio-tab ul,#content .portfolio-tab ul li{ padding:0; margin:0;float:left;} #content .portfolio-tab ul li a{ float:left; background:url(../images/backgrounds/button-white-on-left.jpg) no-repeat 0 0; height:32px; display:block; padding:0 0 0 15px; width:auto; text-decoration:none; cursor:pointer; font-family:arial, verdana, georgia;} #content .portfolio-tab ul li a span{ background:url(../images/backgrounds/button-white-on-right.jpg) no-repeat right 0; height:32px; display:block; padding:0 15px 0 0; margin:0 6px 0 0; line-height:32px; color:#292929; font-size:12px; text-shadow: 0 1px 0 #fff} #content .portfolio-tab ul li a:hover,#content .portfolio-tab ul li.active a,ul#sortable-gallery li a.current{ background:url(../images/backgrounds/button-white-hover-left.jpg) no-repeat 0 0; } #content .portfolio-tab ul li a:hover span,#content .portfolio-tab ul li.active a span,ul#sortable-gallery li a.current span{ background:url(../images/backgrounds/button-white-hover-right.jpg) no-repeat right 0;} .filter-category { line-height:32px; margin-right:10px; } /* portfolio 1 to 4 column */ #content .portfolio ul{ padding:0; margin:10px 0 0 0; } #content .pf-one-half ul li, #content .pf-one-third ul li, #content .pf-one-fourth ul li { background:none; padding:0; } .portfolio p { line-height:10px; margin:0 0 5px 0; /*max-height:120px;*/ } .portfolio ul li { margin:0 30px 0 0; padding:0; background:none; list-style:none;} .portfolio ul li.last {margin-right:0;} #content .portfolio h3 { font-size:16px; font-weight:normal; line-height:30px; height:42px; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; } #content .pf-one-full h3 { font-size:20px; font-weight:normal; margin:15px 0 10px 0; } .portfolio h3,.portfolio h3 a ,.pf-one-full h3,.pf-one-full h3 a { color:#181818; display:block; text-decoration:none; padding:0;} .portfolio h3 a:hover ,.pf-one-full h3 a:hover { color:#000;} .portfolio-content { padding:0px 0 10px 0; /*margin-bottom:18px;*/ height:110px; width: 300px; } .pf-one-half ul li, .pf-one-third ul li, .pf-one-fourth ul li {float:left; background:none;} .pf-one-full { width:960px;} /* Width of 1 Column Portfolio */ .pf-one-half ul li { width:465px;} /* Width of 2 Column Portfolio */ .pf-one-third ul li { width:300px;} /* Width of 3 Column Portfolio */ .pf-one-fourth ul li { width:217px;} /* Width of 4 Column Portfolio */ .sortable ul li { margin-bottom:18px;} .pf-one-full { clear:both; margin-bottom:30px; padding-bottom:8px; margin-top:10px; height:278px;} #content .pf-one-full ul { margin:10px 0 10px 0; padding:0;} .img-one-fourth, .img-one-third, .img-one-half, .img-one-full { clear:both; padding:12px; margin:0; } .img-one-fourth { background:url(../images/backgrounds/portfolio-4col-bg.jpg) no-repeat 0 0; } .img-one-third { background:url(../images/backgrounds/portfolio-3col-bg.jpg) no-repeat 0 0; } .img-one-half { background:url(../images/backgrounds/portfolio-2col-bg.jpg) no-repeat 0 0; } .img-one-full { background:url(../images/backgrounds/portfolio-1col-bg.jpg) no-repeat 0 0; } .img-one-fourth p, .img-one-third p, .img-one-half p, .img-one-full p { margin:0; padding:0;} /* ===== Single Page Portfolio ================== */ #single-page-portfolio { background: url(../images/backgrounds/navigation-shadow.jpg) no-repeat center 410px; height:470px;} /* Large Image Position */ .pika-image { position: relative; height: 284px; width: 612px; padding: 10px; background:url(../images/backgrounds/portfolio-singlepage-bg.jpg) no-repeat left top; padding:12px 9px 27px 12px; margin:0 10px 0 0;} .pika-image .animation, .pika-image .main-image { position: absolute; top: 12px; left: 12px;} .pika-image .animation { display:none;z-index:2;} .pika-image img {border:0;} .pika-image .caption { position: absolute; background: url(../images/backgrounds/caption-bg.png); font-size: 12px; line-height:20px; font-family:arial; text-shadow:none; color: #fafafa; padding: 10px; text-align: center; height:auto; width:auto; bottom: 40px; right: 24px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .pika-image .caption p { padding: 0; margin: 0; } .pika-image .caption a { color:#fafafa; text-decoration:underline} /* Image Navigation - Next, Previous, Play, Pause*/ .pika-imgnav a { position: absolute; text-indent: -5000px; display: block; z-index:3;} .pika-imgnav a.previous, .pika-imgnav a.next , .pika-imgnav a.play, .pika-imgnav a.pause { height:26px; width: 26px; margin-top: 127px; cursor:pointer; } .pika-imgnav a.previous { background: url(../images/backgrounds/slider-prev-arrow.png) no-repeat 0 0px; margin-left: 258px;} .pika-imgnav a.previous:hover {background-position:0 bottom;} .pika-imgnav a.next { background: url(../images/backgrounds/slider-next-arrow.png) no-repeat 0 0px; margin-left: 320px; } .pika-imgnav a.next:hover {background-position:0 bottom} .pika-imgnav a.play { background: url(../images/backgrounds/play-pause.png) no-repeat 0 0; margin-left: 289px;} .pika-imgnav a.pause { background: url(../images/backgrounds/play-pause.png) no-repeat 0 bottom; margin-left: 289px;} #content ul#pikame{width:627px; height:117px;} #content ul#pikame li { background:url(../images/backgrounds/portfolio-singlepage-thumb-bg.jpg) no-repeat left top; padding:9px; margin:0 18px 0 0;} .pika-thumbs { margin:0; padding:0; overflow: hidden; float:left; clear:both; } #content .pika-thumbs li a{ float: left; list-style-type: none; width:100px; cursor: pointer; background: none; margin:10px; } #content .pika-thumbs li:last {margin: 0;} .clip { position:relative; width: 92px; height: 65px; text-align: center; vertical-align: middle; padding-top:1px; margin-left:1px; overflow: hidden; cursor:pointer;} .clip span{ position:absolute; top:5px; left:5px; display:block;} /* Text Navigation (disable)*/ .pika-textnav { display:none; } /* ========================================================== (18) TESTIMONIALS PAGE ============================================================ */ #content div.testimonials-text {overflow:hidden; margin:0; padding:0 } #content div.testimonials-text p { margin:0 0 10px 0} #content div.testimonials-text h5 { margin:7px 0 7px 0; padding:0; font-size:20px } #content div.testimonials-text h5 sup { font-size:14px;} #content div.testimonials-text h5 a { color: #016D56; text-decoration: none; } #content div.testimonials-text h5 a:hover { color: #999; } #content div.testimonials-text a.client-website { background:url(../images/icons/shortcut.png) no-repeat 0 1px; text-decoration:none; padding-left:18px; } #content div.testimonials-text a:hover.client-website { text-decoration:underline;} /* testimonial with client image */ #content .testimonials1 { clear:both; margin:0px 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #b6b6b6; height:100%; float:left;} /* testimonial without client image */ .testimonials2 { background:url(../images/backgrounds/quote.png) no-repeat 20px 5px; margin:15px 0 25px 0; padding:0 0 10px 94px; border-bottom:1px dotted #b6b6b6; height:100%; clear:both;} /* video testimonials */ .flashunit { clear:both; margin: 10px 0 0 0; padding-right:20px; width: 210px; float:left; display:block; position:relative;} object.flashvideo { width: 200px; height:150px; padding: 4px; background: #fff; border: 4px solid #ddd;} /* testimonial with quotes */ #content .quote-testimonials { padding: 20px 0px 0 0; margin-top: 20px; clear:both;} #content .quote-testimonials span { background:url(../images/backgrounds/quote-small.png) no-repeat 0px 0px; padding-left:40px; padding-top:15px; } #content .quote-right { float:right; background:url(../images/backgrounds/quote-right.png) no-repeat right 3px; text-align:right; padding-right:60px; margin-top:0px;} #content div.quote-testimonials h5 { margin:7px 0 7px 0; padding:0; font-size:18px; font-style:italic; } #content div.quote-testimonials h5 sup { font-size:14px;} /* Box Testimonials */ #content .box-testimonials { clear:both; margin:10px 0 10px 0;} #content .box-testimonials p { background:#efefef url(../images/backgrounds/box-testimonials-bg.jpg) repeat-x left bottom; padding:20px 20px 50px 20px; color:#464646; margin:0; border-top:1px solid #e6e6e6; } #content .box-testimonials-client { padding-left:30px} #content .box-testimonials-client h5 { margin:7px 0 7px 0; padding:0; font-size:16px } #content .box-testimonials-client h5 sup { font-size:13px;} /* Rotate Content */ #content ul.rotate-content { background:none; padding:0; margin:0; clear:both; position:relative;} #content ul.rotate-content li{ background:none;} /* navigation */ #content .rotate-content-navigation #nav2 { display:inline-block; height:20px; margin:0; padding:4px 0 20px 0; clear:both;} #content .rotate-content-navigation #nav2 { margin:0 10px; position: relative; text-align:center; } #content .rotate-content-navigation #nav2 span {display:inline; list-style: none; text-indent:-9999px;} #content .rotate-content-navigation #nav2 span a { background:url(../images/backgrounds/slider-navigation.png) no-repeat 0 0; margin:0; height:20px; width:20px;display:inline-block; } #content .rotate-content-navigation #nav2 a.activeSlide,#content .rotate-content-navigation ul#nav2 a:hover { background-position:0 bottom; } #content .rotate-content-navigation #nav2 a:focus { outline: none; } /* ========================================================== (19) prettyPhoto Lightbox Styles ============================================================ */ /* Facebook Theme */ div.facebook .pp_top .pp_left{ background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle{ background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right{ background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt{ color:#363636; } div.facebook .pp_content_container .pp_left{ background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right{ background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content{ background:#fefefe; } div.facebook .pp_expand{ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover{ background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract{ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover{ background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook #pp_full_res .pp_inline{color:#363636} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#363635;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0 0 5px} .pp_nav{clear:left;float:left;margin:3px 0 0} .pp_nav p{float:left;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery ul{float:left;height:35px;overflow:hidden;position:relative;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px #363636 solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{display:block;float:right;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:block} * html .clearfix{height:1%} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .capa-sopa-lletres { height: 500px; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; background-color: #016D56; padding: 6px; width: 500px; } /*Missatges*/ .success_box, .warning_box, .error_box, .info_box { color:#434343; margin-bottom:10px; padding:20px 20px 20px 115px; } .succsess_box { border:1px solid #A2C487; background:url(../images/info_icon1.png) 35px center no-repeat #CDECB4; } .warning_box { border:1px solid #D1C289; background:url(../images/info_icon2.png) 35px center no-repeat #F7E9B4; } .error_box { border:1px solid #D6AC96; background:url(../images/info_icon3.png) 35px center no-repeat #F8D1BC; } .info_box { border:1px solid #93C3E1; background:url(../images/info_icon4.png) 35px center no-repeat #B8E0F9; } .capa-detall-botiga { float: left; padding-left: 10px; } .tamany-preu-detall { font-size: 20px; color: #016D56; } .preu{ color:red; font-size:16px; font-weight:bold; } .preu-antic{ color: red; font-size: 20px; text-decoration:line-through; } .num_productes{ text-align: right; width: 25px; } #validar_cupon{ float:left; } .success_box { background: url("../images/info_icon1.png") no-repeat scroll 35px center #F7E9B4; border: 1px solid #D1C289; } /* ==== ESCOLA CONTACT ===================== */ #escola-form { background-color:#fff; padding:20px; margin-bottom:40px; border:1px solid #9EC5B5; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; } #escola-form p { margin:0; padding:0; font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:4px; } #escola-form label { float:left; text-align:right; width:140px; line-height:25px; margin-right:8px; } #escola-form input { width:300px; height:20px; line-height:20px; margin-bottom:6px; padding-left:3px; font-family:arial,verdana; font-size:12px; } #escola-form .radio { width:20px; padding-top:3px; } #escola-form textarea { width:300px; height:80px; line-height:20px; margin-bottom:6px; padding-left:3px; font-family:arial,verdana; font-size:12px; } .comentaris_portada { margin:0px 0 40px 0; height:auto; /*box-shadow: #017D71 0.5em 0.5em 0.3em;*/ padding:10px; } .comentari1 { float:left; font-family: Georgia, "Times New Roman", sans-serif; font-size:16px; font-style:italic; color: #016d56; } .comentari2 { clear:both; float:right; margin-right:20px; color: #016d56; } #opiniones label {float:left; width:200px; height:20px;} #opiniones input {margin-bottom:4px; float:left; height:18px; line-height:18px; width:200px;} #opiniones select {margin-bottom:4px; float:left; height:22px; line-height:22px; width:204px;} .img-blog-post { width: 200px; height:120px; padding: 4px; background: #fff; border: 4px solid #ddd; } .img-blog-post2 { width: 503px; height:170px; padding: 4px; background: #fff; border: 4px solid #ddd; } #donatiuform, #inscripcioform { display: none; } #donatiuform .columnleft, #inscripcioform .columnleft{ float: left; width: 48%; } #donatiuform .columnright, #inscripcioform .columnright{ float: right; width: 48%; } #donatiuform .input, #donatiuform select, #inscripcioform .input, #inscripcioform select, #inscripcioform textarea { background: #fff; width:300px; max-width: 100%; height:30px; line-height:30px; padding:5px; border: 1px solid #a0a0a0; margin-bottom: 10px; clear: both; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; } #inscripcioform textarea { height:80px; line-height: normal; } #donatiuform select, #inscripcioform select{ height:40px; line-height:40px; } .btn_donatiu_particular, .btn_donatiu_empresa, .btn_inscripcio { cursor: pointer; } #footer .form_subscription { text-align: center; } #footer .form_subscription h4 { color: #fff; text-shadow: none; } #footer .form_subscription label { text-align: left; display: block; width: 100%; color: #fff; text-shadow: none; } #footer .form_subscription input { display: block; width: 100%; padding: 10px; text-align: left; border-radius: 5px; border: none; box-sizing: border-box; text-shadow: none; } #footer .form_subscription button { background: #e4091e; color: #fff; border-radius: 5px; border: none; padding: 10px; display: block; width: 100%; font-weight: bold; box-sizing: border-box; text-shadow: none; } #footer .form_subscription button:hover { background: #651212; } #footer .form_subscription .form_subscriber_result { text-shadow: none; margin-top: 10px; } .modal_subscription h4 { text-shadow: none; } .modal_subscription label { float: left; text-align: right; width: 25%; padding: 10px; box-sizing: border-box; text-shadow: none; } .modal_subscription input { float: right; width: 75%; padding: 10px; text-align: left; border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box; text-shadow: none; } .modal_subscription button { background: #e4091e; color: #fff; border-radius: 5px; border: none; padding: 10px; float: right; width: 75%; font-weight: bold; box-sizing: border-box; text-shadow: none; } .modal_subscription button:hover { background: #651212; } .modal_subscription .form_subscriber_result { text-shadow: none; margin-top: 10px; } #ModalSubscription .close-reveal-modal { text-decoration: none; color: #000; font-size: 20px;