/* Theme Name: expoenvien Description: expoenvien is a responsive theme. Author: Alborum Author URI: http://www.alborum.es/ Theme URI: http://www.expoenvien.com/ Tags: expoenvien Version: 1.0.0 License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html expoenvien WordPress Theme, Copyright 2014 alborum.es expoenvien WordPress Theme is distributed under the terms of the GNU GPL Text Domain: expoenvien */ #wp-admin-bar-root-default {display: none !important;} body {font-family:'Noto Sans',sans-serif; color:#555; line-height:1.6em;} /*body.custom-background {background-size:cover;}*/ a {color:#2a8ea5;} a:hover {text-decoration:none; opacity:0.7; color:#2a8ea5;} img {max-width:100%!important; height:auto; display:block;} #main-holder {background-color:#fff; padding:0;} /* ----- secondary menu & social icons ----- */ #secondary-menu {background-color:#333; padding:5px 0;} #secondary-menu ul {padding:0; margin:0;} #secondary-menu li {display:inline; margin-right:10px; font-size:12px;} #secondary-menu a {color:#aaa;} #secondary-menu a:hover, #social-icons a:hover {color:#fff;} #social-icons a {float:right; font-size:14px; margin-left:10px;} /* ----- site title & description ----- */ #logo-holder {text-align:center; padding:30px 0 45px 0;} #logo {margin-bottom:25px; display:inline-block;} #site-title {font-family:'Teko',sans-serif; font-size:80px; line-height:80px; color:#fff; text-transform:uppercase; margin-bottom:15px;} #site-title:hover {opacity:0.6;} #site-desc {line-height:0.5; text-align:center; font-size:22px; font-family:'Teko',sans-serif; margin:0; color:#f0f0f0; opacity:0.6;} #site-desc span {display:inline-block; position:relative;} #site-desc span:before, #site-desc span:after {content:""; position:absolute; height:5px; border-bottom:1px solid #aaa; border-top:1px solid #aaa; top:2px; width:100px;} #site-desc span:before {right:100%; margin-right:15px;} #site-desc span:after {left:100%; margin-left:15px;} /* ----- primary menu ----- */ #primary-menu {background:#050000 url('assets/img/primaMenu.png'); margin-bottom:45px; width:100%; clear:both; float:left; position:relative;top: -10px;padding: 10px 0px 3px;} #primary-menu ul {position:relative; float:right; right:50%; margin:0; padding:0; list-style:none;} #primary-menu li {position:relative; float:left; left:50%; padding:6px 26px; font-size:15px; display:block;} #primary-menu li a {font-weight:bold;color:#eee;text-shadow: 0px 2px 6px #000;} #primary-menu li:last-child a {color:#bbb;} #primary-menu li a:hover {opacity:0.8;} #primary-menu .sub-menu {display:none; background:#2a8ea5 url('assets/img/overlay.png'); float:none; position:absolute; left:-1px; z-index:9999; top:53px; padding:3px 26px 8px 26px; right:auto;} #primary-menu .sub-menu li {float:none; border:0; position:static; right:0; white-space:nowrap; font-size:13px; padding:0;} #primary-menu .sub-menu li a {font-weight:normal; color:#fff; text-transform:none; padding:4px 0; width:100%; display:block;} #primary-menu .sub-menu li a:hover {opacity:0.6;} #mobile-menu {display:none;} /* ----- footer ----- */ footer.footerHome {margin-top:0px;} footer.footerGeneral {margin-top:60px;height:35px;} #footer-widgets {width:100%; background:transparent url('assets/img/bg-footer.png'); padding-top:20px;} #footer-widgets .widget-title {background-image:none; border:0; padding:0;} #footer-meta { width:100%; padding-top: 7px; font-size:13px; background: none repeat scroll 0% 0% #d60000; border-top: 1px solid rgba(255, 255, 255, 0.34); -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); } #footer-meta p{ font-family: arial,sans-serif; font-weight: bold; font-size: 12px; color: #FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); line-height: 1.3em; } #footer-meta a{ font-family: arial,sans-serif; font-weight: bold; font-size: 12px; color: #FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); line-height: 1.3em; } #footer-meta a:hover {color:#dadada;} #footer-meta nav {float:right;} #footer-meta nav ul {padding-left:0;} #footer-meta nav li {float:left; margin-left:20px; list-style:none;} /* ----- widgets ----- */ .widget {margin-bottom:30px;} .widget ul, .widget ol {padding:0;} .widget li {margin-left:16px;} .widget select {max-width:100%;} .widget-title {background:transparent url('assets/img/overlay.png'); padding:8px 0 8px 12px; margin-top:0; font-size:14px; border-left:3px solid #eee;} .widget_search input[type=search] {width:65%;} .widget_tag_cloud a {font-size:12px!important; background-color:#444; color:#fff; padding:4px 8px; margin:0 4px 6px 0; display:inline-block;} .widget_tag_cloud a:hover {background-color:#aaa; color:#444;} .widget_calendar table {width:100%;} /* ----- sticky posts ----- */ .sticky {padding:30px 30px 0 30px; background-color:#f2f2f2; border-bottom:3px solid #eee;} .sticky .row {margin-bottom:30px;} .sticky .teaser-title {margin-top:0; font-size:36px; color:#000; line-height:1.1em; border-left:5px solid #2a8ea5; padding-left:15px;} .sticky .teaser-title a {color:#000;} /* ----- post teasers ----- */ #teaser-holder {padding:30px;} #teaser-top-holder {border-bottom:1px dotted #ddd; float:left; padding-bottom:15px;} #teaser-top-holder .top-1 {padding-left:0;} #teaser-top-holder .top-2 {padding-right:0;} .teaser-top .teaser-date {background-color:#f2f2f2; color:#aaa; text-transform:uppercase; font-size:11px; margin:0; padding:3px 10px;} .teaser-top .teaser-title {padding-left:10px; font-size:16px;} .teaser-top .teaser-title a {color:#000;} .teaser {float:left; width:100%; padding:20px 20px 20px 0; border-bottom:1px dotted #ddd;} .teaser img {margin-bottom:12px;} .teaser p {margin:0} .teaser .teaser-date {font-size:11px; line-height:11px; text-transform:uppercase; color:#aaa; margin:0 0 10px 0;} .teaser .teaser-title {font-size:15px; padding-left:10px; margin:0 0 10px 0;} .teaser .teaser-title a {color:#000;} .teaser .teaser-title a:hover, .teaser-top .teaser-title a:hover, .sticky .teaser-title a:hover {color:#2a8ea5;} .teaser-title {border-left:3px solid #2a8ea5; } /* ----- posts & pages ----- */ article {line-height:1.75em;} article h1, article h2, article h3, article h4, article h5, article h6, #archive-title {margin:0 0 25px 0; color:#333; letter-spacing:-0.02em;} article h6{margin:0 0 5px 0;} article h1 {font-size:30px;} article h2 {font-size:26px;} article h3 {font-size:22px;} article h4 {font-size:20px;} article h5 {font-size:18px;} article h6 {font-size:16px;} article p, article dl { margin-bottom:20px;text-align: justify;} article blockquote {font-size:20px; font-style:italic; line-height:1.75em;} article blockquote cite {width:100%; display:block; color:#333; font-size:16px; font-style:normal; font-weight:bold;} article dt {font-weight:bold;} article dd {margin:0 0 10px 0;} article table {width:100%; margin-bottom:20px;} article table td, article table th {padding:5px; border:1px solid #ddd;} article table th {background-color:#f9f9f9;} article .attachment-featured {margin-bottom:30px;} #content-holder {padding:30px; background-color:rgba(255, 255, 255, 0);} #post-title {line-height:1.2em; margin:0;} #post-meta {color:#aaa; border-bottom:2px solid #f2f2f2; padding-bottom:10px;} #post-meta span {margin-right:10px;} #post-meta i {margin-right:4px;} #post-tags {margin-top:30px;} #post-tags a {margin-right:8px; font-size:13px; color:#333;} #post-footer {/*background-color:#f9f9f9; border-top:2px solid #f2f2f2; */padding:15px 20px 20px 20px; margin: 45px 0px -60px 0px;} #post-footer p {margin:0 5px; color:#999; font-size:12px;} #post-footer a { font-weight: bold;} #post-footer .fa {color:#bbb; font-size:14px;} #post-footer .fa-arrow-circle-left {margin-right:4px;} #post-footer .fa-arrow-circle-right {margin-left:4px;} #post-footer #post-nav-prev {float:left; width:50%;} #post-footer #post-nav-next {float:right; width:50%; text-align:right;} .alignleft {float:left; margin:0 20px 20px 0;} .alignright {float:right; margin:0 0 20px 20px;} .aligncenter {margin:0 auto 20px auto;} .wp-caption-text, .gallery-caption {max-width:100%; font-size:15px; font-style:italic; margin-top:5px; color:#777;} .pager {width:100%; float:left; margin-top:50px; text-align:center;} .pager .current {font-weight:bold; color:#333;} .pager .page-numbers, #post-pager a {background-color:#f2f2f2; display:inline-block; padding:3px 11px;} .pager a.page-numbers:hover, #post-pager a:hover {background-color:#333; color:#fff;} /* ----- comments ----- */ #comments-title {font-size:18px;} .comment-list {padding:0;} .comment-list li {list-style:none;} .comment-list div.comment {margin-bottom:15px; border-bottom:2px solid #f2f2f2;} .comment-list .avatar {float:left; margin-right:10px;} .comment-list .comment-header {font-size:13px; margin-bottom:15px;} .comment-list .comment-author-name {margin:0; line-height:18px;} .comment-list .comment-author a {color:#333;} .comment-list .bypostauthor .comment-author img {border:2px solid #ccc;} .comment-list .bypostauthor .comment-author-name span {font-weight:bold; font-style:italic;} .comment-list .comment-body {margin-bottom:15px;} #commentform label {width:100px; display:block; margin-bottom:10px;} #commentform .comment-form-comment label {display:none;} .form-allowed-tags {display:none;} /* ----- forms ----- */ input[type=tel], input[type=text], input[type=password], input[type=email], input[type=search], textarea {border:1px solid #eee; background-color:#f9f9f9; margin-right:5px; padding:6px; width:85%; font-size:14px; color:#222; margin-bottom:10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} input[type=submit], input[type=reset] { background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); border: 1px solid #4D4D4D; color:#fff; padding:10px 14px; text-align:center; font-size:14px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); } input[type=submit]:hover, input[type=reset]:hover { background: rgba(242,246,248,1); background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1))); background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 ); } input[type=submit]:active, input[type=reset]:active { background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); -webkit-box-shadow: -1px -1px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: -1px -1px 1px 0px rgba(0,0,0,0.75); box-shadow: -1px -1px 1px 0px rgba(0,0,0,0.75); } input[type=password] {width:50%;} .screen-reader-text {display:none;} /*----------expoenvien--------------*/ .onlyMobile{ display:none; } .cleanBar{ display:none; } .fullWidth{width: 100%;} .headLogo { width: 100%; position: relative; z-index: 9999; } .lLogo, .lLogoisIndex { background: url("./assets/img/expoenvien.png") no-repeat scroll 50% 50% rgba(255, 255, 255, 1); } .rLogo, .rLogoisIndex { background: url("./assets/img/expoprint.png") no-repeat scroll 50% 50% rgba(1, 125, 197, 1); } .midLogo { width: 10%; height: 60px; background: none repeat scroll 0% 0% #d60000; float: left; position: relative; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); border: 1px solid rgba(255, 255, 255, 0.34); border-top: none; } .midLogoisIndex { height: 160px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); } .rLogo, .lLogo{ background-size:contain; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); border-bottom: 2px ridge #5B6263; width: 45%; height: 50px; float: left; display: block; } .rLogoisIndex, .lLogoisIndex{ height: 150px; } #log, #pwd, #logUser{width: 100%;} .ExpoDate { text-align: center; font-family: arial, sans-serif; font-weight: bold; font-size: 12px; color: #FFF; margin: 6px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9); line-height: 1.3em; } .ExpoDateisIndex { font-size: 18px; margin: 12px 15px; line-height: 1.2em; } .gmapMuseo{ width: 100%; height: 300px; margin-bottom: -12px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.75); } .buttonMovil {width: 100% !important;} textarea.buttonMovil {height: 75px;} .leftMargin50px {margin-left: 50px;} .rightMargin5px {margin-right: 5px;} .softBox { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; background: #FDFDFD; } .inHome { background-color: rgba(0, 0, 0, 0) !important; } .infoIconLayer { text-align: right; top: -130px; position: relative; } .tableInfo { display:none; background: rgba(216, 188, 188, 0.88) none repeat scroll 0% 0%; padding: 15px; margin-bottom: 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: -2px 1px 7px 3px black; -webkit-box-shadow: -2px 1px 7px 3px black; -moz-box-shadow: -2px 1px 7px 3px black; overflow-y: auto; overflow-x: hidden; position: fixed; top: 40px; bottom: 30px; left: 30px; right: 30px; z-index: 99999; } .closeInfoIconLayer { text-align: right; position: relative; top: -17px; left: 7px; } .closeInfoIcon { font-size: 30px; color: black; cursor: pointer; } .closeInfoIcon:active { color: white; text-shadow: 1px 1px black; } @keyframes pulsoIcon { 0% {/*font-size: 50px;margin-bottom: 25px;margin-top: 25px;margin-left: 50px;*/color: #ECA3A3;} 100% {/*font-size: 100px;margin-bottom: 0px;margin-top: 0px;margin-left: 0px;*/color: #d60000;} } @-webkit-keyframes pulsoIcon { 0% {/*font-size: 50px;margin-bottom: 25px;margin-top: 25px;margin-left: 50px;*/color: #ECA3A3;} 100% {/*font-size: 100px;margin-bottom: 0px;margin-top: 0px;margin-left: 0px;*/color: #d60000;} } .infoIcon { font-size: 10vw; color: #d60000; z-index: auto; cursor: pointer; text-shadow: 1px 1px 0 #f94d4d , -1px -1px 0 rgba(249,77,77,1) , 1px -1px 0 rgba(249,77,77,1) , -1px 1px 0 rgba(249,77,77,1) , 2px 2px 4px rgba(0,0,0,.7), -2px 2px 4px rgba(0,0,0,.7), 2px -2px 4px rgba(0,0,0,.7), -2px -2px 4px rgba(0,0,0,.7) ; -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); -webkit-transform: rotateZ(5deg) skewX(1deg) skewY(1deg); transform: rotateZ(5deg) skewX(1deg) skewY(1deg); -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-animation: pulsoIcon .7s ease-in-out 1s infinite alternate; animation: pulsoIcon .7s ease-in-out 1s infinite alternate; } .infoIcon:hover { color: #fefefe; text-shadow: 1px 1px 0 #d60000, -1px -1px 0 #d60000, 1px -1px 0 #d60000, -1px 1px 0 #d60000, 2px 2px 4px rgba(0,0,0,.7), -2px 2px 4px rgba(0,0,0,.7), 2px -2px 4px rgba(0,0,0,.7), -2px -2px 4px rgba(0,0,0,.7) ; transform: rotateZ(25deg); } .tableHead { text-align: center; font-size: 21px; color: #d60000; font-weight: bold; font-family: arial, sans-serif; margin-bottom: 10px; margin-top: -15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77); } .tableDatos { background: rgba(255, 255, 255, 0.5); } .tableDatos tr td:first-child{ font-weight: bold; } .tableDatos > tbody > tr:nth-of-type(2n+1) { background-color: rgba(249, 249, 249, 0.33); } .tableSpan { margin-top: -70px !important; font-size: 30px !important; margin-bottom: 0px !important; } #eventoDiv{height: 250px;} .homeEvento{ margin-top: 5px; -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .homeSpan { cursor:pointer; color: #D60000; font-family: arial,helvetica,sans-serif; font-variant: small-caps; font-weight: bold; position: relative; text-shadow: 1px 1px 0 #f94d4d , -1px -1px 0 rgba(249,77,77,1) , 1px -1px 0 rgba(249,77,77,1) , -1px 1px 0 rgba(249,77,77,1) , 2px 2px 4px rgba(0,0,0,.7), -2px 2px 4px rgba(0,0,0,.7), 2px -2px 4px rgba(0,0,0,.7), -2px -2px 4px rgba(0,0,0,.7) ; } .homeSpan a{ color: #D60000 !important; font-size: 4.5vw; } .homeSmall { transform:scaleX(2.05); -webkit-transform:scaleX(2.05) ; font-size: 43px; text-align: center; font-variant: normal; text-shadow: .5px .5px 0 #f94d4d , -.5px -.5px 0 rgba(249,77,77,1) , .5px -.5px 0 rgba(249,77,77,1) , -.5px .5px 0 rgba(249,77,77,1) , 1px 1px 2px rgba(0,0,0,.7), -1px 1px 2px rgba(0,0,0,.7), 1px -1px 2px rgba(0,0,0,.7), -1px -1px 2px rgba(0,0,0,.7) ; } .homeBig { font-size: 45px; text-align: center; font-variant: normal; text-shadow: .5px .5px 0 #f94d4d , -.5px -.5px 0 rgba(249,77,77,1) , .5px -.5px 0 rgba(249,77,77,1) , -.5px .5px 0 rgba(249,77,77,1) , 1px 1px 2px rgba(0,0,0,.7), -1px 1px 2px rgba(0,0,0,.7), 1px -1px 2px rgba(0,0,0,.7), -1px -1px 2px rgba(0,0,0,.7) ; } .homeMadrid { font-size: 75px; } .homeFecha { font-size: 72px; top: -22px; } .homeMes { font-size: 60px; top: -47px; } .homeYear{ float: left; font-size: 80px; top: -175px; left: 240px; -webkit-transform:scaleY(2.5); transform:scaleY(2.5); text-shadow: .5px .5px 0 #f94d4d , -.5px -.5px 0 rgba(249,77,77,1) , .5px -.5px 0 rgba(249,77,77,1) , -.5px .5px 0 rgba(249,77,77,1) , 1px 1px 2px rgba(0,0,0,.7), -1px 1px 2px rgba(0,0,0,.7), 1px -1px 2px rgba(0,0,0,.7), -1px -1px 2px rgba(0,0,0,.7) ; } .homeDate { top: -90px; left: -70px; transform:scaleX(2.05); -webkit-transform:scaleX(2.05) ; font-size: 30px; float: left; text-align: center; font-variant: normal; text-shadow: .5px .5px 0 #f94d4d , -.5px -.5px 0 rgba(249,77,77,1) , .5px -.5px 0 rgba(249,77,77,1) , -.5px .5px 0 rgba(249,77,77,1) , 1px 1px 2px rgba(0,0,0,.7), -1px 1px 2px rgba(0,0,0,.7), 1px -1px 2px rgba(0,0,0,.7), -1px -1px 2px rgba(0,0,0,.7) ; } .homeGmap { font-size: 70px; top: 30px; float: left; width: 100%; text-align: center; transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); } .homeNews { margin-bottom: 10px; background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #F94D4D; padding: 10px 20px 3px; } .homeTitle { margin-bottom: 10px; line-height: .7em; } .homeTitleBig { margin-top: 20px; margin-bottom: 15px; } .homeTitle > a { font-family: arial,helvetica,sans-serif; font-weight: bold; position: relative; font-size: 18px; color: #017DC5; padding-left: 5px; border-left: 5px solid #D60000; } .homeTitle > a:hover{ color: #4A4A7A; } .homeTitleBig > a{ font-size: 36px; line-height: 1.2em; } .homeExcerpt { color: #000; line-height: 1.4em; font-size: 12px; margin-bottom: 7px; } .homeNewsShow p { color: rgb(0, 0, 0); font-size: 12px; line-height: 1.4em; } .plusNewsLayer, .lessNewsLayer { width: 100%; text-align: right; font-size: 30px; color: #d60000; text-shadow: 1px 1px 0 #f94d4d , -1px -1px 0 rgba(249,77,77,1) , 1px -1px 0 rgba(249,77,77,1) , -1px 1px 0 rgba(249,77,77,1) , 2px 2px 4px rgba(0,0,0,.7), -2px 2px 4px rgba(0,0,0,.7), 2px -2px 4px rgba(0,0,0,.7), -2px -2px 4px rgba(0,0,0,.7) ; } .plusNewsIcon ,.lessNewsIcon { font-size: 30px; color: #d60000; z-index: auto; position: static; cursor: pointer; text-shadow: 1px 1px 0 #f94d4d , -1px -1px 0 rgba(249,77,77,1) , 1px -1px 0 rgba(249,77,77,1) , -1px 1px 0 rgba(249,77,77,1) , 2px 2px 4px rgba(0,0,0,.7), -2px 2px 4px rgba(0,0,0,.7), 2px -2px 4px rgba(0,0,0,.7), -2px -2px 4px rgba(0,0,0,.7) ; -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1); -webkit-transform: rotateZ(5deg) skewX(1deg) skewY(1deg); transform: rotateZ(5deg) skewX(1deg) skewY(1deg); -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; } .plusNewsIcon:hover ,.lessNewsIcon:hover { color: #fefefe; text-shadow: 1px 1px 0 #d60000, -1px -1px 0 #d60000, 1px -1px 0 #d60000, -1px 1px 0 #d60000, 2px 2px 4px rgba(0,0,0,.7), -2px 2px 4px rgba(0,0,0,.7), 2px -2px 4px rgba(0,0,0,.7), -2px -2px 4px rgba(0,0,0,.7) ; transform: rotateZ(25deg); } .expoLad { text-align: center; font-size: 45px; font-weight: bold; margin-top: -33px; transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); margin-bottom: 60px; } .expositorAllLogos { margin: auto; max-height: 120px; } .expositorAllName { text-align: center; font-size: 20px; font-weight: bold; font-family: verdana; margin-bottom: 0px; padding: 30px 0px; } .expositorAllName a{ color: #d60000; } .expositorBlock { margin-bottom: 40px; height: 120px; } .expoNovedad h4 { text-indent: 20px; } .expoNovedad h4 a { font-size: 18px; font-weight: bold; color: #D60000; line-height: 27px; } .expoNovedad h4 span { text-indent: 0px; margin-top: 10px; font-size: 18px; } @media (min-width:992px) and (max-width:1199px) { .homeDate { top: -140px; left: 110px; } } @media (min-width:460px) and (max-width:960px) { .homeGmap { top: 0px; line-height: 50px; } } @media (max-width:460px) { .homeDate { top: -80px; } .homeGmap { top: 0px; line-height: 50px; } } @media (min-width:320px) and (max-width:435px) { .homeDate { top: -140px; left: 110px; } .homeGmap { top: 0px; line-height: 50px; } .homeMadrid { font-size: 45px; } .homeFecha { font-size: 42px; top: -10px; } .homeMes { top: -21px; font-size: 35px; } .homeYear { top: -101px; left: 142px; font-size: 50px; } .homeDate { top: -50px; font-size: 18px; left: -48px; } } /*---------zona expositor----------*/ .logOutFit{ height:100%; padding: 50px 0px; text-align: center; } .logOutFit a{ background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); border: 1px solid #4D4D4D; color:#fff; padding:10px 14px; text-align:center; font-size:14px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75); } .logOutFit a:hover{ background: rgba(242,246,248,1); background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1))); background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 ); } .logOutFit a:active{ background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); -webkit-box-shadow: -1px -1px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: -1px -1px 1px 0px rgba(0,0,0,0.75); box-shadow: -1px -1px 1px 0px rgba(0,0,0,0.75); text-shadow: 1px 1px 0px #959595; } /*---------acreditacion----------*/ .acreLabel { float: left; width: 100%; } .acre { width: 100% !important; padding: 1px !important; margin-bottom: 3px !important; } .sesions label { font-weight: normal; width: 100%; } .acreCursiva { font-style: italic; } .acreCentro { text-align: center; } .acreSesions{ margin-top: -15px; } div.wpcf7-validation-errors { border: 2px solid rgba(247, 231, 0, 0); } .g-recaptcha { margin-bottom: 21px; } .g-recaptcha > div > div { margin: auto; } /*---------session trainig-----------*/ ol>li { font-weight: bold; } .sessionTrain dd{ color: #d60000; font-weight: bold; } .tableSession { display:none; position: absolute; background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: -2px 1px 7px 3px black; -webkit-box-shadow: -2px 1px 7px 3px black; -moz-box-shadow: -2px 1px 7px 3px black; padding: 12px 15px; margin: 1%; width: 98%; left: 0px; /*height: 55;*/ z-index: 99999; } li.sessionItem{cursor:pointer;} li.sessionItem:hover{color:#d60000;} .sessionTool{cursor:default;} .sessionTitle { text-align: center; font-weight: bold; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1),0px 0px 8px rgba(255, 255, 255, 1); color: #000; font-style: italic; margin-bottom: 10px; } .sessionDate { text-align: center; padding: 1px 0px; margin-bottom: 15px; /*color: rgb(214, 0, 0);*/ color:#fff; font-weight: bold; text-shadow: -1px -1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,1px 1px 0px #000; background: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); } .sessionTemas ul { text-align: center; color: black; font-size: 16px; font-weight: bold; margin: 0 0 20px 0; padding: 0; list-style: none; } .sessionPonentesTitle{ text-align: center; padding: 1px 0px; margin-bottom:0px; /*color: rgb(214, 0, 0);*/ color:#fff; font-weight: bold; text-shadow: -1px -1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,1px 1px 0px #000; background: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); } .sessionPonentesBlock{padding: 3px 0px 0px 0px;} .sessionPonente{padding: 0px;} .sessionPonenteImg{padding: 0px;} .sessionPonenteTxt{padding: 20px 10px 0px 5px;} .imgPonenteSession {margin-bottom: 3px;margin-left: 3px;} /*-------expositores individual-----------*/ .expoName, .expoStand { font-weight: bold; font-style: italic; } .expoStand { text-align: right; } .expoName { font-size: 40px; color:#555; } .expoName span { position: absolute; bottom: 0; -ms-transform: rotate(-90deg); /* IE 9 */ -ms-transform-origin: 0 0; /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */ transform: rotate(-90deg); transform-origin: 0 0; } .expoStand { text-align: right; } .expoStandStyle { float: left; display: block; height: 0px; width: 100%; text-align: right; font-size: 15px; top: 15px; position: relative; color: #aaa; -webkit-transform:scaleY(2.5); transform:scaleY(0.5); } .expositorLogo { margin: auto; } .expoLogo, .expoContacto{ margin-top: 20px; } .expoDirection, .expoWeb { font-weight: bold; } .expoNovedad { text-align: justify; } .expoNovedad p { text-indent: 21px; } .expoAbout { font-size: 18px; /*text-indent: 36px;*/ font-style: italic; text-align: justify; line-height: 24px; } /*-------expositores viejos -----------*/ .attachment-expositorOld { margin: auto; } .gallery-item { float: left; } .gallery-icon { margin: 10px; height: 55px; } /*-------carrusel de expositores home-----------*/ #expositorCarrusel{ margin: 0px auto 30px; overflow: hidden; background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; border: 1px solid #F94D4D; padding: 10px 20px 3px; -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; height: 350px; } .carruselItemExpo { margin-bottom: 15px; } .expositorCarruselLogos { margin: auto; } .expositorCarruselName{ text-align: center; } .redBar{ background: #d60000; color:white; font-family: "Noto Sans",sans-serif; text-align: center; padding: 5px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; font-size: 18px; } /*-------carrusel de ponentes home-----------*/ #ponenteCarruselCnt { margin: 0px auto 30px; overflow: hidden; background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; border: 1px solid #F94D4D; padding: 0px 0px 3px; -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #ponenteCarrusel { margin: 0 auto; width: 100%; float: left; height: 322px; position: relative; overflow: hidden; cursor: pointer; } .ponenteCarruselTitle { background: #D60000; display: block; margin: 0px; padding: 3px; color: #FFF; text-align: center; font-size: 15px; font-style: italic; } .ponenteCarruselHead { float: left; width: 100%; } .singlePonente { border-top: 1px solid #D60000; margin: 0px; padding: 5px; } .singlePonente div{ padding: 0px; } .ponenteNombre { margin: 0px; font-size: 13px; font-weight: bold; padding-left: 5px; } .ponenteCargo { color:#555; margin: 0px; font-size: 10px; line-height: 12px; padding-left: 5px; text-align: left; font-style: italic; } #ponenteCarrusel, #expositorCarrusel{ position: relative; overflow: hidden; } #ponenteCarrusel ul, #expositorCarrusel ul{ position: relative; list-style: none; margin: 0; padding: 0; } /*-------Expo Nav Carr-------*/ #expoNavCnt{ position: fixed; left: 25%; bottom: 0px; width: 50%; height: 140px; } .expoNavLogo{ margin: auto; } .expoNavName{} .activeZone{ position: absolute; top: 0; height: 100%; width: 40%; } #jumpL{left: 0;} #jumpR{right: 0;} #allNavCar { position: relative; overflow: hidden; } #allNavCar ul { width: 20000em; position: relative; /* Optional, required in this case since it's a