/*================================================== #Basic-styles ==================================================== */ html{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%} dfn {color: #808080; font-size: 10px; font-style: normal; display: block; position: relative; white-space: normal;} .postcontent dfn{display: inline; font-size: 13px} mark{padding:1px 4px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } q{font-style: italic; quotes: "\201C", "\201D", "\2018", "\2019"} abbr, .postcontent dfn{border-bottom: 1px dotted;} body {font-size: 13px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color: #202020; background: url('../../../tema/bg/bg_texture_1.jpg') repeat fixed top left #F2F2F2;} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{color: #808080; font-weight: normal} h1, h2, h3, h4, h5, h6, blockquote strong, blockquote p strong {color: #3179C3;} del{color: #800000;} mark{background: #A8CAEA; color: #1F5A7A; text-shadow: none; border: 1px solid #559ABD;} .subheader, p.lead { color: #777777;} pre {white-space: pre-wrap; word-wrap: break-word; display: inline-block; line-height: 1.69em} pre, code, kbd, samp {-moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; font-family: monospace,monospace; font-size: 1em; text-shadow:none; box-shadow: none; color:#606060; padding:1px 7px 1px 2px;} code{color: #808080} video{border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 4px; background-color: rgb(0,0,0); -webkit-box-shadow: 1px 1px 0 rgba(255,255,255, 0.3); -moz-box-shadow: 1px 1px 0 rgba(255,255,255, 0.3); box-shadow: 1px 1px 0 rgba(255,255,255, 0.3); } ::selection {background: #A8CAEA; color: #000000} ::-moz-selection {background: #A8CAEA; color: #000000} ::-webkit-selection {background: #A8CAEA; color: #000000} /*================================================== #Fonts (Included in foundation.css) ==================================================== -- HEADER FONTS ------------------- :: 'BebasNeueRegular' :: 'EconomicaRegular' :: 'QlassikMediumRegular' :: 'YanoneKaffeesatzLight' :: 'OpenSansCondensedLight' -- BODY FONTS ----------------- :: 'UbuntuLight' :: 'PTSansRegular' :: 'DroidSansRegular' */ /*Heading font-family */ h1, h2, h3, h4, h5, h6, .show-title, .css-tabs a, .section-title , .block-number, .dropcap, .event-time .date, .price-col .title, .price-tag, .small-title{ font-family: 'UbuntuLight', Arial, Helvetica, Sans-Serif; } /*body font-family*/ body ,p, .ws-title div, button, textarea, input { font-family:'DroidSansRegular', Arial, Helvetica, Sans-Serif; } /*================================================== #Links ==================================================== */ a, p a, li a{color: #3179C3;} a {text-decoration: none; outline: 0; line-height: inherit;} p a, li a{line-height: inherit; } .child .header-content a{color: #FFFFFF; border-bottom: 1px dotted #FFFFFF;} a:active,a:focus{outline:0} a:visited, p a:visited, li a:visited {color: #3179C3;} a:hover, p a:hover, li a:hover, a:focus, li a:visited:hover, .child .header-content a:hover { color: #202020;} /*================================================== #Typography ==================================================== */ /*color-gradient ----------------------*/ .event-time .month, .block-number .bottom, .error, .section-title, .jqTransformSelectWrapper ul a.selected, ul.white-top a.current, ul.white-top a.current:hover{ background: #216BB7 url('../../../tema/skins/azure/bg-gradient.png') repeat-x 0 0 !important;} /*light-gray background --------------------------*/ div.css-panes div,.showhide li, div.panel, .event-time, .block-number, .accordion { background: url('../../../tema/body/bg-white-large.png') repeat-x 0 0 #f2f2f2;} .accordion h2, table thead, table tfoot{ background: url('../../../tema/body/bg-white.png') 0 0 repeat-x scroll #dedede; } /*color buttons -------------------*/ a.button-color, button.button-color, input[type="submit"].button-color, input[type="reset"].button-color, input[type="button"].button-color, .page-navigate .current{ border-color: #276C93 #1E516E #1E516E #276C93; color:#FFFFFF !important; text-shadow:none; background: url('../../../tema/skins/azure/button.png') repeat-x scroll 100% -16px #206AB6;} a.button-color:hover, button.button-color:hover, input[type="submit"].button-color:hover, input[type="reset"].button-color:hover, input[type="button"].button-color:hover, .page-navigate .current:hover{ background-position: 100% -61px; border-color:#1C5C9C; text-shadow:none; } a.button-color:active, button.button-color:active, input[type="submit"].button-color:active, input[type="reset"].button-color:active, input[type="button"].button-color:active, .page-navigate .current:active{ background-position: 100% -106px; border-color:#164C81; text-shadow:none;} /*button-action */ a.button-action.button-color, button.button-action.button-color, input[type="submit"].button-action.button-color, input[type="reset"].button-action.button-color, input[type="button"].button-action.button-color{ background-position: 100% 0;} a.button-action.button-color:hover, button.button-action.button-color:hover, input.button-action.button-color:hover{ background-position: 100% -45px;} a.button-action.button-color:active, button.button-action.button-color:active, input.button-action.button-color:active{ background-position: 100% -90px;} /* dropcaps-blocks */ .dropcap{color:inherit; display:block;float:left;font-size: 5em; line-height: 75%; padding:6px 8px 0 0; background: none} .event{display: block; margin: 5px 0 20px} .event-time .date, .block-number .digit{font-size: 2rem; font-size: 20px; padding: 9px 10px 25px; line-height: 1;} .event-time .month, .block-number .bottom{ display: block;padding-bottom: 2px; text-align: center;text-transform: uppercase; -moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; text-shadow: none; border-width: 1px 0 0; border-style: solid; border-top: 1px solid #206AB6; color: #FFFFFF; border-color: #276C93 #1E516E #1E516E #276C93; -moz-box-shadow: 0 -1px 1px #61ABD5 inset; -webkit-box-shadow: 0 -1px 1px #61ABD5 inset; -ms-box-shadow: 0 -1px 1px #61ABD5 inset; -o-box-shadow: 0 -1px 1px #61ABD5 inset; box-shadow: 0 -1px 1px #61ABD5 inset;} .block-number .bottom{height: 6px} .event-time, .block-number{display:block; float:left; height:auto; margin: 5px 15px 5px 0 !important; padding-top:7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color:#808080; border: 1px solid #FFFFFF; border-color: #c0c0c0 #888888 #888888 #c0c0c0; text-shadow: 0 1px rgba(255, 255, 255, 1); color: #444444 !important; -moz-box-shadow: 0 -1px 1px #ffffff inset; -webkit-box-shadow: 0 -1px 1px #ffffff inset; -ms-box-shadow: 0 -1px 1px #ffffff inset; -o-box-shadow: 0 -1px 1px #ffffff inset; box-shadow: 0 -1px 1px #ffffff inset;} /* text-highlight */ .highlight{border-width: 1px; border-style: solid; padding:1px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-shadow:none; box-shadow: none;} .highlight.white{background:#FFFFFF; border-color: #c0c0c0; color:#606060;} /*================================================== #Page-elements ==================================================== */ /** begin top-section -------------------------------------**/ .top-main{height: 33px; margin: 10px 0 0; padding-bottom: 10px} #top-date{padding: 5px 0; font-size: 14px;} .top-links{padding: 0 8px;} .post-share{margin-bottom: 10px;} .top-links a, .post-share a{display: block; float: left; height: 33px; width: 30px; text-indent: -9999em; background: url('../../../tema/widget/social-icons.png') no-repeat scroll 0 0 transparent; padding: 1px; margin-left: 4px; outline: 0; } .post-share a{margin-right: 3px;} a.twitter{background-position: -52px -4px;} /*twitter*/ a.facebook{background-position: -11px -77px;} /*facebook*/ a.google{background-position: -52px -77px;} /*google-plus*/ a.yahoo{background-position: -297px -4px;} /*yahoo*/ a.vimeo{background-position: -11px -4px;} /*vimeo*/ a.dribbble{background-position: -93px -4px;} /*dribbble*/ a.wordpress{background-position: -135px -4px;} /*wordpress*/ a.aim{background-position: -176px -4px;} /*aim*/ a.mail{background-position: -217px -4px;} /*mail*/ a.deviant{background-position: -257px -4px;} /*deviant*/ a.tumblr{background-position: -339px -4px;} /*tumblr*/ a.flickr{background-position: -217px -40px;} /*flickr*/ a.forrst{background-position: -257px -40px;} /*forrst*/ a.behance{background-position: -135px -77px;} /*behance*/ a.dropbox{background-position: -217px -77px;} /*dropbox*/ a.digg{background-position: -297px -77px;} /*digg*/ a.youtube{background-position: -339px -77px;} /*youtube*/ #choose-product{background: url('../../../tema/skins/azure/separator.png') no-repeat scroll left center transparent; padding-left: 10px; width: 247px;} .call-us{padding: 20px 25px 0;} .call-us strong, h2.call-us{color: #202020;} #gotolink{ float: left; margin: 0 0 0 10px;} /* search-box --------------------------------------*/ .search{float: right; margin: 0 -3px 0 7px; } #search_box{line-height: 1; border: 1px solid #CECECE; -moz-box-shadow: 0 1px 0 #FAFAFA; -webkit-box-shadow: 0 1px 0 #FAFAFA; -ms-box-shadow: 0 1px 0 #FAFAFA; -o-box-shadow: 0 1px 0 #FAFAFA; box-shadow: 0 1px 0 #FAFAFA; background:url('../../../tema/body/search.png') no-repeat scroll 95% 45% #F6F6F6} #search_box:hover{background-color: #FEFEFE; background-position: 98% 45%} #search_box:focus{background-color: #FFFFFF; background-position: 110% 45%} /** begin Logo -------------------------------------**/ .logo-img{scroll 0 0 transparent; width:240px; height: 70px; margin: 0} .tag-line{background: url("../../../tema/skins/azure/separator.png") no-repeat scroll left center transparent; padding: 7px 10px; position: relative; top: 33px; font-size: 1.2rem; font-size: 12px; color: #808080;} /** end Logo **/ /** begin layouts -------------------------------------**/ .sheet{background:url('../../../tema/skins/azure/sheet.png') repeat scroll 0 0 transparent; margin: 0; border: 1px solid #FFFFFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 2px #C0C0C0; -webkit-box-shadow: 0 0 2px #C0C0C0; -ms-box-shadow: 0 0 2px #C0C0C0; -o-box-shadow: 0 0 2px #C0C0C0; box-shadow: 0 0 2px #C0C0C0;} .sheet-body{padding: 4px;} .layout-wrapper{padding: 0 15px 0} .main-content{padding: 15px 0 20px 0; } .main-content.inner{padding: 15px 0 0 0; } /*sidebar*/ .sidebar-l .column-body {margin: 0 20px 0 0;} .sidebar-l .column-title {margin: 3px 20px 9px -20px} .sidebar-r .column-body {margin: 0 0 0 20px;} .sidebar-r .column-title {margin: 3px -20px 9px 20px } .sidebar-r .column-title .t{line-height:45px; padding: 10px 16px 9px 0; white-space: pre-wrap; background: url('../../../tema/body/block-t-right.png') no-repeat scroll 0 100% transparent; } .sidebar-l .column-title .t{line-height:45px; padding: 10px 0 9px 20px; white-space: pre-wrap; background: url('../../../tema/body/block-t-left.png') no-repeat scroll 100% 100% transparent } .sidebar-l, .sidebar-r, .divide-l, .divide-r{margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 3px 0 20px;} .sidebar-l, .divide-l{background: url('../../../tema/body/sidebar-l.png') repeat-y scroll 100% 0 transparent;border-right: 1px solid #F7F7F7} .sidebar-r, .divide-r{background: url('../../../tema/body/sidebar-r.png') repeat-y scroll 0 0 transparent;border-left: 1px solid #F7F7F7} /** end layouts **/ /** begin horizontal-menu -------------------------------------**/ .nav{margin: 0 auto; min-height: 83px; position: relative; z-index: 10; background: url('../../../tema/skins/azure/nav.png') repeat-x scroll 0 0 transparent; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;} .nav-outer{float: right} #menu {height: 80px; z-index: 100; margin-top: 1px; float: right;} #menu * {margin: 0; padding: 0; list-style-type: none; text-decoration: none; } #menu ul.menu {margin-top: 0;} #menu ul.menu li {display: block; height: 90px; position: relative; float: left} #menu ul.menu li div {position: absolute; top: 82px; left: -2px; width: 194px; padding-top: 6px; z-index: 1000; border-style: solid; border-width: 5px 0; border-color: transparent;} #menu ul.menu li div div { position: absolute; top: -6px; left: 182px;} #menu ul.menu li div ul li {display: block; float: none; width: auto; height: auto;} #menu ul.menu li a {padding-left: 15px; display: inline-block; margin: -5px 0;} #menu ul.menu li a span { padding:0 20px 0 5px; display: inline-block; height: 83px; line-height: 80px;} .ie7 ul.menu li a span {height: 83px} #menu ul.menu li div ul li a {display: block; padding: 0; margin: 0; background: none;} #menu ul.menu li div ul li a.parent span{width: 180px} #menu ul.menu li div ul li a span {width: 167px; display: block; position: relative; white-space: pre-wrap; padding: 0; height: auto; line-height: 14px; padding: 10px 0 10px 10px; } #menu ul.menu li div ul li a.group span{line-height: 7px; padding-left: 15px} #menu ul.menu li div ul li a.disabled span{padding-left: 10px} #menu ul.menu li div ul { padding: 0 9px 8px;} #menu ul.menu li a span, #menu ul.menu li div ul li a span{font-weight: 400; font-size: 12px} #menu ul.menu li a.group span{font-size: 11px} #menu ul.menu li div ul li:first-child{ border-top-width: 0;} #menu li>div { visibility: hidden;} #menu li:hover>div {visibility: visible} /*menu item definitions*/ #menu ul li dfn{margin-top: -64px; padding-top: 2px} #menu div li dfn{margin: 0; height: auto; width: 85%; z-index: 100;} #menu div div li dfn{padding-top: 3px; line-height: 150%;} #menu div li dfn img{margin: 5px; float: left} dfn.none{visibility: hidden} /*hover and active state*/ ul.menu li:hover a, ul.menu li.active a { -moz-box-shadow: 0 0 6px #c0c0c0 inset; -webkit-box-shadow: 0 0 6px #c0c0c0 inset; -ms-box-shadow: 0 0 6px #c0c0c0 inset; -o-box-shadow: 0 0 6px #c0c0c0 inset; box-shadow: 0 0 6px #c0c0c0 inset;} ul.menu div ul li a {box-shadow: none !important} #menu ul.menu li div ul li a.parent span{background: url('../../../tema/skins/azure/submenu-pointer.png') no-repeat scroll 92% 50% transparent} #menu ul.menu li div {background: url('../../../tema/skins/azure/submenu-top.png') no-repeat scroll 0 top transparent;} #menu ul.menu li div ul {background: url('../../../tema/skins/azure/submenu-bottom.png') no-repeat scroll 0 bottom transparent;} .lt-ie9 ul.menu li.active a, .lt-ie9 ul.menu li:hover a { background: url('../../../tema/skins/azure/menu-active.png') repeat-x scroll 0 0 transparent} /*ie fallback*/ /* menu link colors */ ul.menu li a span, ul.menu div li a span{color: #404040} /* Lines between li */ #menu ul.menu li div ul li{border-bottom: 1px solid #E7E7E7; border-top: 1px solid #FEFEFE; background: none repeat scroll 0 0 #F0F0F0 !important;} #menu ul.menu li div ul li:hover{background: none repeat scroll 0 0 #FFFFFF !important; border-bottom: 1px solid #FFFFFF;} #menu ul.menu li div ul li.group{border: 0 none} .group.disabled{background: #e5e5e5 !important; text-transform: uppercase; border-top: 1px solid #f0f0f0} /* Discarding semi-transparency */ #menu ul.menu ul li:hover, #menu ul.menu ul li:hover>a{*background-image: none;} /* Menu separator */ ul.menu>li:before{position:absolute; display: block; content:' '; top:-6px; left: -2px; width:0; height: 83px; border-left: 1px solid #DEDEDE; border-right: 1px solid #F8F8F8} ul.menu>li {margin-left:0;} ul.menu>li:first-child {margin-left:0;} ul.menu>li:first-child:before{display:none;} /*menu-icons*/ a.icon-1 span, a.icon-2 span, a.icon-3 span, a.icon-4 span, a.icon-5 span, a.icon-6 span, a.icon-7 span, a.icon-8 span, a.icon-9 span, a.icon-10 span, a.icon-11 span, a.icon-12 span, a.icon-13 span, a.icon-14 span{background: url('../../../tema/typo/menu-icons.png') no-repeat scroll 92% 9px transparent} a.icon-1 span{background-position: 92% 9px} a.icon-2 span{background-position: 92% -119px} a.icon-3 span{background-position: 92% -251px} a.icon-4 span{background-position: 92% -384px} a.icon-5 span{background-position: 92% -519px} a.icon-6 span{background-position: 92% -648px} a.icon-7 span{background-position: 92% -778px} a.icon-8 span{background-position: 92% -908px} a.icon-9 span{background-position: 92% -1040px} a.icon-10 span{background-position: 92% -1172px} a.icon-11 span{background-position: 92% -1302px} a.icon-12 span{background-position: 92% -1432px} a.icon-13 span{background-position: 92% -1568px} /*menu-badges*/ ul.menu li div ul li a.hot span, #menu ul.menu li div ul li a.new span, #menu ul.menu li div ul li a.pick span, #menu ul.menu li div ul li a.top span{background: url('../../../tema/widget/icon-badge.png') no-repeat scroll 101% 0 transparent} ul.menu li div ul li a.hot span{background-position: 101% 0} ul.menu li div ul li a.new span{background-position: 101% -512px} ul.menu li div ul li a.pick span{background-position: 101% -1024px} ul.menu li div ul li a.top span{background-position: 101% -1536px} /** end horizontal-menu **/ /** begin header -------------------------------------**/ .header{margin: 0 auto; position: relative; background: url('../../../tema/skins/azure/header.jpg') no-repeat scroll center 0; -moz-box-shadow: 0 0 4px #202020 inset; -webkit-box-shadow: 0 0 4px #202020 inset; -ms-box-shadow: 0 0 4px #202020 inset; -o-box-shadow: 0 0 4px #202020 inset; box-shadow: 0 0 4px #202020 inset;} .header-content{display:inline-block; text-shadow: none; top: 0; overflow: visible; z-index: 1; color: #FFFFFF;} .showcase-msg{ line-height:1.5em; text-shadow:none} .child .header {height: auto; overflow: hidden; background-position: center 0} .child .header-content{margin: 40px 10px 30px 20px; padding: 15px;} .child .show-title{line-height: 60%; bottom: 0; font-size: 140px; visibility: hidden; margin: 0; position: absolute; text-shadow: none;} .static-text {padding: 100px 0 0; color: #FFFFFF; display: block} .show-title, .show-title a, .show-title a:link, .show-title a:hover{display: block; font-size: 56px; line-height: 100%; text-shadow: 0 0 2px #000000} .show-text, .show-text a,.show-text a:link,.show-text a:hover{display:block; padding-top:15px;line-height:1.6em;margin-bottom: 15px; } .small-title{font-size: 30px; color: #FFFFFF; line-height: 1.5; height: 35px;} .spacer{ padding: 0 10px} .small_spacer{ padding: 0 5px} .child .header-img{margin: -45px 50px 0 0;} .header-content video{ margin: 50px 30px 50px 0; } #sequence h2{color: #FFFFFF; text-shadow: 0 0 2px #000000;} /** end header **/ /** begin breadcrumbs -------------------------------------**/ a.pathway{color: #6DA6DB;} a.pathway:hover{color: #FFFFFF;} .breadcrumbs{margin:-5px auto 0; display:block; position:relative; overflow:visible; height:40px; color: #FFFFFF; left: 0; -moz-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.2); background: url('../../../tema/body/breadcrumb-bg.png') repeat-x scroll 100% 0 #494949; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} a.home{width: 35px; height: 35px; margin: 0 10px 5px} a.home, a.home:hover{background:url(../../../tema/body/breadcrumb-home.png) 0 0 no-repeat} a.home:hover{background-position: 0 -35px} a.pathway{background:url(../../../tema/body/breadcrumb-sep.png) 100% 0 no-repeat; margin: 0 10px 5px 0; padding: 0 20px 0 0} .links{display:inline-block; font-size:100%; font-weight:normal; overflow:hidden} .links img{width:12px; height:33px; float:left} .no-link,.links a{float:left; height:33px; line-height:33px; padding-top: 2px; text-shadow: 0 0 3px #000000} .no-link{font-weight:normal} /** end breadcrumbs **/ /** begin vertical-menu -------------------------------------**/ .vmenu, .vmenu ul{list-style: none; display: block;} .vmenu, .vmenu li{display: block; margin: 0; padding: 0; width: auto; line-height: 0;} .sidebar-l .vmenu{margin: 0 20px 0 0} .sidebar-r .vmenu{margin: 0 0 0 20px} .vmenu ul{ display: none; margin: 0; padding: 0; position:relative;} .vmenu ul.active{ display: block;} /* Main menu item */ .vmenu a {display: block; z-index:0; text-decoration: none; font-style: normal; font-weight: normal; margin-left:0; margin-right:0; position:relative;} .vmenu li{position:relative;} .vmenu>li>a {color: #102028; padding: 0 21px 0 21px; height: 45px; line-height: 45px !important; white-space: nowrap; border-style: none solid; border-width: 0 1px; margin-top: 1px; margin-bottom: 1px; border-color: #D4D4D4; text-shadow: 0 1px 0 #FFFFFF;} .vmenu>li>a.active {color: #FFFFFF; border-color: #28A1CC; text-shadow: none;} .vmenu a:hover, .vmenu a.active:hover {color: #FFFFFF !important; text-shadow: none} .vmenu>li>a:before, .vmenu>li>a:after, .vmenu>li>a>span.vmenu-l, .vmenu>li>a>span.vmenu-r {position: absolute; display: block; content: ' '; z-index:-1; background-image: url('../../../tema/skins/azure/vmenuitem.png'); top:0; height:45px; -moz-box-shadow: 0 1px 0 #FFFFFF inset; -webkit-box-shadow: 0 1px 0 #FFFFFF inset; -ms-box-shadow: 0 1px 0 #FFFFFF inset; -o-box-shadow: 0 1px 0 #FFFFFF inset; box-shadow: 0 1px 0 #FFFFFF inset;} .vmenu>li>a:before{left: 0; right: 16px; background-position: top left;} .vmenu>li>a:after{width: 16px; right: 0; background-position: top right;} .vmenu>li>a.active:before {background-position: bottom left;} .vmenu>li>a.active:after {background-position: bottom right;} .vmenu>li>a:hover:before {background-position: center left;} .vmenu>li>a:hover:after {background-position: center right;} .vmenu>li>a.active:before, .vmenu>li>a.active:after, .vmenu>li>a:hover:before, .vmenu>li>a:hover:after {-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;} .vmenu>li{margin-top:0;} .vmenu>li>ul{margin-top:0; padding-bottom: 0;} .vmenu>li:first-child{margin-top:0;} .vmenu>li>a>span.border-top, .vmenu>li>a>span.border-bottom{display: block; position: absolute; content: ' '; left: -1px; right: -1px; height: 1px; background-color: transparent; z-index: -1;} .vmenu>li>a>span.border-top {top: -1px; background-color: #D4D4D4;} .vmenu>li>a>span.border-bottom { bottom: -1px; background-color: #D4D4D4;} .vmenu>li>a.active:hover { border-color: #D4D4D4;} .vmenu>li>a.active:hover>span.border-top, .vmenu>li>a.active:hover>span.border-bottom {background-color: transparent;} .vmenu>li>a.active:hover>span.border-top, .vmenu>li>a.active:hover>span.border-bottom { background-color: #D4D4D4; z-index: 1;} .vmenu>li>a.active>span.border-top, .vmenu>li>a.active>span.border-bottom {background-color: #28A1CC; z-index: 1;} .vmenu>li>a:hover {border-color: #2C58B6 !important; z-index: 2;} .vmenu>li>a:hover>span.border-top, .vmenu>li>a:hover>span.border-bottom {background-color: #2C58B6 !important; z-index: 2;} /* sub-menu item */ .vmenu ul li{margin: 0; padding: 0;} .vmenu li li, .vmenu li li a { position:relative;} .vmenu ul a{display: block; position:relative; white-space: nowrap; height: 32px; overflow: visible; background: url('../../../tema/skins/azure/vsubitem.png') repeat-x scroll top left transparent; padding:0; padding-left:38px; padding-right:0; line-height: 32px; color: #0F1D24; font-size: 12px; margin-left: 0; margin-right: 0;} .vmenu ul a.active{background-position: bottom left;} .vmenu ul a:hover{background-position: center left; line-height: 32px; color: #0F1D24; font-size: 12px; margin-left: 0; margin-right: 0;} .vmenu ul li li a:hover, .vmenu ul li li a:hover.active{background-position: left center;} .vmenu ul a:after, .ie7 .vmenu ul a>span.vmenu-icon{display: block; position:absolute; top:13px; content:' '; width: 3px; height: 5px; overflow: visible; background: url('../../../tema/skins/azure/vsubitemicon.png') no-repeat scroll top left; left: 25px;} .vmenu ul a:hover:after{background-position: center left} .vmenu ul a.active:hover:after{background-position: center left;} .vmenu ul a.active:after{background-position: bottom left;} .vmenu ul a:link, .vmenu ul a:active{line-height: 32px; color: #0F1D24; margin-left: 0; margin-right: 0; text-shadow: 0 1px 0 #FFFFFF;} .vmenu ul a:visited{color: #0F1D24;} .vmenu>li>ul>li:first-child{padding-top: 0; margin-top:0;} .vmenu li li{position:relative; margin-top:0;} .vmenu ul ul a:after{left:50px;} .vmenu ul ul ul a:after{left:75px;} .vmenu ul ul ul ul a:after{left:100px;} .vmenu ul ul ul ul ul a:after{left:125px;} .vmenu ul ul a{padding-left:63px;} .vmenu ul ul ul a{padding-left:88px;} .vmenu ul ul ul ul a{padding-left:113px;} .vmenu ul ul ul ul ul a{padding-left:138px;} .vmenu ul li a.active {color: #FFFFFF;} .vmenu ul li a:hover, .vmenu ul li a:hover.active {color: #FFFFFF;} .vmenu li li a {border: 1px solid transparent; border-style: none solid; border-width: 0 1px; margin-top: 1px; margin-bottom: 1px; border-color: #D4D4D4} .vmenu li li a.active:hover {border-color: #D4D4D4;} .vmenu li li a span.border-top, .vmenu li li a span.border-bottom{ display: block; position: absolute; content: ' '; left: -1px; right: -1px; height: 1px;background-color: transparent; z-index: -1;} .vmenu li li a span.border-top {top: -1px; background-color: #D4D4D4;} .vmenu li li a span.border-bottom {bottom: -1px; background-color: #D4D4D4;} .vmenu li li a.active:hover span.border-top, .vmenu li li a.active:hover span.border-bottom {background-color: transparent;} .vmenu li li a.active:hover span.border-top, .vmenu li li a.active:hover span.border-bottom {background-color: #D4D4D4;} .vmenu li li a.active {border-color: #4383A3; z-index: 1; text-shadow: none;} .vmenu li li a.active span.border-top, .vmenu li li a.active span.border-bottom {background-color: #4383A3; z-index: 1;} .vmenu li li a:hover {border-color: #2C58B6 !important; z-index: 2; text-shadow: none} .vmenu li li a:hover span.border-top, .vmenu li li a:hover span.border-bottom {background-color: #2C58B6 !important; z-index: 2;} /** begin column-blocks -------------------------------------**/ .column-body{margin: 0 15px 0 10px; } .column-body li{line-height: 150%} .vmenu-body{padding: 21px 0 10px} .column-title {margin: 7px 15px 12px -5px } .column-title .t{line-height:45px; padding: 10px 0 9px 16px; white-space: pre-wrap; } .pane .postcontent-title{margin: 0 -15px 0 0; } .postcontent-title .t{ line-height: 45px; padding: 0 0 10px 20px; white-space: pre-wrap;} .postcontent-title.right .t{ line-height: 45px; padding: 0 0 10px;} .main-content.left .postcontent-title .t{ padding: 0 0 15px 20px;} .postcontent-title .t-right{text-align: right; padding: 0 20px 15px 0; white-space: pre-wrap;} .photo-gallery .postcontent-title{margin: 0 -30px 0 0} .main-content.twelve .postcontent-title, .main-content.nine .postcontent-title{margin: 0 0 0 -20px} .main-content.five .postcontent-title{margin: 0 -20px} .main-content .postcontent-title{margin: 0 -10px 0 -20px} .main-content .postcontent-title.right{float:none; margin: 0 -3.3% 0 0} .main-content.left .postcontent-title{margin: 0 0 0 -20px;} .main-content.right .photo-gallery .postcontent-title{margin: 0 -25px 0 0; } .main-content .postcontent-title .t, .main-content.right .postcontent-title .t-right{background: url('../../../tema/body/block-t-left.png') no-repeat scroll 100% 100% transparent} .main-content .postcontent-title.right .t{background: url('../../../tema/body/block-t-right.png') no-repeat scroll 0 100% transparent} .feature-icon{float: right; padding: 4px 5px} /*color-blocks*/ .color-block{border: 1px solid #E4E4E4; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-moz-border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;} .color-block img{margin: 0 0 -6px 0 !important} a.h-effect{height: auto; left:0; top: 0; overflow: hidden; position: relative; display: block; -moz-box-shadow: 0 1px 5px #C0C0C0; -webkit-box-shadow: 0 1px 5px #C0C0C0; -ms-box-shadow: 0 1px 5px #C0C0C0; -o-box-shadow: 0 1px 5px #C0C0C0; box-shadow: 0 1px 5px #C0C0C0;} a.h-effect .detail{height: 580px; width: 768px; position: absolute; top: 0; left: 0; display: block; } .color-content{padding: 0; overflow: hidden; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;} .color-content p, .color-content h3{padding: 12px 15px 10px} .color-content .button{margin: 10px 1px 4px 0;} .color-block.color{color: #FFF; border: 1px solid #4A8DB0; text-shadow: none; background: #3f87d0; background: -moz-linear-gradient(-45deg, #3f87d0 0%, #206ab6 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3f87d0), color-stop(100%,#206ab6)); background: -webkit-linear-gradient(-45deg, #3f87d0 0%,#206ab6 100%); background: -o-linear-gradient(-45deg, #3f87d0 0%,#206ab6 100%); background: -ms-linear-gradient(-45deg, #3f87d0 0%,#206ab6 100%); background: linear-gradient(-45deg, #3f87d0 0%,#206ab6 100%); -moz-box-shadow: 0 0 1px #FFF inset; -webkit-box-shadow: 0 0 1px #FFF inset; -ms-box-shadow: 0 0 1px #FFF inset; -o-box-shadow: 0 0 1px #FFF inset; box-shadow: 0 0 1px #FFF inset;} .ie9 .color-block.color{ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2Y4N2QwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwNmFiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .lt-ie9 .color-block.color{ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f87d0', endColorstr='#206ab6',GradientType=0 ); } .color-block.color h3{color: #FFFFFF !important; text-shadow: none !important} .color-block.color h3 strong{color: #404040 !important;} .color-block.color a.h-effect{ -moz-box-shadow: 0 1px 5px #1F3B49; -webkit-box-shadow: 0 1px 5px #1F3B49; -ms-box-shadow: 0 1px 5px #1F3B49; -o-box-shadow: 0 1px 5px #1F3B49; box-shadow: 0 1px 5px #1F3B49;} .color-block.white{background: #FFFFFF} .color-block.dark{background: #404040; color: #f0f0f0; border: 1px solid #202020; text-shadow: none; -moz-box-shadow: 0 0 1px #c0c0c0 inset; -webkit-box-shadow: 0 0 1px #c0c0c0 inset; -ms-box-shadow: 0 0 1px #c0c0c0 inset; -o-box-shadow: 0 0 1px #c0c0c0 inset; box-shadow: 0 0 1px #c0c0c0 inset;} .color-block.dark h3{color: #FFFFFF !important; text-shadow: none} .color-block.dark h3 strong{color: #808080 !important;} .color-block.dark a.h-effect{ -moz-box-shadow: 0 1px 5px #000000; -webkit-box-shadow: 0 1px 5px #000000; -ms-box-shadow: 0 1px 5px #000000; -o-box-shadow: 0 1px 5px #000000; box-shadow: 0 1px 5px #000000;} .block-center p, .block-center h3{text-align: center} .block-center img{margin: 0 auto 10px !important; display: block;} .hidden-img{position: absolute; right: -60px; } .css-panes .hidden-img{bottom: 2px;} .hidden-text{width: 70%; margin: 12px 0} /* blog-elements */ .blog-pic{margin: 4px 10px 6px 0; width: 48px; height: 48px; } .metadata{padding: 5px 20px; margin: -15px 0 5px; font-size: 12px; } .comment-post .avatar, .comment-post-admin .avatar { margin-right: 5px; position: relative; width: 20%;} .user-comment .author-name {float: left; font-weight: normal; margin-right: 20px;} .user-comment {display: block; float: left; margin-right: 0 !important; position: relative; width: 76%;} .comment-post .gravatar {border: 4px solid #A8A8A8;} .comment-post p{display: block} .page-navigate .page, .page-navigate .pages, .page-navigate .current, .page-navigate .next-link, .page-navigate .previous, .comment-post .reply, .actions .next, .actions .prev {margin-right: 2px; padding: 3px 8px;} /* client-folio */ .client{position: relative; display: inline-block; height: 124px; width: 104px;} .client img{padding: 20px 5px;} /** end column-blocks **/ /** begin tabs -------------------------------------**/ ul.css-tabs {margin:0; padding:0; height:54px;} ul.css-tabs li {float:left; padding:0; margin:0; list-style-type:none;} ul.css-tabs a {float:left; display:block; padding:15px 25px 5px; text-decoration:none; height:28px; margin-right:2px; position:relative; top:2px; outline: 0; -webkit-box-shadow:inset 0 1px 2px #FFFFFF; -moz-box-shadow:inset 0 1px 2px #FFFFFF; -ms-box-shadow:inset 0 1px 2px #FFFFFF; -o-box-shadow:inset 0 1px 2px #FFFFFF; box-shadow:inset 0 1px 2px #FFFFFF;} ul.css-tabs a:hover {background-color:#F7F7F7; color:#333;} ul.css-tabs a.current { background-color:#DDDDDD; color:#000000;} #panes-top div h3{margin: 15px 0 !important; padding-bottom: 10px;} /* tab pane */ .css-panes div {display:none; border-width:0 1px 1px 1px; min-height:150px; padding:15px 20px; background-color:#DDDDDD; position:relative;} div.white-top div{border-color:#e5e5e5; border-width: 1px; text-shadow: 0 1px 0 #ffffff; -moz-box-shadow: 0 -1px 1px #FFF inset; -webkit-box-shadow: 0 -1px 1px #FFF inset; -ms-box-shadow: 0 -1px 1px #FFF inset; -o-box-shadow: 0 -1px 1px #FFF inset; box-shadow: 0 -1px 1px #FFF inset;} #panes, #panes-top{margin-top: -2px; display: block;} .tabs{height: 54px; padding-top: 5px; border-width: 0 0 7px 0; border-style: solid; border-color: #206AB6;} .tabs ul li{padding: 5px 0 0; overflow-y: hidden;} ul.white-top a {border:1px solid #C7C7C7; border-bottom:0; background-color:#efefef; margin: 0 3px; color:#202020; font-size: 130%; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: url('../../../tema/body/bg-white.png') 0 0 repeat-x scroll #dedede; border-color: #BABABA; -webkit-box-shadow:inset 0 1px 2px #FFFFFF; -moz-box-shadow:inset 0 1px 2px #FFFFFF; -ms-box-shadow:inset 0 1px 2px #FFFFFF; -o-box-shadow:inset 0 1px 2px #FFFFFF; box-shadow:inset 0 1px 2px #FFFFFF;} ul.white-top a:hover{background: #EEEEEE;} ul.white-top a.current {border: 1px solid #206AB6; text-shadow: none; z-index: 1; color: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} div.white-top div{border-width:1px; border-style:solid; padding-top: 25px; padding-bottom: 20px; -moz-box-shadow:0 1px 2px #FFFFFF inset, 0 0 1px #BABABA; -webkit-box-shadow:0 1px 2px #FFFFFF inset, 0 0 1px #BABABA; -o-box-shadow:0 1px 2px #FFFFFF inset, 0 0 1px #BABABA; -ms-box-shadow:0 1px 2px #FFFFFF inset, 0 0 1px #BABABA; box-shadow:0 1px 2px #FFFFFF inset, 0 0 1px #BABABA; border-color: #FFFFFF; text-shadow:1px 1px 1px #FFFFFF; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; overflow: hidden;} /** end tabs **/ /** begin newsletter -------------------------------------**/ .inner-bottom p{font-size: 17px; padding: 0 16px; text-shadow: none; margin: 0;} .inner-bottom{display: block; position:relative; overflow:visible; height:60px; color: #FFFFFF; left: 0; z-index: 0; border-bottom: 1px solid #000000; background: url(../../../tema/skins/azure/inner-bottom.png) 0 0 repeat-x #2B2B2B; -moz-border-radius: 4px 4px 0 0 ; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .inner-bottom .mod-box{padding: 18px 36px 4px 17px} .section-title{font-size: 24px; height: 38px; padding: 21px 18px 0; margin-left: 1px !important; margin-top: 1px; text-shadow: none; -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0;} #form-newsletter p{float: left;} #submit_mail{margin: -4px 0 0 16px;} #news_mail{min-height: 20px !important; float: right; min-height: 17px; margin: 3px 5px 3px 0; -moz-box-shadow:inset 0 0 5px #000,1px 1px 1px #404040;-ms-box-shadow:inset 0 0 5px #000,1px 1px 1px #404040;-o-box-shadow:inset 0 0 5px #000,1px 1px 1px #404040;-webkit-box-shadow:inset 0 0 12px #000,1px 1px 1px #404040;box-shadow:inset 0 0 5px #000,1px 1px 1px #4B4B4B;color:#c0c0c0; min-height:24px; line-height: 1.5em; margin:-3px 0 3px; border: 1px solid #000; padding:4px 13px 3px 30px; -moz-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; background: url('../../../tema/widget/social.png') 4px 7px no-repeat #202020} #news_mail:hover{background-color: #303030} #news_mail:focus{background-color: #404040; background-position: -20px 7px} /** end newsletter **/ /** begin footer -------------------------------------**/ .footer{position: relative; border-top: 1px solid #202020; margin-bottom:40px; } .footer:before, .footer:after, .footer-l, .footer-r {position: absolute; content:' '; z-index:0; bottom:-40px; height:51px; background: url('../../../tema/skins/azure/footer_b.png'); border-radius: 0 0 5px 5px;} .footer:before {left:0; right:1px; background-position: bottom left; } .footer:after{right:0; width:15px; background-position: bottom right;} .footer-body .t {margin: 0; padding: 0; background: url("../../../tema/skins/azure/f_inset_dotted.png") repeat-x scroll left bottom transparent;} .footer-body .column h3 strong{color: #FFFFFF;} .footer .blockcontent h3{margin: 4px 0 0 !important} .footer .column-title .t{font-size: 24px; margin: -10px 0 0 4px; text-shadow: 0 -3px 1px #000000;} .footer-body {padding: 25px 20px 20px; position:relative; color: #FFFFFF; text-shadow: none} .footer-body:before, .footer-t{position: absolute; content:' '; z-index:0; left:0; right:0; top:0; bottom:10px; background: url('../../../tema/skins/azure/footer.png') repeat scroll bottom left} .footer-overlay{background: url("../../../tema/body/footer-ov.png") repeat-x scroll 0 0; height: 90px; margin-bottom: -90px; position: absolute; width: 100%; z-index: 1;} .footer-overlay-bottom p{color: #000000; padding: 9px 0 !important; text-align: center; text-shadow: 1px 1px 0 #404040} .footer-body p{padding:0; margin:0 0 15px;} .footer-body a,.footer-body a:link,.footer-body a:hover,.footer-body td, .footer-body th,.footer-body caption,.footer-body .blockcontent-body{color: #FFFFFF;} .footer-body a:visited{color: #FFFFFF} .footer-body .blockcontent-body{padding: 0} .footer-overlay-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.15) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.15)), color-stop(50%,rgba(255,255,255,0.1)), color-stop(100%,rgba(0,0,0,0.15))); background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%); background: linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 50%,rgba(0,0,0,0.15) 100%); bottom: -38px; height: 44px; left: 0; position: absolute; right: 0; z-index: 1;} .footer-overlay-bottom:after{background: url('../../../tema/body/footer-shadow.png') no-repeat scroll 100% 100% transparent; content: ' '; height: 44px; position: absolute; top: -23px; width: 100%; max-width: 100%} .footer-body a,.footer-body a:link{color: #308CBB; text-decoration: none;} .footer-body a:visited{color: #308CBB;} .footer-body a:hover{color: #09C1E1;} div.footer img{border-width: 0; margin: 0;} .module-contact {margin-right: 10px} .cont-info{height: 25px; padding-left: 24px; font-style: normal; display: block; background: url('../../../tema/widget/social.png') no-repeat;} .cont-info.phone{background-position: 0 -140px} .cont-info.email{background-position: 0 3px} .cont-info.town{background-position: 0 -173px} /** end Footer **/ /** begin copyright -------------------------------------**/ .copyright{font-size: 12px; padding: 1em; text-align: center; color: #808080;} .copyright a:hover{color: #808080} /** end copyright **/ /** begin to-top -------------------------------------**/ #toTop {background: url('../../../tema/body/back-to-top.png') no-repeat scroll left top transparent; border: medium none; bottom: 0; display: none; height: 75px; overflow: hidden; position: fixed; right: 28px; text-decoration: none; text-indent: -999px; width: 50px; z-index: 1;} #toTopHover {display: block; float: left; height: 75px; opacity: 0; overflow: hidden; width: 50px;} #toTop:active, #toTop:focus { outline: medium none;} /**end to-top**/ /** form-skinning --------------------------------------**/ fieldset.w50{width: 50%; float: left} fieldset.w50 input{width: 80%} fieldset.w50 .date-fld{width: 62%; text-align: left !important;} fieldset.w50 label{width: 90%} form.jqtransformdone label{margin-top:4px; margin-right: 8px; float:left;} form.jqtransformdone .column label{display: block; height: 19px; margin-right: 8px; margin-top: 4px;} form.jqtransformdone div.rowElem{ clear:both; padding:4px 0 0;} div.rowElem.cluster div{float: left; margin-right: 10px} form.jqtransformdone div.rowElem li{padding: 0; margin: 0} .rowElem.align-left .jqTransformRadio{float: left; min-height: 0} .jqTransformRadioWrapper {float: left;display:block;margin:0 4px; margin-top:5px;} .jqTransformRadio {vertical-align: middle; height: 19px; width: 18px; display:block;} span.jqTransformCheckboxWrapper{margin-right: 10px; display:block;float:left; margin-top:5px;} a.jqTransformCheckbox {vertical-align: middle; height: 19px; width: 18px; display:block; } .jqTransformSelectWrapper { width: 45px; position:relative; height: 31px; background: url('../../../tema/typo/select_left.png') no-repeat top left; _background: url('../../../tema/typo/select_left.gif') no-repeat top left; float:left;} .jqTransformSelectWrapper div span {font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 31px; line-height: 15px; padding: 8px 0 0 7px; overflow: hidden; } .jqTransformSelectWrapper ul a:hover{background-color:#EDEDED; color: #333333; } .jqTransformSelectWrapper ul a.selected, .jqTransformSelectWrapper ul a.selected:hover{border-color:#276C93; color:#FFFFFF; text-shadow:none;} .jqTransformSelectWrapper ul a.selected {border-width: 1px; border-style: solid; color: #FFFFFF; text-shadow: none !important} .jqTransformRadio {background: transparent url(../../../tema/skins/azure/inputs.png) no-repeat 0 top !important;} a.jqTransformCheckbox {background: transparent url(../../../tema/skins/azure/inputs.png) no-repeat -15px top !important;} .jqTransformRadio.jqTransformChecked { background-position: 0 -19px !important;} .jqTransformCheckbox.jqTransformChecked { background-position: -15px -19px !important;} .jqTransformSelectWrapper a.jqTransformSelectOpen {display: block; position: absolute; width: 31px; height: 31px; background: url(../../../tema/typo/select_right.png) no-repeat center center; _background: url(../../../tema/typo/select_right.gif) no-repeat center center; right: -3px} .jqTransformSelectWrapper ul {position: absolute; width: 43px; top: 30px; left: 0; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0; padding: 0; height: 150px; overflow: auto; overflow-y: auto; z-index: 11; zoom: 1;} .jqTransformSelectWrapper ul a {display: block; padding: 5px; text-decoration: none; color:#333; background-color: #FFF; font-size: 12px; } .jqTransformHidden {display: none;} /*error*/ .error em, label.error:after { display:block; width:0; height:0; border:9px solid; position:absolute; bottom:-18px; left:50px;} .error p{font-size:11px; line-height: 1.9; margin:0;} .error em, label.error-tip, label.error-tip:after { border-color:#337CC6 transparent transparent !important} .error {font-size: 11px; text-decoration:none; padding:5px 10px; border-width:1px; border-style: solid; border-width: 1px 1px 0; border-style: solid; border-color: #276C93 #1E516E #1E516E #276C93; height:17px; padding:0 10px 4px; display:none; position: absolute; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; color: #FFFFFF; text-shadow: none; z-index: 12; -moz-box-shadow: 0 1px 1px #61ABD5 inset; -webkit-box-shadow: 0 1px 1px #61ABD5 inset; -ms-box-shadow: 0 1px 1px #61ABD5 inset; -o-box-shadow: 0 1px 1px #61ABD5 inset; box-shadow: 0 1px 1px #61ABD5 inset;} #contact-form .error{top: -37px;} label.error:after{content: ""; left:60px;} #form-newsletter .error{position: absolute; right: 88px; top: -19px;} /* #Misc ---------------------------------------------------- */ /*map*/ #map { background-color: #B6B6B6; height: 300px; width: 100%; top: 0;} .map-shadow { background: url("../../../tema/gmap/t_shadow_small.png") repeat-x scroll 0 0 transparent; display: inline-block; height: 12px; position: absolute; top: 0; width: 100%;} /*box*/ .box{-moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;}