/* CSS Reset & normalize */ /* * Drive Less Stylesheet using Bootstrap v2.2.1 * * Copyright 2012 Falcon Creative Studio, Inc * Most of the Styles here are override from boostrap. You can still use bootstraps default using bootsrap class. Mostly we add unique extra class and customized bootstrap (which means you still able to access bootstrap's default styles). 1. Global Styles. 2. Common Styles used all over the template. 2.1. Button (Primary Button, Secondary Button). 2.2. Progress Bar. 2.3. Curved Shadows (Shadows used in headers and in sliders). 2.4. Fcs Responsive Sliders (This is the slider used in clients, feartured work etc). 2.5. Social Icons (This applied to all social icon throught out the template). 2.6. Icon 50 & Icon 80 (Rounded icon with font awesome in two differnt sized used in home, service and shortcodes page. You can use anywhere you want.) 2.7. Blockquote 2.8. Seperator. 3. Page Header. 3.1. Page Top Bar. 3.2. Page Header. 3.3 Main Navigation. 3.4 Mobile Navigation 4. Banner / Slider. 4.1. Banner Breadcrumbs. 4.2. Intro Banner / Box below banner in home page 2. 5. Back to Top 6. Main Content & Common Page Styles 6.1. Main Content (This is the wrapper div). 7. Home Page 1. 8. Home Page 2. 9. Services - Services Page. 10.Blog & Single Blog Pages. 10.1. Author Details. 10.2. Comments Section. 10.3. Post Format Icons. 10.4. Pagination. 11. Sidebar. 11.1. widgets. 11.2. Popular Posts. 11.3 Recent Tweets. 11.4. Flickr. 12. Clients. 13. Page Footer. 13.1. Copyright info section. 14. Pricing Table. 15. Single Portfolio. 16. Contact Page. 16.1. Form Styles. 17. Shortcodes. 17.1. DropCaps. 17.2. Highlight. 17.3. ToolTips. 17.4. Pop Over 17.5. Message Box 17.6. Tabs. 17.7. Accordion & Toggle 18. Hover Effects 18.1. Hover Effects1 18.2. Hover Effects2 18.3. Hover Effects3 19. Members in About Pages (Our team). 20. Portfolio Page. 21. IE9 Rules. */ /* CSS Reset & normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a{ color:#AC0A16; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 31px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } /* 1. Global Styles */ body { background: #ffffff !important; line-height: 1.8; overflow:scroll; overflow-x: hidden; } body.noise { background: url(../img/body-bg.png) repeat left top; } p { margin-bottom: 20px; } p img.pull-left { margin: 5px 10px 10px 0px; } p img.pull-right { margin: 5px 10px 10px 0px; } p + h3 { margin-top: 30px; } pre { margin-bottom: 25px; } ul, ol { margin-bottom: 25px; } li, dd { margin-bottom: 10px; margin-left: 0; } li[class^="icon-"]::before, li[class*=" icon-"]::before { font-size: 14px; } #mainContent p.noMarginBottom, p.noMarginBottom { margin-bottom: 0px; } .noMarginLeft{ margin-left: 0px !important; } .bannerHeader h1{ } .tit_h1{ height:0 !important; width:0 !important; margin:0 !important; padding:0 !important;text-indent: -9999px; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-bottom: 12px; } h1.noMarginBottom, h2.noMarginBottom, h3.noMarginBottom, h4.noMarginBottom, h5.noMarginBottom, h6.noMarginBottom { margin-bottom: 0px; } h1.borderLine, h2.borderLine, h3.borderLine, h4.borderLine, h5.borderLine, h6.borderLine { background: transparent url(../img/sep-double-line.png) repeat-x left center; line-height: 1; margin-bottom: 30px; } h1.borderLine .bg, h2.borderLine .bg, h3.borderLine .bg, h4.borderLine .bg, h5.borderLine .bg, h6.borderLine .bg { padding-right: 15px; display: inline-block; line-height: 1; background: #fff; } h1.uppercase, h2.uppercase, h3.uppercase, h4.uppercase, h5.uppercase, h6.uppercase { text-transform: uppercase; } h3, h4, h5, h6 { margin-bottom: 10px; } h1 { font-size: 21px; } h2 { font-size: 18px; } h2.titulo { text-transform:uppercase; font-size: 14px; background:url(../img/fondo-titulos.gif) no-repeat center 32px ; height:40px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; } h6 { font-size: 12px; font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; } .title, h1.title, h2.title, h3.title, h4.title, h5.title, h6.title { font-size: 16px; } a:hover { text-decoration: none; } b, strong { /*font-family: "nexa_500", Tahoma, Geneva, sans-serif;*/ font-family: "museo_sans_500", Tahoma, Geneva, sans-serif; /*font-weight: normal;*/ } i, em { font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; } /* Global Classes */ .center { margin-left: auto; margin-right: auto; } .emphasis { font-size: 15px; } .crop { height: 185px; overflow: hidden; } .clear { clear: both; } /* Selection Colors */ ::-moz-selection { text-shadow: 0px 1px 1px #ffffff; color: #222222; } ::selection { text-shadow: 0px 1px 1px #ffffff; color: #222222; } /************************************************** 2. Common Styles used all over the template. **************************************************/ /* 2.1. Theme Own Button (Primary Button, Secondary Button) */ .btn [class^="icon-"], .btn [class=" icon-"] { margin-left: 3px; margin-right: 4px; } /* primary Button */ .btn-theme-pri { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15); font-size: 9px; padding: 8px 12px 6px; color: #ffffff; text-shadow: none; text-transform: uppercase; font-family: "nexa_500", Tahoma, Geneva, sans-serif; } .btn-theme-pri:hover { color: #ffffff; text-decoration: none; background-position: 0 0; } .btn-theme-pri:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-theme-pri.active, .btn-theme-pri:active { color: #ffffff; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-theme-pri.disabled, .btn-theme-pri[disabled] { color: #555555; cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-theme-pri.btn-large { padding: 11px 19px; font-size: 17px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-theme-pri.btn-small { padding: 2px 10px; font-size: 12.2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-theme-pri.btn-mini { padding: 1px 6px; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Theme Own Button Secondary*/ .btn-theme-sec { color: #ffffff; text-shadow: none; text-transform: uppercase; font-family: "nexa_500", Tahoma, Geneva, sans-serif; box-shadow: none; } .btn-theme-sec:hover, .btn-theme-sec.black:hover { color: #ffffff; text-decoration: none; background-position: 0 0; } .btn-theme-sec:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-theme-sec.active, .btn-theme-sec:active { color: #ffffff; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-theme-sec.disabled, .btn-theme-sec[disabled] { color: #555555; cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-theme-sec.black { background-color: #474747; background-image: -moz-linear-gradient(top, #555555, #333333); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333)); background-image: -webkit-linear-gradient(top, #555555, #333333); background-image: -o-linear-gradient(top, #555555, #333333); background-image: linear-gradient(to bottom, #555555, #333333); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0); } /* 2.2 Theme Style Progress Bar*/ .progress-text { margin-bottom: 5px; font-family: "nexa_500", Tahoma, Geneva, sans-serif; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; } .progress-striped .bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress-con { position: relative; } .progress-con p { text-transform: uppercase; line-height: 32px; position: absolute; left: 0px; top: 0px; width: 100%; padding: 0 10px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .progress { height: 30px; background-color: #ccc; background-image: none; margin-bottom: 20px; } .progress .bar.theme { text-transform: uppercase; line-height: 30px; } /* 2.3. Curved Shadows */ .drop-shadow { position: relative; background: #ffffff; } .drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; } .drop-shadow.curved:before { top: 50%; bottom: 3px; left: 30%; right: 30%; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); -moz-border-radius: 130px / 10px; border-radius: 130px / 10px; max-width: 40%; opacity: 0.5; } /* 2.4. Fcs Responsive Sliders */ .fcsCarousel { position: relative; width: 100%; } .carousel-items-con { width: 100%; overflow: hidden; } .carousel-items { width: 10000px; list-style: none; margin-left: 0px; } .carousel-item { margin-right: 35px; float: left; list-style: none; margin-left: 0px; margin-bottom: 0; } .carousel-item.featuredWork { margin-bottom: 0; } .fcsCarousel img { -webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none; -moz-user-drag: none; } .fcsCarousel, .carousel-item a { -webkit-user-drag: none; -moz-user-drag: none; } .col3 .carousel-item { width: 290px; height: 210px; } .col4 .carousel-item { width: 212px; height: 154px; } .col4 .featuredWork .header { padding-top: 3%; } .slider-nav { position: absolute; top: 33px; right: 0px; font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 23px; line-height: 26px; width: 100%; height: 0px; } .slider-nav .disable, .slider-nav .disable:hover { color: #ccc; cursor: default; text-decoration: none; } .slider-nav a { width: 10px; height: 20px; display: block; float: left; margin-left: 2px; color: #666; outline: none; font-size: 37px; background: none; position: absolute; } .slider-nav a.prevSlide { left: 0px; top: 0px; } .slider-nav a.nextSlide { right: 0px; top: 0px; } .slider-nav a:active { outline: none; } /*page footer */ #pageFooterCon { /* 13.1. Copyright */ background:#efefef; margin-bottom: 20px; } #pageFooterCon ::-moz-selection { text-shadow: none; color: #ffffff; } #pageFooterCon ::selection { text-shadow: none; color: #ffffff; } #pageFooterCon a:hover, #pageFooterCon a:active { text-decoration: none; color: #f0f0f0; } #pageFooterCon .sep { } .linea_pie{ /*max-width: 975px !important;*/ width: 100%; margin: auto; height: 65px; } #pageFooterCon .copyright { /*max-width: 975px !important;*/ margin: auto; background:#373737; /*background: transparent url(../img/fondo-footer.png) repeat-x top left;*/ background-color:#353535; /*height: 106px;*/ height: auto; /*color:#828282;*/ color:#FFFFFF; /*font-size:9px;*/ font-size:10px; /* margin-left:20px;*/ } #pageFooterCon .copyright .span9 { line-height: inherit; padding:7px 0px; /*margin-left:270px; margin-top:0px; width:42%;*/ margin:auto; float:none; text-align: center; } #pageFooterCon .copyright .span9 a{ color:#FFFFFF; } #pageFooterCon .copyright .span9 a:hover{ color:#ffffff; } #pageFooter { max-width:none !important; width:100% !important; background:#ffffff; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); } #pageFooter .widgets{ max-width: 975px !important; margin:0 auto; } #pageFooter h2, #pageFooter h3 { color: #ffffff; font-size: 16px; letter-spacing: 1px; line-height: 1.2; margin-top: 0px; } #pageFooter ul, #pageFooter li { list-style: none; margin: 0; padding: 0; } #pageFooter li { margin: 0 0 10px 3px; /* background: transparent url(../img/arrow-white.png) no-repeat left 5px;*/ padding-left: 13px; } #pageFooter ul.tweets { margin: 0; padding: 0; } #pageFooter ul.tweets li { margin: 0 0 15px 3px; background: transparent url(../img/twitter-white.png) no-repeat left 5px; padding-left: 30px; } #pageFooter .widgets { /*padding: 50px 0px 30px;*/ padding: 20px 0; } #pageFooter .widgets i, #pageFooter .widgets em, #pageFooter .widgets strong, #pageFooter .widgets b { color: #b2b2b2; } #pageFooter .col3 { width: 31.18279569892473%; padding-right: 1.6129032258064515%; margin-right: 1.6129032258064515%; float: left; } #pageFooter .col3.calendario { padding-right: 0px; margin-right:0px; margin-top: -40px; } #pageFooter .col3.noBorderRight { margin: 0px; margin-left: 15px; padding: 0px; background: none; } /* 2.5. Social Icons */ .socialIcons { line-height: 23px; padding-top: 6px; margin-bottom: 0; } .socialIcons a { background: #e5e5e5 url(../img/social-icons.png) no-repeat left top; width: 22px; height: 23px; text-indent: -1000em; display: inline-block; margin-left: 3px; -webkit-transition: background-color ease 0.5s; -moz-transition: background-color ease 0.5s; -o-transition: background-color ease 0.5s; transition: background-color ease 0.5s; } .socialIcons a:hover, .socialIcons a:active { -webkit-transition: background ease 0.5s; -moz-transition: background ease 0.5s; -o-transition: background ease 0.5s; transition: background ease 0.5s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .socialIcons a.facebook { background-position: -22px top; } .socialIcons a.facebook:hover, .socialIcons a.facebook:active { background-position: -22px bottom; } .socialIcons a.linkedin { background-position: -44px top; } .socialIcons a.linkedin:hover, .socialIcons a.linkedin:active { background-position: -44px bottom; } .socialIcons a.dribble { background-position: -68px top; } .socialIcons a.dribble:hover, .socialIcons a.dribble:active { background-position: -68px bottom; } .socialIcons a.flickr { background-position: -90px top; } .socialIcons a.flickr:hover, .socialIcons a.flickr:active { background-position: -90px bottom; } .socialIcons a.vimeo { background-position: -113px top; } .socialIcons a.vimeo:hover, .socialIcons a.vimeo:active { background-position: -113px bottom; } .socialIcons a.rss { background-position: -135px top; } .socialIcons a.rss:hover, .socialIcons a.rss:active { background-position: -135px bottom; } .socialIcons a.gplus { background-position: -157px top; } .socialIcons a.gplus:hover, .socialIcons a.gplus:active { background-position: -157px bottom; } .socialIcons a.s { background-position: right top; } .socialIcons a.s:hover, .socialIcons a.s:active { background-position: right bottom; } /* 2.6. Icon 50 & Icon 80 */ /* Icons */ .icon50 { width: 50px; height: 50px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; background: #333333; text-align: center; margin-left: auto; margin-right: auto; } .icon50.left { float: left; margin-right: 10px; margin-bottom: 9px; } .icon50.right { float: right; margin-left: 10px; margin-bottom: 9px; } .icon50 .icon-mobile { background: url(../img/icon50.png) no-repeat left top; width: 50px; height: 50px; } .icon50 .icon-monitor { background: url(../img/icon50.png) no-repeat left center; width: 50px; height: 50px; } .icon50 .icon-notes { background: url(../img/icon50.png) no-repeat left bottom; width: 50px; height: 50px; } .icon50 span { color: #ebebeb; font-size: 30px; margin-left: 0px; display: inline-block; } .icon50.orange { box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2); } /* Icon 80px */ .icon80 { text-align: center; width: 80px; height: 80px; line-height: 82px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; background: #333333; color: #ffffff; margin-left: auto; margin-right: auto; font-size: 46px; } .icon80.orange { box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2); color: #fff; } .icon80.left { float: left; margin-right: 10px; margin-bottom: 9px; } .icon80.right { float: right; margin-left: 10px; margin-bottom: 9px; } /* Icon 190px */ .icon190 { text-align: center; width: 190px; height: 190px; line-height: 202px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; background: #333333; color: #ffffff; margin-left: auto; margin-right: auto; font-size: 94px; } .icon190.orange { box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2); color: #fff; } /* Icon 100px */ .icon100 { font-family: "nexa_500", Tahoma, Geneva, sans-serif; text-align: center; width: 100px; height: 100px; line-height: 107px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; background: #333333; color: #ffffff; margin-left: auto; margin-right: auto; font-size: 40px; box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.7); border: 2px solid white; } .icon100.orange { box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2); color: #fff; } /* 2.7. Blockquote */ blockquote { width: 90%; margin: 30px auto; clear: both; } blockquote.white { background-color: #ffffff; } blockquote.white p { padding: 5px 0px; } blockquote.pull-right { float: none; } blockquote small { text-align: right; margin-top: 10px; font-size: 12px; } blockquote p { font-size: 14px; } /* 2.8. Seperator */ .sep { min-height: 10px; clear: both; } .sep span { padding: 0px 10px; background: url(../img/body-bg.png) repeat center center; } .sep.double { background: transparent url(../img/sep-double-line.png) repeat-x left center; } /************************************************** 3. Page Header. **************************************************/ /* 3.1. Page Top Bar */.pageTopCon { /*max-width:975px;*/ width:100%; height:30px; margin:0 auto; margin-top:0; background: #363636; } .pageTopCon .pageTop{ max-width:975px; } .pageTopCon .pageTop .span6{ max-width:975px; } #block-menu-menu-menu-superior{ } #block-menu-menu-menu-superior .menu { margin-bottom:0; margin-left:40px; } #block-menu-menu-menu-superior .menu li{ float:left; font-size: 10px; padding:0; line-height: 30px; } #block-menu-menu-menu-superior .menu .leaf{ /*list-style-position: outside; list-style-image:url("../img/separador.png");*/ background: url("../img/separador-top.png") no-repeat left; padding-left: 8px; list-style: none; overflow:visible; } #block-menu-menu-menu-superior .menu .first{ list-style-image:none !important; list-style:none !important; background: none; } #block-menu-menu-menu-superior .menu a{ color:#ffffff !important; } #block-menu-menu-menu-superior .menu a.active{ color:#ffffff !important; } #block-menu-menu-top-menu-en{ } #block-menu-menu-top-menu-en .menu { margin-bottom:0; margin-left:40px; } #block-menu-menu-top-menu-en .menu li{ float:left; font-size: 10px; padding:0; line-height:30px; } #block-menu-menu-top-menu-en .menu .leaf{ /*list-style-position: outside; list-style-image:url("../img/separador.png");*/ background: url("../img/separador.png") no-repeat left; padding-left: 8px; list-style: none; overflow:visible; } #block-menu-menu-top-menu-en .menu .first{ list-style-image:none !important; list-style:none !important; background: none; } #block-menu-menu-top-menu-en .menu a{ color:#ffffff !important; } #block-menu-menu-top-menu-en .menu a.active{ color:#ffffff !important; } .pageTopCon .pageTop { max-width: 955px; display: block; /*margin-left: auto; margin-right: auto;*/ margin: auto; height: 35px; color: #b2b2b2; overflow: hidden; /*margin-left:20px;*/ } #user-login-form p.user-info { width: initial !important; } #user-login-form2 p.user-info { width: initial !important; } #user-login-form2 .item-list { width: 320px; } .pageTopCon p { line-height: 22px; } #user-login-form div.item-list ul.welcome-box { margin-right:17px !important; } #user-login-form2 div.item-list ul.welcome-box { margin-right:17px !important; } /* 3.2. Page Header */ .linea_menu{ max-width: 975px !important; margin: auto; } #pageHeader { max-width: 975px !important; height: 110px; /*margin-left: auto; margin-right: auto;*/ margin-left:20px; /*background:url(../img/fondo-menu.gif) repeat-x 0px 22px;*/ } #pageHeader #logo { float: left; /*margin-top: 18px;*/ /* margin-left: 20px; padding-left:10px;*/ margin-top: -10px; padding-top:1px; -webkit-transition: margin ease 0.5s; -moz-transition: margin ease 0.5s; -o-transition: margin ease 0.5s; transition: margin ease 0.5s; height:109px; width:224px; } #pageHeader #logo a { color: #333333; text-decoration: none; /*width: 219px; height: 72px;*/ width: 294px; height: 80px; display: inline-block; font-size:0px; /*background: url('../../../sites/default/files/logo_0.png') no-repeat center center;*/ background: url('../../../sites/default/files/logo-clpu.jpg') no-repeat center center; } #pageHeader #logo:hover { } /*3.3 Main Navigation*/ #mainNav { height: 110px; float: right; } #mainNav ul.menu { float: left; list-style: none; position: relative; } #mainNav ul.menu ul { /*position: relative; font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; z-index: 119; border: none !important; top: 61px !important; left: 0px; visibility: hidden; margin: 0; padding: 0;*/ display:none !important; position:absolute !important; top:85px !important; border-bottom: 2px solid #9e0e15 !important; background: #FFFFFF; padding-top: 8px !important; padding-bottom: 3px !important; z-index:999; } #mainNav ul.menu ul li { z-index: 99; text-align: left; margin: 0 !important; line-height: 1; border: 0 !important; float:left; } #mainNav ul.menu ul li:first-child a{ border-left:none !important; } #mainNav ul.menu ul li a{ border: 0 !important; padding-left: 7px !important; padding-right: 8px !important; padding-bottom: 0px !important; color:#939393 !important; font-size:11px !important; border-left:1px solid #939393 !important; } #mainNav ul.menu ul li a:hover, #mainNav ul.menu ul li a.active, #mainNav ul.menu ul li.active-trail a{ color:#000000 !important; } #mainNav ul.menu ul li:after { content: ""; display: block; margin: 0px; } #mainNav ul.menu ul li.arrow { background: url(../img/nav-arrow.png) no-repeat left top; width: 12px; height: 8px; position: absolute; left: 18px; top: -8px; min-height: 8px; padding: 0px; } #mainNav ul.menu ul li.arrow:after { border-bottom: none; content: ""; height: 0px; display: inline; margin: 0px; } #mainNav ul.menu ul li.border { height: 5px; min-height: 5px; padding: 0px; margin: 0 0px; width: 100%; } #mainNav ul.menu ul li.border:after { content: ""; height: 3px; display: block; margin: 0px; min-height: 3px; } #mainNav ul.menu ul li a { font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; text-align: left; font-size: 12px; color: #b2b2b2; padding: 0; padding-top: 14px; padding-bottom: 14px !important; text-transform: none; display: block; line-height: 1.3; } #mainNav ul.menu ul li a .plus { display: inline-block; float: right; } #mainNav ul.menu ul li ul { position: absolute; left: 145px; top: -6px; padding-top: 6px; } #mainNav ul.menu ul li ul li.arrow { background: url(../img/nav-arrow-right.png) no-repeat left top; width: 8px; height: 12px; position: absolute; left: -8px; top: 11px; min-height: 8px; padding: 0px; } #mainNav li { float: left; list-style: none; padding: 0px !important; margin:0 !important; margin-top:24px !important; text-align: center; } #mainNav li.has-dropdown:hover{ padding-bottom:2px !important; /*background:#DEDEDE !important;*/ } #mainNav li:hover a{ color:#000000 !important; border-bottom: 3px solid #9e0e15 !important; /*border-right: 2px solid #efefef !important;*/ } #mainNav li.mainMenu { line-height: 18px; padding-bottom: 30px; } #mainNav li.parent > a:after { color: #000000; font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 12px; /*content: " +";*/ content: url(/themes/drive/img/flecharoja.png); } #mainNav li:hover > ul { display:block !important; } #mainNav li.active { /*background: #ffffff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 0 13px; height: 141px; position: relative;*/ z-index: 5; } #mainNav li.active .taline { cursor: default; display:none; } #mainNav li.active:before { content: ""; /*height: 5px;*/ display: block; margin: 0px -13px 0px; } #mainNav li.active ul li a:hover, #mainNav li.active ul li a:active { cursor: pointer; } #mainNav li.active a:hover, #mainNav li.active a:active { cursor: default; } #mainNav li a { /*border-top: 3px solid #c3c3c3;*/ /*border-right: 2px solid #dedede;*/ padding: 20px 17px; display: block; font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 13px; text-transform: uppercase; -webkit-transition: color ease 0.5s; -moz-transition: color ease 0.5s; -o-transition: color ease 0.5s; transition: color ease 0.5s; color: #000000; /*background:#dedede;*/ } #mainNav li a:hover, #mainNav li a:active, #mainNav li a.active, #mainNav li.active-trail a { border-bottom: 3px solid #9E0E15; /*border-right: 2px solid #efefef;*/ border-right: 0 !important; color: #9e0e15 !important; background: none !important; text-decoration: none; -webkit-transition: color ease 0.5s; -moz-transition: color ease 0.5s; -o-transition: color ease 0.5s; transition: color ease 0.5s; } #mainNav li span { display: block; color: #b2b2b2; padding: 0 3px; } #mainNav li span.taline { cursor: default; display: none; } /* 3.4 Mobile Navigation */ .mnav { display: none; visibility: hidden; } /* 4. Banner / Slider */ #bannerCon { width: 100%; height: 400px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } #bannerCon.sub { margin: 0 auto; height: 80px; padding: 30px 0 0; /* 4.1. Banner Breadcrumbs */ } #bannerCon.sub h1, #bannerCon.sub .title, #bannerCon.sub h2 { font-size: 28px; margin-bottom: 0px; line-height: 1.3; font-family: "nexa_500", Tahoma, Geneva, sans-serif; text-transform: uppercase; margin: 10px 0 0 0; float: left; padding-bottom: 34px; padding-left: 8px; } #bannerCon.sub .tagline { color: #b2b2b2; font-size: 13px; margin: 3px 0 0; } #bannerCon.sub .breadcrumb { background: none; float: right; font-style: italic; padding-top: 13px; font-size: 13px; padding-right: 8px; } #banner { width: 940px; margin-left: auto; margin-right: auto; } #banner h1, #banner .title, #banner h2 { font-size: 24px; line-height: 1.3; font-family: "nexa_500", Tahoma, Geneva, sans-serif; text-transform: none; } #banner .tagline { color: #b2b2b2; font-size: 14px; } #banner .or { font-style: italic; font-size: 14px; color: #b2b2b2; padding: 0 7px 0 10px; } #banner a.secLink { color: #999999; font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 14px; } /* 4.2 Intro Banner */ .introBox { color: #ffffff; background: #333333 url(../img/pat.png) repeat left top; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .introBox.homePage { border-radius: 0; } .introBox h2 { color: #ffffff; font-size: 20px; margin-bottom: 10px; } .introBox ::selection { color: #ffffff; text-shadow: none; } .introBox ::-moz-selection { color: #ffffff; text-shadow: none; } .introBox .center { width: 94%; } .introBox .center .content { float: left; } .introBox .center .floatRight { float: right; } .introBox .center .floatRight .btn { margin-top: 30px; } .introBox .center .floatRight .btn span { font-size: 16px; margin-right: 9px; } .node-licitaciones .content fieldset{ clear:both; margin-bottom:10px; } .node-licitaciones .content legend{ text-align:center; border:1px solid #555555; } .node-licitaciones .content p{ margin-bottom:0 !important; } .page-forum .action-links{ margin-lefT:20px; } .page-forum .action-links a{ color:#AC0A16 !important; } #forum table{ width:100%; margin-bottom:40px; } #forum table a{ color:#AC0A16 !important; } #forum table td, #forum table th{ text-align:center; } #forum table .forum{ width:450px; text-align:left; } #forum table .title { width:350px; text-align:left; font-size:12px; } /*Back to Top*/ #back-top { float: right; /*margin-top: -29px; z-index: 999;*/ position:relative; bottom:50px; } #back-top a { width: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #ffffff; border-radius: 8px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; outline: 0; } #back-top a:hover, #back-top a:active { outline: 0; color: #000; border-radius: 8px; } #back-top span { width: 31px; height: 31px; display: block; margin-bottom: 7px; /*font-size: 26px;*/ font-size: 0px; color: #ffffff; background:url('../img/back-top.png') top left no-repeat !important; } #back-top a:hover span { outline: 0; opacity: 1; } /* 6. Main Content & Common Page Styles*/ .bannerHeader{ width:674px !important; } /* CallOut Box */ .callOut { font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 28px; text-transform: uppercase; word-spacing: 9px; line-height: 1.5; text-align: center; background: url(../img/sep-double-line.png) repeat-x left bottom; color: #333; padding: 40px 0 35px; margin-bottom: 50px; } /* mainCont new section */ #mainContent .newSection div.row-fluid { margin-bottom: 40px; } #mainContent .newSection div.row-fluid.noMarginBottom, #mainContent .newSection div.row-fluid:last-child { margin-bottom: 0px; } /* Default margin bottom for section which is inside mainContent*/ #mainContent section { margin-bottom: 40px; } /* 6.1 Main Content */ #mainContent { max-width: 975px !important; padding: 0; margin-left: auto; margin-right: auto; /* 7. Services Home Page */ /* 9. Services - Services Page */ /* Each Serices Rule */ } #content{ max-width:674px !important; margin-left:20px !important; } #mainContent.noPaddingTop { /*padding-top: 38px;*/ padding-top: 0px; } #mainContent section p:last-child { margin-bottom: 0px; } #mainContent .newSection { margin-top: 0px; margin-bottom: 70px; } #mainContent .newSection.noMarginBottom { margin-bottom: 0px; } #mainContent .newSection p:last-child { margin-bottom: 0px; } #mainContent .newSection .priceTable p:last-child { margin-bottom: 20px; } #mainContent .newSection .noMarginBottom { margin-bottom: 0; } #mainContent .newSection:last-child { margin-bottom: 0px; } #mainContent .service { text-align: center; } #mainContent .service .title { margin: 19px 0 17px 0; } #mainContent .mainTitle { font-size: 24px; text-align: center; height: 90px; line-height: 92px; background: #ffffff; margin-bottom: 30px; text-transform: uppercase; margin-top: 0; } #mainContent .mainServices2 { text-align: center; } #mainContent .serviceTitle { text-transform: uppercase; color: #333; font-size: 18px; } #mainContent .alignCenter { text-align: center; } #mainContent .services .sep { margin-bottom: 30px; } #mainContent .singleService .content { font-size: 13px; } #mainContent .singleService .title { font-size: 20px; margin: 25px 0px 13px 0px; } #mainContent .singleService .icon190, #mainContent .singleService icon100 { border: 3px solid #ffffff; box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.9); } #mainContent .singleService .icon190 span, #mainContent .singleService icon100 span { text-shadow: 1px 1px 5px #666; } #mainContent .singleService .sepCenter { background: url(../img/sep-double-line.png) repeat-x left center; } #mainContent .singleService .sepCenter .outerCircle { padding: 5px; border-radius: 500px; display: inline-block !important; } #mainContent .singleService .rotate1 { background: #cccccc; background: -moz-linear-gradient(320deg, #cccccc 0%, #ffffff 85%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(85%, #ffffff)); background: -webkit-linear-gradient(320deg, #cccccc 0%, #ffffff 85%); background: -o-linear-gradient(320deg, #cccccc 0%, #ffffff 85%); background: -ms-linear-gradient(320deg, #cccccc 0%, #ffffff 85%); background: linear-gradient(320deg, #cccccc 0%, #ffffff 85%); background-size: 108px; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; } #mainContent .singleService .rotate2 { background: #cccccc; background: -moz-linear-gradient(270deg, #cccccc 0%, #ffffff 85%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(85%, #ffffff)); background: -webkit-linear-gradient(270deg, #cccccc 0%, #ffffff 85%); background: -o-linear-gradient(270deg, #cccccc 0%, #ffffff 85%); background: -ms-linear-gradient(270deg, #cccccc 0%, #ffffff 85%); background: linear-gradient(270deg, #cccccc 0%, #ffffff 85%); background-size: 108px; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; } #mainContent .singleService .rotate3 { background: #cccccc; background: -moz-linear-gradient(220deg, #cccccc 0%, #ffffff 85%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(85%, #ffffff)); background: -webkit-linear-gradient(220deg, #cccccc 0%, #ffffff 85%); background: -o-linear-gradient(220deg, #cccccc 0%, #ffffff 85%); background: -ms-linear-gradient(220deg, #cccccc 0%, #ffffff 85%); background: linear-gradient(220deg, #cccccc 0%, #ffffff 85%); background-size: 108px; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; } #mainContent .singleService .fullBg { background-size: 100%; } #mainContent .singleService.simple .sepCenter .outerCircle { padding: 5px; background-color: #fff; background-image: none; border: 2px solid #b2b2b2; } #mainContent .singleService.simple .sepCenter .outerCircle .icon190 { background: none; box-shadow: none; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; transition: all ease-in 0.5s; } #mainContent .singleService.simple .sepCenter .outerCircle .icon190 span { text-shadow: none; color: #464646; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; transition: all ease-in 0.5s; } #mainContent .process { position: relative; margin-bottom: 20px; } #mainContent .process .sepCenter { margin-bottom: 15px; } #mainContent .process .arrow { position: absolute; background: url(../img/process-arrow.png) no-repeat left top; right: -21%; width: 36px; height: 14px; top: 9px; } .newSection .title { margin: 0 0 30px 0; line-height: 1; font-size: 16px; } #mainContent .newSection.service p.content, #mainContent .service p.content { margin-bottom: 30px; } /* 8. Services Home Page 2 */ .home2 .service .title { margin: 20px 0 15px 0; } /* 10.Blog & Single Blog Pages */ .titulo-noticia{ margin-bottom:5px; } .fecha-noticia{ font-style:italic; font-size:10px; } .post { margin-bottom: 40px; } .patrocinadores{ clear:both; padding-bottom:40px; } .post h2.blogTitle { font-size: 16px; margin-bottom: 0px; padding-bottom: 5px; } .post h2.blogTitle a{ color:#000000; } .view-eventos h2{ margin:0; padding:0; padding-bottom:5px; } .view-eventos h2 a{ font-size: 16px; } .field-label{ font-weight:bold !important; } .view-licitaciones-en-curso table, .view-licitaciones-abiertas table{ margin:20px 0; clear: both; width:100%; } .view-licitaciones-en-curso table tbody tr, .view-licitaciones-abiertas table tbody tr{ height:70px; } .view-anuncios-licitaciones table{ margin:20px 0; clear: both; } .view-licitaciones-en-curso td.views-field-field-fecha, .view-licitaciones-en-curso td.views-field-field-limite-presentaci-n-de-ofe, .view-anuncios-licitaciones td.views-field-field-fecha, .view-anuncios-licitaciones td.views-field-field-limite-presentaci-n-de-ofe, .view-licitaciones-abiertas td.views-field-field-fecha, .view-licitaciones-abiertas td.views-field-field-limite-presentaci-n-de-ofe { text-align:center; } .node-licitaciones table{ border-collapse:inherit !important; } .bannerHeader{ margin-left:0 !important; } #cboxWrapper h1, #cboxWrapper h2{ border-bottom:3px solid #AC0A16; } #cboxWrapper .field-label{ color:#AC0A16; } .post .meta { font-size: 13px; padding: 12px 10px 12px 0; /* background: transparent url(../img/sep.png) repeat-x center bottom; margin-bottom: 30px;*/ } .post .meta p { margin-bottom: 0px; float: left; clear: left; } .post .meta [class^="format-"], .post .meta [class*=" format-"] { margin-top: 10px; } .post .post-thumbnail { margin: 30px 0; } .post .read-more { background: transparent url(../img/arrow-black.png) no-repeat left 6px; float: right; padding-left: 12px; } /* 10.1. Author Details */ .authorDetails { margin-bottom: 60px; } .authorDetails .authorImage { float: left; margin-right: 15px; width: 60px; height: 60px; } .authorDetails .details { float: right; width: 89%; } .authorDetails .authorName { margin: 0 0 7px 0; font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; } /* 10.2. Comments Section */ .comment-list { list-style: none; margin: 0 0 60px 0; padding: 0; } .comment-list .comment-body { margin-bottom: 30px; } .comment-list .comment-body .comments { margin-left: 75px; } .comment-list .comment-body .comments .reply { text-align: right; } .comment-list ul.children { padding-left: 10px; border-left: 1px solid #f2f2f2; margin-left: 60px; } .comment-list li { list-style: none; margin: 0; padding: 0; margin-bottom: 35px; } .comment-list .comment-user { font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 15px; margin-bottom: 5px; } .comment-list .comment-user .date { float: right; color: #555555; font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .comment-list .comment-user small { color: #555555; } .comment-list .pull-left { margin-right: 15px; } /*10.3. Post Format Icons */ [class^="format-"], [class=" format-"] { width: 26px; height: 26px; float: right; } /* 10.4. Pagination */ .pagination { font-family: "nexa_500", Tahoma, Geneva, sans-serif; } .pagination.theme-style { font-size: 16px; height: 30px; margin: 15px 0 11px; } .pagination.theme-style ul { box-shadow: none; border-radius: 0px; background: transparent; height: 30px; } .pagination.theme-style ul > li { background: #b3b3b3; margin-right: 8px; border-radius: 0px; display: inline-block; } .pagination.theme-style ul > li a { background: #b2b2b2; color: #333333; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .pagination.theme-style ul > li a:hover { color: #ffffff; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .pagination.theme-style ul > li a, .pagination.theme-style ul > li span { border: none; border-radius: 0px; padding: 1px 0 0 0; margin: 0; width: 32px; height: 29px; line-height: 30px; text-align: center; } .pagination.theme-style ul > li.active span { color: #ffffff; } .pagination .totalPages { float: left; line-height: 30px; margin-right: 15px; word-spacing: 5px; margin-bottom: 0px; } /* 11. sidebar */ #sidebar-first{ width:281px !important; /*background: url(../img/sep-lateral.png) no-repeat top right;*/ background: url(../img/sep-lateral.png) repeat-y top right; } .subNavigation { list-style: none; background-color: rgba(242, 242, 242, 0.6); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6)); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(rgba(242, 242, 242, 0.6))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6)); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#99f2f2f2', GradientType=1); background-color: transparent; border-right: 1px solid #E6E6E6; padding-bottom: 15px; margin: 0px; } .subNavigation li { border-bottom: 1px solid #E6E6E6; font-size: 14px; margin-bottom: 0px; } .subNavigation li a { display: block; padding: 16px 15px; color: #4d4d4d; line-height: 1.8; } .subNavigation li a:hover { background-color: #ffffff; background-image: -moz-linear-gradient(left, rgba(242, 242, 242, 0.6), #ffffff); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(242, 242, 242, 0.6)), to(#ffffff)); background-image: -webkit-linear-gradient(left, rgba(242, 242, 242, 0.6), #ffffff); background-image: -o-linear-gradient(left, rgba(242, 242, 242, 0.6), #ffffff); background-image: linear-gradient(to right, rgba(242, 242, 242, 0.6), #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99f2f2f2', endColorstr='#ffffffff', GradientType=1); background-color: transparent; } .subNavigation li a.active { position: relative; color: #ffffff; } .subNavigation li a.active:after { content: ''; position: absolute; width: 6px; height: 100%; background: transparent url(../img/sub-nav-arrow.png) no-repeat right center; right: 0px; top: -1px; } .subNavigation li a.active:hover, .subNavigation li a.active:active { color: #ffffff; } .subNavigation.right { background-color: rgba(255, 255, 255, 0); background-image: -moz-linear-gradient(left, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0)); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(242, 242, 242, 0.6)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(left, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0)); background-image: linear-gradient(to right, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99f2f2f2', endColorstr='#00ffffff', GradientType=1); background-color: transparent; border-left: 1px solid #E6E6E6; border-right: none; } .subNavigation.right li a:hover { background-color: rgba(242, 242, 242, 0.6); background-image: -moz-linear-gradient(left, #ffffff, rgba(242, 242, 242, 0.6)); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(242, 242, 242, 0.6))); background-image: -webkit-linear-gradient(left, #ffffff, rgba(242, 242, 242, 0.6)); background-image: -o-linear-gradient(left, #ffffff, rgba(242, 242, 242, 0.6)); background-image: linear-gradient(to right, #ffffff, rgba(242, 242, 242, 0.6)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#99f2f2f2', GradientType=1); background-color: transparent; } .subNavigation.right li a.active:after { content: ''; background: transparent url(../img/right-sub-nav-arrow.png) no-repeat left center; left: 0px; } .subNavigation.right li a.active:hover, .subNavigation.right li a.active:active { color: #ffffff; } .subNavigation.affix { top: 20px; } .subNavigation.affix-bottom { position: absolute; top: auto; bottom: 340px; } .sidebar { /* 11.1. Widgets */ /* 11.2. Popular Posts */ /* 11.3. Recent Tweets */ /* 11.4. Flickr */ } .sidebar .widgets { *zoom: 1; margin-bottom: 10px; } .sidebar .widgets:before, .sidebar .widgets:after { display: table; content: ""; line-height: 0; } .sidebar .widgets:after { clear: both; } .sidebar .widgets .textfield { width: 195px; float: left; height: 18px; } .sidebar .widgets .textfield, .sidebar .widgets:focus { } .sidebar .widgets .searchBtn { width: 37px; height: 32px; margin-right: -2px; border: none; float: left; padding: 0px; } #search-block-form{ margin:0 0 0 21px; !important; } #edit-search-block-form--2{ background:#e7e7e7 !important; height:32px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; transition:none !important; padding:0 !important; padding-left:5px !important; font-style: italic; font-size:12px; } .sidebar .widgets .searchBtn .search-icon { background: url(../img/search-icon.png) no-repeat left top; display: block; width: 37px; height: 32px; } .sidebar .widgets h2 { font-size: 16px; height: 30px; background: transparent url(../img/sep.png) repeat-x left bottom; margin-bottom: 25px; } #block-system-user-menu h2 { margin-left: 20px; width: 240px; } .sidebar .widgets ul { margin: 0px; list-style: none; } .sidebar .widgets ul li { padding: 0 0 0 20px; margin: 0px; border-bottom:1px solid #f3f3f3; } .sidebar .widgets ul li:last-child { margin-bottom: 0px; } .sidebar .popularPosts .popularPost { margin-bottom: 25px; overflow: hidden; } .sidebar .popularPosts .popularPost:last-child { margin-bottom: 0px; } .sidebar .popularPosts .featured-thumbnail { float: left; margin-right: 13px; width: 70px; height: 58px; } .sidebar .popularPosts .author { display: inline-block; color: #b2b2b2; font-style: italic; } .sidebar .recentTweets ul li { background: transparent url(../img/twitter-black.png) no-repeat left 4px; padding-left: 34px; margin-bottom: 20px; } .sidebar .flickr img { width: 65px; height: 58px; max-width: 100%; max-height: auto; margin-right: 5px; margin-bottom: 10px; } .sidebar .flickr img:nth-child(3n) { margin-right: 0px; } #block-menu-menu-left-menu-prefooter, #block-menu-menu-left-menu-prefooter-en, #block-nice-menus-1, #block-nice-menus-2 { width:266px; /*height:240px;*/ background: rgba(255, 255, 255, 0.28); -webkit-box-shadow: 6px 7px 5px -1px rgba(0,0,0,0.75); -moz-box-shadow: 6px 7px 5px -1px rgba(0,0,0,0.75); box-shadow: 6px 7px 5px -1px rgba(0,0,0,0.75); border-radius: 18px 18px 18px 18px; -moz-border-radius: 18px 18px 18px 18px; -webkit-border-radius: 18px 18px 18px 18px; border: 0px solid #000000; } #block-menu-menu-left-menu-prefooter h3, #block-menu-menu-left-menu-prefooter-en h3, #block-nice-menus-1 h3, #block-nice-menus-2 h3 { font-size: 14px; padding: 12px 6px 12px 6px; background-color: #a00000 !important; border-radius: 18px 18px 18px 18px; -moz-border-radius: 18px 18px 18px 18px; -webkit-border-radius: 18px 18px 0px 0px; margin-bottom: 0px; text-align: center; } .front #block-menu-menu-left-menu-prefooter, .front #block-menu-menu-left-menu-prefooter-en{ width:270px; height:auto; } #block-menu-menu-left-menu-prefooter li, #block-menu-menu-left-menu-prefooter-en li, #block-system-user-menu li, #block-menu-menu-user-menu-en li{ line-height:30px !important; margin: 0 10px 1px 3px; } #block-menu-menu-left-menu-prefooter a, #block-menu-menu-left-menu-prefooter-en a{ font-size:11px; color:#FFFFFF; display: block; /*padding:0 20px;*/ padding:8px 0 0 0; border-bottom: 1px solid #bdbdbc; /*border-left:3px solid #a8121d;*/ } #block-nice-menus-1 a, #block-nice-menus-2 a { font-size:11px; color:#FFFFFF; display: block; /*padding:0 20px;*/ padding:5px 0 0 0; /*border-bottom: 1px solid #bdbdbc;*/ width:240px /*border-left:3px solid #a8121d;*/ } #block-menu-menu-left-menu-prefooter li.last a, #block-menu-menu-left-menu-prefooter-en li.last a{ border-bottom: 0; } #block-system-user-menu a, #block-menu-menu-user-menu-en a{ font-size:11px; color:#9b9b9b; display: block; padding:0 20px; padding-top:8px; border-left:3px solid #a8121d; } #block-menu-menu-left-menu-prefooter a:hover, #block-nice-menus-2 a:hover, #block-nice-menus-1 a:hover, #block-menu-menu-left-menu-prefooter-en a:hover, #block-menu-menu-left-menu-prefooter a.active-trail, #block-menu-menu-left-menu-prefooter-en a.active-trail, #block-system-user-menu a:hover, #block-system-user-menu a.active-trail, #block-menu-menu-user-menu-en a:hover, #block-menu-menu-user-menu-en a.active-trail{ color: #9f1112; /*border-left:3px solid #d2d2d2;*/ } #block-menu-menu-left-menu-prefooter .menu .menu a, #block-menu-menu-left-menu-prefooter-en .menu .menu a,#block-system-user-menu .menu .menu a, #block-menu-menu-user-menu-en .menu .menu a{ padding:0 15px; } #block-menu-menu-men-secundario{ width:240px; /*height:240px;*/ } .front #block-menu-menu-men-secundario{ width:240px; height:auto; } #block-system-user-menu, #block-menu-menu-user-menu-en{ width:280px; } #block-menu-menu-men-secundario li, #block-system-user-menu li, #block-menu-menu-laplass li, #block-menu-menu-user-menu-en li{ line-height:30px !important; } #block-menu-menu-men-secundario a, #block-system-user-menu a, #block-menu-menu-user-menu-en a{ font-size:11px; color:#9b9b9b; display: block; padding:0 20px; padding-top:8px; border-left:3px solid #a8121d; } #block-menu-menu-laplass a{ font-size:11px; color:#9b9b9b; display: block; padding:0 20px; padding-top:8px; border-left:3px solid #4394b3; } #block-menu-menu-men-secundario a:hover, #block-menu-menu-men-secundario a.active-trail, #block-menu-menu-laplass a:hover, #block-menu-menu-laplass a.active-trail, #block-system-user-menu a:hover, #block-system-user-menu a.active-trail, #block-menu-menu-user-menu-en a:hover, #block-menu-menu-user-menu-en a.active-trail{ color: #000000; border-left:3px solid #d2d2d2; } #block-menu-menu-men-secundario .menu .menu a, #block-system-user-menu .menu .menu a, #block-menu-menu-laplass .menu .menu a, #block-menu-menu-user-menu-en .menu .menu a{ padding:0 15px; } #block-menu-menu-left-menu-en{ width:240px; /*height:240px;*/ } .front #block-menu-menu-left-menu-en{ width:240px; height:auto; } #block-system-user-menu{ width:280px; } #block-menu-menu-left-menu-en li, #block-system-user-menu li{ line-height:30px !important; } #block-menu-menu-left-menu-en a, #block-system-user-menu a{ font-size:11px; color:#9b9b9b; display: block; padding:0 20px; padding-top:8px; border-left:3px solid #a8121d; } #block-menu-menu-left-menu-en a:hover, #block-menu-menu-left-menu-en a.active-trail, #block-system-user-menu a:hover, #block-system-user-menu a.active-trail{ color: #000000; border-left:3px solid #d2d2d2; } #block-menu-menu-left-menu-en .menu .menu a, #block-system-user-menu .menu .menu a{ padding:0 15px; } /* 12. Clients */ .ourClients { position: relative; width: 100%; max-width: 940px; } .ourClients .clients { padding: 15px 0; background: #ffffff; } .ourClients .clients .carousel-items { height: auto; } .ourClients .clients .carousel-items .carousel-item { width: 155px; } .ourClients .clients .carousel-items a { margin: 0px 14px; display: inline-block; width: 153px; overflow: hidden; opacity: 0.7; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .ourClients .clients .carousel-items a:hover { opacity: 1; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .ourClients .clients .carousel-items a img { width: 153px; max-width: 153px; } /*Pre foter */ .pre_footer{ max-width:975px; margin:0 auto; padding:0; } #block-views-noticias-block li, #block-views-calendar-block-2 li{ margin: 0 0 15px 3px !important; border-bottom:1px solid #afafaf !important; padding-left: 0 !important; width:285px !important; /*width:255px !important;*/ font-size:14px !important; line-height: 18px; color: #ec5c5c !important; padding-bottom:15px; /* text-shadow: -1px -1px 1px #000, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;*/ } #block-views-noticias-block li a, #block-views-calendar-block-3 li a, #block-views-calendar-block-2 li a{ color:#fff !important; } #block-views-noticias-block li a:hover{ color:#fff; } #block-views-noticias-block h3{ /*color:#333333 !important;*/ color: white !important; font-size:16px !important; font-weight:bold; /*background:url('../img/icon-noticias.png') no-repeat top left;*/ line-height:40px !important; border-bottom: 1px solid #fff; margin-bottom: 20px; width: 285px; /*padding-left:45px;*/ } #block-views-noticias-block-1 li, #block-views-calendar-block-3 li{ margin: 0 0 15px 3px !important; border-bottom:1px solid #afafaf !important; padding-left: 0 !important; width:285px !important; /*width:255px !important;*/ font-size:14px !important; line-height: 18px; color:#ec5c5c !important; padding-bottom:15px; /*text-shadow: -1px -1px 1px #000, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;*/ } #block-views-noticias-block-1 li a{ color:#fff; } #block-views-noticias-block-1 li a:hover{ color:#fff; } #block-views-noticias-block-1 h3{ /*color:#333333 !important;*/ color: white !important; font-size:16px !important; font-weight:bold; /*background:url('../img/icon-noticias.png') no-repeat top left;*/ line-height:40px !important; border-bottom: 1px solid #fff; margin-bottom: 20px; width: 285px; /*padding-left:45px;*/ } #block-views-calendar-block-2 h3{ color:#fff !important; font-size:16px !important; font-weight:bold !important; /*background:url('../img/icon-eventos.png') no-repeat top left;*/ line-height:40px !important; /*padding-left:45px;*/ border-bottom: 1px solid #fff; margin-bottom: 20px; width: 285px; } #block-views-calendar-block-3 h3{ color:#fff !important; font-size:16px !important; font-weight:bold !important; /*background:url('../img/icon-eventos.png') no-repeat top left;*/ line-height:40px !important; /*padding-left:45px;*/ border-bottom: 1px solid #fff; margin-bottom: 20px; width: 285px; } .webform-client-form input{ width:543px !important; display:inline-block !important; } .webform-client-form textarea { width:555px !important; display:inline-block !important; } .webform-client-form .form-textarea-wrapper{ display:inline-block; } #webform-component-message label{ padding-top:5px; } .webform-client-form label{ display:inline-block !important; width:100px !important; margin-right: 1em !important; } .webform-client-form .form-submit{ width:150px !important; float:right !important; margin-top:10px; margin-bottom:10px; } .views-field-field-lugar{ font-size:10px; color:#626060; } .views-field-field-event-date, .views-field-created{ /*font-size:10px;*/ font-size:14px; /*color:#626060;*/ } .views-field-view-node{ text-align:left; font-size:12px; width:71px; /* ANADIDO POR CRISTINA */ } .views-row{ border-bottom:1px dashed #999999;; padding: 10px 0; } .views-row-last{ margin-bottom:40px; } .views-field-view-node a{ color:#a8121d !important; } .views-field-title a{ /*font-size:10px;*/ color:#000000 !important; } #block-views-calendar-block-1, #block-multiblock-1{ font-size:11px !important; width:190px; border: 1px solid #ddd9d9; margin-left: 35px; } #block-multiblock-1{ margin-top:40px; } #block-block-5, #block-block-6, #block-block-7{ margin-left:20px; margin-right:20px; } #block-views-calendar-block-1 .date-nav-wrapper, #block-multiblock-1 .date-nav-wrapper{ margin-top:0px; } #block-views-calendar-block-1 .date-prev, #block-multiblock-1 .date-prev { margin:0 !important; padding:0 !important; background:none !important; border: 0 none !important; left:0 !important; right: auto !important; } #block-views-calendar-block-1 .date-prev a, #block-multiblock-1 .date-prev a{ background:url('../img/flecha-izq.png') no-repeat center left !important; border:none !important; border-radius:none !important; /*padding-top:25px;*/ font-size:0px; } #block-views-calendar-block-1 .date-next, #block-multiblock-1 .date-next { margin:0 !important; padding:0 !important; background:none !important; border: 0 none !important; } #block-views-calendar-block-1 .date-next a, #block-multiblock-1 .date-next a{ background:url('../img/flecha-der.png') no-repeat center right !important; border:none !important; border-radius:none !important; /*padding-top:25px;*/ font-size:0px; } #block-views-calendar-block-1 .date-nav, #block-multiblock-1 .date-nav{ margin: 0 !important; padding:0 !important; height:25px !imoprtant; background:#7c7677; } #block-views-calendar-block-1 .date-heading, #block-multiblock-1 .date-heading{ margin: 0 !important; padding:0 !important; padding-top:5px !important; } #block-views-calendar-block-1 .date-heading h3 a, #block-multiblock-1 .date-heading h3 a{ color:#ffffff; font-size:12px; } #block-views-calendar-block-1 .date-heading h2 a{ color:#ffffff !important; font-size:12px !important; } #block-views-calendar-block-1 .date-heading h2 { color: #FFFFFF; font-size: 16px; letter-spacing: 1px; line-height: 1.2; margin-top: 0; font-family: "nexa_500",Tahoma,Geneva,sans-serif; font-weight: normal; text-rendering: optimizelegibility; } #block-multiblock-1 .date-heading h2 a{ color:#ffffff !important; font-size:12px !important; } #block-multiblock-1 .date-heading h2 { color: #FFFFFF; font-size: 16px; letter-spacing: 1px; line-height: 1.2; margin-top: 0; font-family: "nexa_500",Tahoma,Geneva,sans-serif; font-weight: normal; text-rendering: optimizelegibility; } #block-views-calendar-block-1 .calendar-calendar, #block-multiblock-1 .calendar-calendar{ border-bottom: 5px solid #ac0a16; } #block-views-calendar-block-1 .calendar-calendar th.days, #block-multiblock-1 .calendar-calendar th.days{ background-color: #dcdcdc; border: 0 none; color: #ffffff; font-weight: normal; } #block-views-calendar-block-1 .calendar-calendar td, #block-multiblock-1 .calendar-calendar td{ color: #bcbcbc; text-align: center; } #block-views-calendar-block-1 .calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today, #block-multiblock-1 .calendar-calendar tr td.today{ background: #ccc; color:#ffffff; } #block-views-calendar-block-1 .calendar-calendar td.has-events a, #block-multiblock-1 .calendar-calendar td.has-events a{ color:#ac0a16; text-decoration:none; } /* 13. Page Footer */ .sede, .telefono_mail{ /* font-size:9px;*/ font-size:10px; line-height: 14px; letter-spacing:1px; /*color:#b9b5b5;*/ color:#FFFFFF; } .sede span, .telefono_mail span{ color:#ffffff; } /* 14. Pricing Table*/ .priceTable { background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); text-align: center; border: 5px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 60px; } .priceTable .planTitle { margin: 12px 10px; letter-spacing: 1px; font-size: 15px; } .priceTable ul { margin: 0px 0px 0px 0px; } .priceTable li { list-style: none; background: transparent url(../img/sep.png) repeat-x center bottom; padding: 12px 10px; font-size: 14px; } .priceTable .value { background: #F2F2F2; padding: 10px; margin-top: 0px; margin-bottom: 0px; font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 24px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .priceTable .value .vAlign { vertical-align: top; font-size: 13px; } .priceTable .value small { font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } .priceTable p { margin-top: 20px; margin-bottom: 20px; } .priceTable.bestPlan.span3 { box-shadow: 0px 0px 10px #999999; margin-top: -13px; width: 25.806451612903224%; margin-left: 1.6129032258064515%; margin-right: -1.6129032258064515%; } .priceTable.bestPlan.span4 { box-shadow: 0px 0px 10px #999999; margin-top: -13px; width: 34.40860215053763%; margin-left: 1.6129032258064515%; margin-right: -1.6129032258064515%; } .priceTable.bestPlan .value { color: #ffffff; } .priceTable.bestPlan li { padding: 15px 10px; } .priceTable.bestPlan .btn { font-size: 16px; } /* 15. Single Portfolio */ .singlePortfolio .desc { color: #333333; background: transparent url(../img/sep.png) repeat-x center bottom; padding-bottom: 5px; font-size: 16px; font-family: "nexa_500", Tahoma, Geneva, sans-serif; margin-bottom: 16px; } .singlePortfolio [class*="span"] img { max-width: 100%; } .singlePortfolio h3 { font-size: 16px; margin-bottom: 10px; } .singlePortfolio p { margin-bottom: 25px; } .singlePortfolio .socialIcons { color: #000; font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 14px; margin-bottom: 0; } .google-maps { border: 5px solid #ffffff; height: 290px; margin-bottom: 40px; } .google-maps iframe { width: 100%; } /* 16. Contact Page */ .contactForm { margin-top: 30px; } .contactForm form { margin-bottom: 0px; } /* 16.1. Form Styles */ .sent.success { color: #46a546; } .textArea { width: 100%; margin-bottom: 20px; } .textArea textarea { width: 98.5%; border: 1px solid #e5e5e5; background: #ffffff; height: 200px; margin-bottom: 10px; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { width: 94%; border: 1px solid #e5e5e5; background: #ffffff; } #edit-name, #edit-pass{ height: 15px; padding: 0; width: 145px; background: #ffffff; display:inline; margin-top:3px; margin-bottom:0; border:0 !important; border-radius: 0 !important; } #edit-name{ margin-right:15px; } #user-login-form label { float: left; margin: 0px 5px 0px 0px; } #user-login-form2 label { float: left; margin: 0px 5px 0px 0px; } .form-actions{ margin:0; } #block-userloginbar-userloginbar{ float:right; padding-right:80px; background:#9f1112; /*margin-right:13px; width:450px;*/ } #block-userloginbar-userloginbar h2{ font-size:12px; background:#9f1112; color:#bcbcbc; margin:0; padding-top:4px; padding-left:10px; padding-right:10px; float:left; display:none; } #block-userloginbar-userloginbar a{ color:#ffffff; } #block-userloginbar-userloginbar span{ font-size:11px; background: url(/themes/drive/img/login.png); background-repeat: no-repeat; color:#bcbcbc; margin:0; padding-top:3px; padding-left:20px; padding-right:10px; /*float:right;*/ line-height: 1.7; float:none; font-family: "nexa_500",Tahoma,Geneva,sans-serif; font-weight: normal; text-rendering: optimizelegibility; } #block-userloginbar-userloginbar .content{ float: left; } #user-login-form{ position:relative !important; width: 500px !important; } #user-login-form2{ position:relative !important; width: 100%; /*width: 450px !important;*/ } #user-login-form #edit-submit, #user-login-form #edit-submit--3{ font-size: 12px !important; height: 16px !important; line-height:16px !important; margin-top: -16px !important; padding:1px 5px !important; margin-left: 155px !important; text-transform: none !important; filter:none !important; } #user-login-form2 #edit-submit, #user-login-form #edit-submit--3{ font-size: 12px !important; height: 16px !important; line-height:16px !important; margin-top: -16px !important; padding:1px 5px !important; margin-left: 155px !important; text-transform: none !important; filter:none !important; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: 0 0 5px rgba(237, 95, 48, 0.5); -moz-box-shadow: 0 0 5px rgba(237, 95, 48, 0.5); box-shadow: 0 0 5px rgba(237, 95, 48, 0.5); } /* 17. Shortcodes */ /* 17.1 DropCaps */ .dropcaps { line-height: 40px; font-size: 40px; float: left; margin-right: 10px; } .dropcaps2 { line-height: 32px; font-size: 28px; float: left; margin-right: 10px; background: #4d4d4d; color: #ffffff; padding: 0px 7px; margin-top: 3px; border-radius: 2px; } .dropcaps3 { line-height: 37px; font-size: 28px; float: left; margin-right: 10px; background: #4d4d4d; color: white; padding: 0px 8px; margin-top: 3px; border-radius: 24px; border: 1px solid #333; box-shadow: inset 0px 0px 1px white, inset 0px 0px 1px white, inset 0px 0px 1px white; } /* 17.2 Highlight */ .highlight { background: #fff9CC; color: #111; padding: 3px; } /* 17.3 ToolTips */ .tool-tip { font-style: italic; } /* 17.4. Pop Over */ .popover-title { color: #ffffff; } /* 17.5. Message Box */ .alert { border-radius: 0px; padding-top: 14px; padding-bottom: 14px; } .close { font-size: 16px; } .messageBox .icon { font-size: 25px; line-height: 22px; float: left; } .alert div { margin-left: 33px; } .alert-success { border: 1px solid #bce580; border-left: 5px solid #bce580; background: #d5efa8; color: #6a7f2f; } .alert-error { border: 1px solid #eaacb2; border-left: 5px solid #eaacb2; background: #fde9ea; color: #c46a77; } .alert-info { border: 1px solid #90b6d3; border-left: 5px solid #90b6d3; background: #d7e7f5; color: #5b91b2; } .alert-block { border: 1px solid #d6ca87; border-left: 5px solid #d6ca87; background: #fff9cc; color: #a0925a; } /* 17.6. Tabs */ .nav { margin-bottom: 0px; } .nav li { font-family: "nexa_500", Tahoma, Geneva, sans-serif; font-size: 15px; } .nav li a { border-radius: 0; background: #4d4d4d; color: #ffffff; padding-top: 11px; margin-right: 5px; } .nav li a:hover { background: #585858; } .nav li.active a::before { content: ""; height: 8px; display: block; margin: -13px -13px 0px; color: #4d4d4d; } .tab-content { border: 1px solid #e5e5e5; border-top: none; padding: 20px; background: #ffffff; box-shadow: 0px 0px 2px #e5e5e5; } /* 17.7. Accordion & Toggle */ .accordion h3, .toggle h3 { display: block; cursor: pointer; position: relative; margin-top: 8px; margin-bottom: 0px; font-size: 15px; padding: 13px 0px; zoom: 1; color: #ffffff; background: #4d4d4d; padding-left: 75px; } .accordion h3 span, .toggle h3 span { position: absolute; left: .5em; top: 9px; margin-top: -10px; background: url(../img/plus-minus.png) no-repeat -34px 15px; padding-left: 6px; width: 16px; padding-right: 20px; height: 46px; border-right: 1px solid white; } .accordion .ui-accordion-content, .toggle .ui-accordion-content { padding: 2% 3%; border-top: 0; overflow: auto; zoom: 1; line-height: 23px; font-size: 12px; } .accordion h3.ui-state-active span, .toggle h3.ui-state-active span { background: url(../img/plus-minus.png) no-repeat 10px -42px; } /***************************************************** **** 18. Hover Effects ***** *****************************************************/ .featuredWorks { margin-left: 0px; } .featuredWork { position: relative; cursor: default; text-align: center; } .featuredWork p { color: #ffffff; margin-bottom: 10px; } .featuredWork .content > div { height: 100%; } .featuredWork .content .backCon { width: 100%; } .featuredWork .bg { position: absolute; width: 100%; height: 100%; top: 0; } .featuredWork .title { color: #ffffff; margin-top: 0; font-size: 17px; line-height: 1.8; margin-bottom: 0px; padding-bottom: 2.38%; text-transform: uppercase; } .featuredWork .header { margin: 0px auto; width: 70%; padding-top: 11%; } .featuredWork .description { margin: 10px auto 0px; width: 85%; } .featuredWork .category { color: white; font-size: 16px; margin-bottom: 8px; line-height: 1.2; margin-top: 10px; } .featuredWork .sep { background-position: left top; min-height: 2px; margin-top: 8px; } .featuredWork small { color: #1a1a1a; font-style: italic; display: block; font-size: 12px; } .featuredWork a { color: #1a1a1a; } .featuredWork a:hover { color: #ffffff; } .featuredWork .content .front { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .featuredWork .content .front img { width: 100%; } .featuredWork .back { width: 100%; height: 100%; } .featuredWork .socialIcons a { margin-left: 0; } .featuredWork .socialIcons a:hover, .featuredWork .socialIcons a:active { background-color: #333333; } /* 18.1. Hover Effects1 */ .featuredWorks.hover-effect1 .content > div { display: block; position: absolute; background-position: center center; -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/ } .featuredWorks.hover-effect1 .backCon { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; -webkit-backface-visibility: hidden; } .featuredWorks.hover-effect1 .backCon:hover { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .featuredWorks.hover-effect1 .backCon:hover .content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .featuredWorks.hover-effect1 .content { width: 100%; } .featuredWorks.hover-effect1 .content .back { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .featuredWorks.hover-effect1 .featuredWork:hover .front { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .featuredWorks.hover-effect1 .featuredWork:hover .back { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* 18.2. Hover Effects2 */ .hover-effect2 .featuredWork { -webkit-perspective: 900px; -moz-perspective: 900px; -o-perspective: 900px; -ms-perspective: 900px; perspective: 900px; } .hover-effect2 .bg { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .hover-effect2 .content .back { display: block; position: absolute; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } .hover-effect2 .content .front { position: absolute; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } .hover-effect2 .bg .back { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); opacity: 0; } .hover-effect2 .featuredWork:hover .front { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); opacity: 0; } .hover-effect2 .featuredWork:hover .back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); opacity: 1; } /* 18.3. Hover Effects3 */ .hover-effect3 .content > div { display: block; position: absolute; background-position: center center; -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/ } .hover-effect3 .content .front { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .hover-effect3 .content .back { opacity: 0; pointer-events: none; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .hover-effect3 .featuredWork:hover .front { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } .hover-effect3 .featuredWork:hover .back { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; } .span3.featuredWork { max-width: 251px; max-height: 182px; } .span4.featuredWork { max-width: 345px; max-height: 250px; } .row-fluid [class*="span"] .span4.featuredWork .title{ font-size: 1.2em; margin-bottom: 1%; } [class*="span"] .row-fluid .span4.featuredWork .header{ padding-top: 9%; } [class*="span"] .row-fluid .span3.featuredWork .title{ font-size: 1em; margin-bottom: 0; } [class*="span"] .row-fluid .span3.featuredWork .category{ margin-top: 3px; } [class*="span"] .row-fluid .span3.featuredWork .header{ padding-top: 6%; } .col2 .featuredWork .header { padding-top: 17%; } .col4 .featuredWork .header { padding-top: 7%; } .col4 .featuredWork .category { font-size: 14px; } .col4 .featuredWork .title { font-size: 14px; line-height: 1.5; } /* 19. Members in About Pages (Our team). */ .member .featuredWork .header { margin: 0px auto; padding-top: 6%; } .displayHidden { visibility: hidden; } /* 20. portfolio filter */ /* Custom Classes ------------------------------------------------------------ */ .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } /* Filter */ .group { margin-bottom: 20px; color: #333333; margin: 0; } .filter { margin: 0px 0px 30px 0px; } .filter li { font-family: "nexa_500", Tahoma, Geneva, sans-serif; float: left; list-style: none; font-size: 15px; } .filter li:after { content: "/"; } .filter li:last-child:after { content: ""; } .filter a { padding: 0 10px; color: #333333; text-decoration: none; } .current a { cursor: default; } /* Portfolio Items */ .portfolio .item, .featuredWork { list-style: none; float: left; margin-bottom: 2em; } .portfolio li.span3:nth-child(4n+1) { margin-left: 0; } .portfolio li.span4:nth-child(3n+1) { margin-left: 0; } .portfolio li.span6:nth-child(2n+1) { margin-left: 0; } .portfolio img { max-width: 100%; } .preloading { top: 35% !important; } /* Noise Version Rules */ .noise #mainNav li.active { height: 140px; } .noise .slider-nav a.prevSlide { left: 1%; } .noise .slider-nav a.nextSlide { right: 1%; } .noise h1.borderLine .bg, .noise h2.borderLine .bg, .noise h3.borderLine .bg, .noise h4.borderLine .bg, .noise h5.borderLine .bg, .noise h6.borderLine .bg { background: url(../img/body-bg.png) repeat left top; } /** IE 9 **/ .ie9 #mainContent .progress-con .progress, .ie9 #mainContent .progress-con .progress .bar, .ie9 #mainContent .btn, .ie9 #mainContent .btn:hover { filter: none; } .lt-ie9 #mainContent .progress-con .progress, .lt-ie9 #mainContent .progress-con .progress .bar { filter: none; } .ie9 .featuredWorks.hover-effect1 .featuredWork:hover .backCon { background: rgba(237, 95, 48, 0.8); opacity: 1; } #maincontent .filter a, #maincontent .filter a:active, #maincontent .filter .current a, #maincontent .filter .current a:active, .slider-nav a, .slider-nav a:hover, .slider-nav a:active{ outline: none; } @media (max-width: 940px){ #mainContent .span3.featuredWork { max-width: 251px; max-height: 182px; float: none; } #mainContent .span4.featuredWork { max-width: 345px; max-height: 250px; float: none; } #mainContent .span4.featuredWork .header { padding-top: 16%; } #mainContent .span3.featuredWork .header { padding-top: 10%; } } /*** Some Responsive Overrides for Hover Effects ***/ @media (min-width: 768px) and (max-width: 940px) { /* Hover Effect 1 */ #back-top { visibility: hidden; } } @media (max-width:768px) { #mainNav ul.menu ul { border-bottom: 2px solid #9e0e15 !important; background: #DEDEDE; padding-bottom: 3px !important; top:0 !important; position:relative !important; } #mainNav li { float:none !important; margin-top:0 !important; } #pageHeader { height:auto; margin:auto; padding-right:0px !important; } #pageHeader #logo { height:auto; float:none; margin:auto; } #mainNav { height:auto; float:none; width:100%; margin:auto; } #mainNav ul { float:none; width:100%; } #sidebar-first { background:none; } } @media (max-width: 480px) { /* Hover Effect 1 */ #block-locale-language ul li { display: inline; margin: 0px; padding: 0px; } #block-locale-language img { height: 17px; width: 23px; } #block-locale-language { float: none; margin-right: 0px; } #back-top { visibility: hidden; } #pageHeader { width:90% !important; height:auto; margin:auto; padding-right:0px !important; } #mainNav { height:auto; float:none; width:100%; margin:auto; } #mainNav ul.menu ul { border-bottom: 2px solid #9e0e15 !important; background: #DEDEDE; padding-bottom: 3px !important; top:0 !important; position:relative !important; } #mainNav li { float:none !important; margin-top:0 !important; } #pageHeader #logo { height:auto; float:none; width:auto; margin:auto; } #sidebar-first { background:none; } } .themes_settings { position: fixed; right: 0px; width: 267px; top: 40px; z-index: 9999; font-weight: normal; } .themes_settings a:link, .themes_settings a:hover, .themes_settings a:active { outline: none; } .themes_settings p { margin: 0; padding: 0; } .themes_settings .wrap { position: relative; } .trigger { position: absolute; top: -3px; left: 0px; background-image: url(../img/theme_settings/trigger.png); height: 46px; width: 44px; padding: 7px 0 7px 8px; outline: none; } .trigger a { display: block; height: 46px; border-radius: 5px 0px 0px 5px; outline: none; } .settings_body { background: #fff; border: 1px solid #dcdcdc; width: 212px; position: absolute; left: 52px; border-radius: 3px; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); min-height: 300px; } .sec_color, .top_heading { color: #0382be; } .themes_settings .top_heading { text-shadow: 0px 2px #ddd; font-size: 23px; text-transform: uppercase; text-align: center; height: 48px; line-height: 53px; letter-spacing: 2px; } .themes_settings .sec_heading { color: #666; font-size: 21px; text-transform: uppercase; text-align: center; height: 48px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; line-height: 53px; letter-spacing: 2px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); } .themes_settings p.selCssName { padding: 10px 20px; text-align: center; border-bottom: 1px solid #DDD; } .themes_settings p.subTitle { padding: 10px 20px; text-align: center; text-transform: uppercase; margin-bottom: 0px; } .tot-colors { padding: 18px 16px 0px; } .tot-colors a, .tot-colors a:visited, .groupBg a, .groupBg a:visited { width: 28px; height: 28px; border: 2px solid #dcdcdc; display: inline-block !important; margin: 0px 5px 5px; outline: none; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; } .tot-colors a:hover, .tot-colors a:active, .groupBg a:hover, .groupBg a:active { border: 2px solid #bbb; outline: none; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; -ms-transition: all ease 1s; transition: all ease 1s; } .tot-colors a.active, .tot-colors a.active:hover, .tot-colors.active a:active, .groupBg a.active, .groupBg a.active:hover, .groupBg a.active a:active { border: 2px solid #888; outline: none; -webkit-transition: all ease 2s; -moz-transition: all ease 2s; -o-transition: all ease 2s; -ms-transition: all ease 2s; transition: all ease 2s; } .tot-colors a.default { background: #ed5f30; background-color: #e66338; background-image: -moz-linear-gradient(top, #f07851, #d74413); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f07851), to(#d74413)); background-image: -webkit-linear-gradient(top, #f07851, #d74413); background-image: -o-linear-gradient(top, #f07851, #d74413); background-image: linear-gradient(to bottom, #f07851, #d74413); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff07851', endColorstr='#ffd74413', GradientType=0); } .tot-colors a.blue-bell { background: #8d95c3; background-color: #8e96c3; background-image: -moz-linear-gradient(top, #a4abcf, #6c76b1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a4abcf), to(#6c76b1)); background-image: -webkit-linear-gradient(top, #a4abcf, #6c76b1); background-image: -o-linear-gradient(top, #a4abcf, #6c76b1); background-image: linear-gradient(to bottom, #a4abcf, #6c76b1); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffa4abcf', endColorstr='#ff6c76b1', GradientType=0); } .tot-colors a.blumine-blue { background: #1c4a72; background-color: #1c4b73; background-image: -moz-linear-gradient(top, #235d8f, #122f49); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#235d8f), to(#122f49)); background-image: -webkit-linear-gradient(top, #235d8f, #122f49); background-image: -o-linear-gradient(top, #235d8f, #122f49); background-image: linear-gradient(to bottom, #235d8f, #122f49); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff235d8f', endColorstr='#ff122f49', GradientType=0); } .tot-colors a.boston-blue { background: #3d82b1; background-color: #4382ac; background-image: -moz-linear-gradient(top, #4f94c2, #30668b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4f94c2), to(#30668b)); background-image: -webkit-linear-gradient(top, #4f94c2, #30668b); background-image: -o-linear-gradient(top, #4f94c2, #30668b); background-image: linear-gradient(to bottom, #4f94c2, #30668b); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff4f94c2', endColorstr='#ff30668b', GradientType=0); } .tot-colors a.carmine-choco { background: #b14137; background-color: #ae453b; background-image: -moz-linear-gradient(top, #c65146, #8a332b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c65146), to(#8a332b)); background-image: -webkit-linear-gradient(top, #c65146, #8a332b); background-image: -o-linear-gradient(top, #c65146, #8a332b); background-image: linear-gradient(to bottom, #c65146, #8a332b); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffc65146', endColorstr='#ff8a332b', GradientType=0); } .tot-colors a.comet-blue { background: #555682; background-color: #555683; background-image: -moz-linear-gradient(top, #636498, #414263); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#636498), to(#414263)); background-image: -webkit-linear-gradient(top, #636498, #414263); background-image: -o-linear-gradient(top, #636498, #414263); background-image: linear-gradient(to bottom, #636498, #414263); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff636498', endColorstr='#ff414263', GradientType=0); } .tot-colors a.copper-brown { background: #b07838; background-color: #ad783c; background-image: -moz-linear-gradient(top, #c58a47, #895e2c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c58a47), to(#895e2c)); background-image: -webkit-linear-gradient(top, #c58a47, #895e2c); background-image: -o-linear-gradient(top, #c58a47, #895e2c); background-image: linear-gradient(to bottom, #c58a47, #895e2c); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffc58a47', endColorstr='#ff895e2c', GradientType=0); } .tot-colors a.crimson-red { background: #d61646; background-color: #cf1e4a; background-image: -moz-linear-gradient(top, #e92757, #a81137); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e92757), to(#a81137)); background-image: -webkit-linear-gradient(top, #e92757, #a81137); background-image: -o-linear-gradient(top, #e92757, #a81137); background-image: linear-gradient(to bottom, #e92757, #a81137); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe92757', endColorstr='#ffa81137', GradientType=0); } .tot-colors a.deluge-voilet { background: #8062b1; background-color: #8267ad; background-image: -moz-linear-gradient(top, #937abd, #674a96); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#937abd), to(#674a96)); background-image: -webkit-linear-gradient(top, #937abd, #674a96); background-image: -o-linear-gradient(top, #937abd, #674a96); background-image: linear-gradient(to bottom, #937abd, #674a96); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff937abd', endColorstr='#ff674a96', GradientType=0); } .tot-colors a.flame-pea-orange { background: #e06338; background-color: #d96740; background-image: -moz-linear-gradient(top, #e57b57, #c64a1f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e57b57), to(#c64a1f)); background-image: -webkit-linear-gradient(top, #e57b57, #c64a1f); background-image: -o-linear-gradient(top, #e57b57, #c64a1f); background-image: linear-gradient(to bottom, #e57b57, #c64a1f); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe57b57', endColorstr='#ffc64a1f', GradientType=0); } .tot-colors a.forest-green { background: #397028; background-color: #397128; background-image: -moz-linear-gradient(top, #468a31, #264a1b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#468a31), to(#264a1b)); background-image: -webkit-linear-gradient(top, #468a31, #264a1b); background-image: -o-linear-gradient(top, #468a31, #264a1b); background-image: linear-gradient(to bottom, #468a31, #264a1b); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff468a31', endColorstr='#ff264a1b', GradientType=0); } .tot-colors a.highland-green { background: #679367; background-color: #6b906b; background-image: -moz-linear-gradient(top, #7ba37b, #527552); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7ba37b), to(#527552)); background-image: -webkit-linear-gradient(top, #7ba37b, #527552); background-image: -o-linear-gradient(top, #7ba37b, #527552); background-image: linear-gradient(to bottom, #7ba37b, #527552); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff7ba37b', endColorstr='#ff527552', GradientType=0); } .tot-colors a.jelly-bean-magenta { background: #28778e; background-color: #28788f; background-image: -moz-linear-gradient(top, #308eaa, #1d5666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#308eaa), to(#1d5666)); background-image: -webkit-linear-gradient(top, #308eaa, #1d5666); background-image: -o-linear-gradient(top, #308eaa, #1d5666); background-image: linear-gradient(to bottom, #308eaa, #1d5666); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff308eaa', endColorstr='#ff1d5666', GradientType=0); } .tot-colors a.marino-blue { background: #426195; background-color: #426196; background-image: -moz-linear-gradient(top, #4d71ae, #324a72); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d71ae), to(#324a72)); background-image: -webkit-linear-gradient(top, #4d71ae, #324a72); background-image: -o-linear-gradient(top, #4d71ae, #324a72); background-image: linear-gradient(to bottom, #4d71ae, #324a72); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff4d71ae', endColorstr='#ff324a72', GradientType=0); } .tot-colors a.persian-red { background: #cc3333; background-color: #c04040; background-image: -moz-linear-gradient(top, #d35050, #a32929); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d35050), to(#a32929)); background-image: -webkit-linear-gradient(top, #d35050, #a32929); background-image: -o-linear-gradient(top, #d35050, #a32929); background-image: linear-gradient(to bottom, #d35050, #a32929); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffd35050', endColorstr='#ffa32929', GradientType=0); } .tot-colors a.surfie-green { background: #118d78; background-color: #118e79; background-image: -moz-linear-gradient(top, #15ad93, #0c5f51); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#15ad93), to(#0c5f51)); background-image: -webkit-linear-gradient(top, #15ad93, #0c5f51); background-image: -o-linear-gradient(top, #15ad93, #0c5f51); background-image: linear-gradient(to bottom, #15ad93, #0c5f51); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff15ad93', endColorstr='#ff0c5f51', GradientType=0); } .tot-colors a.tapestry-pink { background: #b15596; background-color: #ab5c94; background-image: -moz-linear-gradient(top, #bc6da5, #91427a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bc6da5), to(#91427a)); background-image: -webkit-linear-gradient(top, #bc6da5, #91427a); background-image: -o-linear-gradient(top, #bc6da5, #91427a); background-image: linear-gradient(to bottom, #bc6da5, #91427a); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffbc6da5', endColorstr='#ff91427a', GradientType=0); } .tot-colors a.viola { background: #cf87c1; background-color: #cf88c1; background-image: -moz-linear-gradient(top, #d9a1ce, #c063ae); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9a1ce), to(#c063ae)); background-image: -webkit-linear-gradient(top, #d9a1ce, #c063ae); background-image: -o-linear-gradient(top, #d9a1ce, #c063ae); background-image: linear-gradient(to bottom, #d9a1ce, #c063ae); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffd9a1ce', endColorstr='#ffc063ae', GradientType=0); } .tot-colors a.viridian-green { background: #3b8f64; background-color: #3b9065; background-image: -moz-linear-gradient(top, #45a876, #2c6b4b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#45a876), to(#2c6b4b)); background-image: -webkit-linear-gradient(top, #45a876, #2c6b4b); background-image: -o-linear-gradient(top, #45a876, #2c6b4b); background-image: linear-gradient(to bottom, #45a876, #2c6b4b); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff45a876', endColorstr='#ff2c6b4b', GradientType=0); } .tot-colors a.well-read-choco { background: #b1353c; background-color: #ae393f; background-image: -moz-linear-gradient(top, #c7434a, #8a292f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c7434a), to(#8a292f)); background-image: -webkit-linear-gradient(top, #c7434a, #8a292f); background-image: -o-linear-gradient(top, #c7434a, #8a292f); background-image: linear-gradient(to bottom, #c7434a, #8a292f); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffc7434a', endColorstr='#ff8a292f', GradientType=0); } .tot-colors a.lavender-purple { background: #9d8cba; background-color: #9e8dba; background-image: -moz-linear-gradient(top, #b0a2c7, #826ca7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0a2c7), to(#826ca7)); background-image: -webkit-linear-gradient(top, #b0a2c7, #826ca7); background-image: -o-linear-gradient(top, #b0a2c7, #826ca7); background-image: linear-gradient(to bottom, #b0a2c7, #826ca7); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffb0a2c7', endColorstr='#ff826ca7', GradientType=0); } .tot-colors a.havelock-blue { background: #468ace; background-color: #4e8bc7; background-image: -moz-linear-gradient(top, #629cd5, #2f70b2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#629cd5), to(#2f70b2)); background-image: -webkit-linear-gradient(top, #629cd5, #2f70b2); background-image: -o-linear-gradient(top, #629cd5, #2f70b2); background-image: linear-gradient(to bottom, #629cd5, #2f70b2); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff629cd5', endColorstr='#ff2f70b2', GradientType=0); } .bgTheme .groupBg a.white{ background: #fff; width: 40% !important; margin-left: 10px; margin-right: 0px; } .bgTheme .groupBg a.noise{ background: url(../img/body-bg.png) repeat left top; width: 40% !important; margin-left: 8px; margin-right: 8px; } .field-name-field-antetitulo{ font-size:20px; } .field-name-field-repetir-t-tulo{ font-size:24px; } .field-name-field-subtitulo{ font-size:18px; } .field-name-field-fecha{ padding:5px 0; font-style:italic; } .field-name-body{ margin-top:20px; } .boton-volver{ float:right; margin-left: 10px; } .boton-volver2{ float:right; /*width:68px !important;*/ height:23px !important; /*padding-left: 22px;*/ padding: 3px 12px 2px 28px !important; font-family: "nexa_500",Tahoma,Geneva,sans-serif !important; border:none; color:#FFFFFF; text-transform:uppercase; /*background:url(../img/bback.png) no-repeat top left !important;*/ background: #777777 url("../img/back.png") no-repeat 3px 2px !important; margin-left:10px; border-radius: 5px !important; box-shadow:none !important; line-height:12px !important; font-size: 12px; } .menu_bajotitulo{ background:url(../img/linea-menu-media.png) no-repeat top left; clear:left; padding-top:5px; } .menu_bajotitulo .menu { border-bottom:1px solid #aaa8ad; } .menu_bajotitulo .menu li{ display:inline !important; margin:0; padding:0; padding-right:25px; } .menu_bajotitulo .menu li a{ color:#aaa8ad; font-size:11px !important; display:inline-block; } .menu_bajotitulo .menu li a:hover, .menu_bajotitulo .menu li a.active{ color:#AC0A16; border-bottom:1px solid #AC0A16; } .menu_bajotitulo .menu li a.privado{ background:url(../img/candado.png) 0px 5px no-repeat ; padding-left:10px; } .view-press-releases { text-align:left; } .view-press-releases .views-row-odd .field-content{ background:#f8f8f8; font-size:10px; display:inline-block; padding:5px; } .view-press-releases .views-row-even .field-content{ background:#ebebeb; font-size:10px; display:inline-block; padding:5px; } .view-press-releases .views-field-field-fecha .field-content{ width:60px !important; padding:5px 10px; } .view-press-releases .views-field-field-tipo .field-content{ width:120px !important; padding:5px 15px; } .view-press-releases .views-field-title .field-content{ width:350px !important; padding:5px; padding-left:10px; text-align:left; } .view-press-releases .views-field-field-descarga .field-content a{ display:block; background:url('../img/boton-descargar.png') no-repeat top left; color:#ffffff; text-align:center; width:58px; } .view-press-releases .views-row-last, .view-archives .views-row-last, .view-dossiers .views-row-last{ margin-bottom:5px !important; } .view-press-releases .pager, .view-archives .pager{ text-align:right; margin-bottom:20px; } .view-press-releases .pager li, .view-archives .pager li, .view-dossiers .pager li, .view-noticias .pager li{ margin:0 !important; padding:0 !important; } .view-press-releases .pager li a, .view-archives .pager li a, .view-dossiers .pager li a{ border:1px solid #e2e2e2 !important; border-radius:0 !important; background:none !important; color:#6e6e6e !important; padding: 0 9px !important; } .view-noticias .pager li a, .view-publications .pager li a{ border:none !important; border-radius:0 !important; background:none !important; color:#6e6e6e !important; padding:0 !important; } .view-noticias .pager li, .view-publications .pager li{ border:1px solid #e2e2e2 !important; padding: 8px !important; margin:0 !important; } .view-noticias .pager, .view-publications pager{ margin-bottom:30px; } .view-dossiers { text-align:right; } .view-dossiers .view-content{ float:left; } .view-dossiers .item-list .pager{ clear:both; text-align:right; } .view-dossiers .views-row-odd { background:#f8f8f8; width:670px; } .view-dossiers .views-row-even{ background:#ebebeb; width:670px; } .view-dossiers .views-row-odd .field-content{ font-size:10px; display:inline-block; vertical-align:middle; padding:15px 15px; } .view-dossiers .views-row-even .field-content{ font-size:10px; display:inline-block; vertical-align:middle; padding:15px 15px; } .view-dossiers .views-field-field-imagen .field-content{ padding:15px 15px; } .view-dossiers .views-field-title .field-content{ width:325px !important; padding:15px 15px; } .view-dossiers .views-field-field-descarga-dossier .field-content a{ display:block; background:url('../img/boton-descargar.png') no-repeat top left; color:#ffffff; text-align:center; width:58px; } .view-dossiers .views-field-field-descarga-dossier{ float:right; width:88px; } .view-dossiers .view-footer, .view-press-releases .view-footer, .view-archives .view-footer{ clear:both; text-align:left; font-size:11px; margin-bottom:40px; margin-top:15px !important; } .view-archives{ text-align:right; } .view-archives .views-row-odd .field-content{ font-size:10px; display:inline-block; vertical-align:middle; padding:15px 15px; } .view-archives .views-row-odd .field-content{ background:#f8f8f8; font-size:10px; display:inline-block; padding:5px; } .view-archives .views-row-even .field-content{ background:#ebebeb; font-size:10px; display:inline-block; padding:5px; } .view-archives .views-field-title .field-content{ width:360px !important; padding:5px; text-align:left; } .view-archives .views-field-field-medio .field-content{ width:150px !important; padding:5px; text-align:left; } .view-archives .views-field-field-descarga .field-content a{ display:block; background:url('../img/boton-descargar.png') no-repeat top left; color:#ffffff; text-align:center; width:58px; } .view-projects table, .view-projects-innovation table, .view-actividades table{ width:100%; margin:40px 0; } .view-projects table tr, .view-projects table tbody, .view-projects-innovation table tr, .view-projects-innovation table tbody, .view-actividades table tr, .view-actividades table tbody{ border: none; } /*.view-projects table tr.even { background-color: #CECFC9; border-bottom: 1px solid #CCCCCC; padding: 0.1em 0.6em; } .view-projects table tr.odd { background-color: #E1E2DC; border-bottom: 1px solid #CCCCCC; padding: 0.1em 0.6em; }*/ .views-field-field-bandera { width:40px;} .view-actividades table tr.even { background-color: #CECFC9; border-bottom: 1px solid #CCCCCC; padding: 0.1em 0.6em; } .view-actividades table tr.odd { background-color: #E1E2DC; border-bottom: 1px solid #CCCCCC; padding: 0.1em 0.6em; } .tabla_empresas tbody{ border:none; } .view-research .views-row{ margin-bottom:10px; } .view-research .views-field-title{ font-weight:bold; } .view-industry .view-content{ text-align:center; } .field-items ul{ margin-left:20px; } #site-map{ margin-left:30px; /*margin-top:60px;*/ } .views-exposed-form { /*float:right; margin-bottom:25px*/ } #edit-field-ano-tid{ width:100px; } #edit-field-ano-talks-tid{ width:100px; } .views-exposed-form .form-type-textfield input{ width:130px; } .views-exposed-form .views-exposed-widget .form-submit { margin:0 !important; } .btn-theme-pri { /*background: #777777 url("../img/back.png") no-repeat 3px 2px !important;*/ background: #777777 !important; padding: 3px 12px 2px 12px !important; border-radius: 5px !important; box-shadow:none !important; border-color: #777777 !important; line-height:12px !important; font-size: 12px; height:23px; } .view-archives .view-content{ clear:both; } .views-exposed-form .views-exposed-widget { padding: 0 0 0 10px !important; } html.js input.form-autocomplete { background-position: 100% 10px !important; } .tabs{ clear:both; } .node-licitaciones .grupo2 .field-label{ width:60px; } .node-licitaciones .grupo3 .field-label{ width:320px; } .node-licitaciones .grupo4 .field-label{ width:60px; } .view-item-calendar .monthview .contents, .view-item-calendar .weekview .contents{ width:100% !important; } #views-exposed-form-eventos-page{ clear:both; /*margin-bottom:40px;*/ } .view-publications .view-content, .view-talks .view-content{ clear:both; } .view-publications .view-content .views-row, .view-talks .view-content .views-row{ margin-bottom:20px; } .view-publications .view-content .views-row .views-field-title span, .view-talks .view-content .views-row .views-field-title span{ font-weight:bold; } .view-publications .views-submit-button, .view-talks .views-submit-button{ margin-top:25px; } .view-licitaciones-en-curso .views-submit-button, .view-talks .views-submit-button{ margin-top:25px; } .view-licitaciones-abiertas .views-submit-button, .view-talks .views-submit-button{ margin-top:25px; } div.error{ clear: both; } #user-login-form #edit-submit--2{ display:none; } #user-login-form2 #edit-submit--2{ display:none; } #colorbox .read-more{ display:none; } #block-block-4{ margin-top:40px; } #block-menu-menu-men-secundario .menu .menu .menu{ display:none !important; } .contextual-links-trigger{ padding:0 !important; } .view-modelos .views-field-title{ padding-right:10px; } .view-header{ text-align:justify; } #cboxLoadedContent{ padding-right:20px; } .view-noticias .field-content, .view-eventos .field-content{ text-align:justify; } .node-article, .node-eventos, .node-linea-de-investigaci-n{ text-align:justify; } .titulo-area{ color:#ac0a16; background:#ffffff; width:150px; padding-left:20px; font-weight:bold; border:1px solid #e2e2e2; font-size:11px; } .titulo-linea{ border-bottom:1px solid #e2e2e2; margin-top:-2px; margin-bottom:10px; height:1px; } .titulo-miembro{ margin-left:0px; color:#636363; border-bottom:1px dotted #636363; width:160px; font-size:11px; } .flecha-miembro{ color:#ac0a16; font-weight:normal; } .nombre-miembro{ margin-left:0px; color:#595959 !important; font-weight:bold; font-size:11px; } .nombre-miembro a{ color:#595959 !important; text-decoration:underline !important; } .cargo-miembro{ margin-left:0px; color:#ac0a16; font-style:italic; padding-bottom:10px; font-size:11px; } .nota{ margin-left:20px; margin-top:5px; margin-bottom:10px; color:#636363; font-size:11px; } .breadcrumb{ padding: 5px 15px; } .breadcrumb li{ margin-bottom:0 !important; } .tabla_organigrama{ border-collapse: inherit !important; } .tabla_organigrama tr td:last-child { /*border-right: 0px !important;*/ } .private_area{ text-align:center; margin-bottom:20px; } .private_area a{ border-bottom:2px solid #AC0A16; background:#FFFFFF; padding:5px;} .formu_evento{ padding-top:60px; display:none;} .field-name-field-web-oficial{ display:none;} .a_center{ text-align:center;} .divider{ padding:0 5px; } #user-register-form fieldset { border: 1px solid #CCCCCC; padding: 10px !important; } #user-register-form legend { width:auto; border:0; font-size:12px; font-weight:bold; margin:0; padding:0; } #user_user_form_group_personal_data .form-item, #user_user_form_group_media .form-item{ float:left; width:50%; } #user_user_form_group_media .field-name-field-media-email .form-item { width:100%; } #user_user_form_group_media .field-name-field-receive-email-news .form-item { width:100%; } .private-area { background: url(../img/fondo-private-area.jpg) no-repeat left top; width:951px; } #block-block-4 { margin-top: 40px; } .private-area ul.menu { text-align:center; padding-left:100px; } .private-area ul.menu li{ list-style:none; float:left; background:url(../img/fondo-menu-pa.png) no-repeat; width:346px; height:51px; padding-right:50px; padding-bottom:15px; } .private-area ul.menu li ul{ display:none; } .private-area ul.menu li ul{ z-index:3; position:relative; background:none; } .private-area ul.menu li:hover{ background:url(../img/fondo-menu-pa-hover.png) no-repeat; } .private-area ul.menu li a{ color:#FFFFFF; display:block; padding-top:8px; height:30px; } .cls{ clear:both;} .tit_pa{ background:#9e0e15; width:95px; margin:0 0 0 30px; padding:6px 12px; } .tit_pa h2{ color:#d5d2d2; font-size:14px; font-family: "museo_sans_500","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; margin:0; padding:0; } .separa_tit{ height:5px; } .cont_ap{ padding-top:80px; } .txt_ap{ clear:both; padding:20px;} .bits{background:url(../img/fondo-bits.gif) no-repeat right top;} .tabla_empresas td{ border:0 !important;background:#FFFFFF;} .tabla_empresas tr{ padding:5px;margin:5px;} .empresa{width: 686px; margin: 0px auto; background:url(../img/fondo-bot-partner.png) no-repeat bottom;} .cab_empresa{ background:url(../img/fondo-top-partner.png) no-repeat top; width:686px; height:7px;} .logo_empresa{ width:135px; text-align:center; float:left; height:100%; margin-top:50px; } .contenido_empresa{ width:521px; padding-left:15px; float:left;} .ajuste_empresa{ clear:both; height:1px;} .separador_empresas{ height:15px;} .exten_ob{ cursor:pointer;} .exten_ob_oculto{ display:none;} #edit-field-fecha-value-value-year{ width:100px;} #block-locale-language ul li { display: inline; margin: 0px; padding: 0px; } @media (min-width: 468px) { #block-locale-language img { height: 24px; } #block-locale-language { float:right; margin-right: 10px; } } .imgfront { margin-top:-70px; width:205px; margin-left:35px; } .contenidofront { text-align: center; margin-bottom:100px; } .imgfrontal { margin-top:-25px; width: 2800px; } .linea_pie_fullwidth { background: #363636; } .pie_front { margin: auto; padding: 7px 0px; float: none; line-height: inherit; } @media (max-width: 400px) { #imgbotones { display: none } .imgbotones { display: none } }