/* Theme Name:Yourself Theme URI:http://themeyourself.com/ Description:Your site, your style Author:Marcos Fdez Villauriz Author URI:http://marcos.villauriz.com License:GNU General Public License version 3.0 License URI:http://www.gnu.org/licenses/gpl-3.0.html Version:1.0.1 */ /* Content: 0. CSS Reset 1. Basic 2. Blog 2.1.- Layout 2.2.- Entry content 3. Comments 4. Templates 4.1. Home 4.2. 404 4.3. Contact 4.2. Portfolio 5. Menus 5.1. Primary 5.2. Secondary 6. Social 7. Sliders 6.1. Flex Slider 6.2. Cycle Slider 8. Buttons 9. Footer 10. Widgets 10.1. Tabs and Recent 10.2. Twitter and Flickr 10.3. Screenshot and Screencast 10.4. Ads 10.5. Login and Contact Form 10.6. Search and Text 10.7. Menus 10.8. Sliders 11. Shortcodes 11.1. Columns 11.2. Typograpfy 11.3. Alerts 11.4. Testimonials and call to action 11.5. Icons 11.6. Buttons 11.7. Tabs 11.8. Toggle 11.9. Posts and Portfolios 11.10. Lists 11.11. Price Tables 12. Other styles 13. Media Queries 14. Calendario 15. Estilos IE 7-8 */ /*-----------------------------------------------------------------------------------*/ /*1.- Fuentes /*-----------------------------------------------------------------------------------*/ @font-face { font-family: 'Roboto'; src: url('Roboto-Regular-webfont.eot'); src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular-webfont.woff') format('woff'), url('Roboto-Regular-webfont.ttf') format('truetype'), url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('Roboto-Italic-webfont.eot'); src: url('Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Italic-webfont.woff') format('woff'), url('Roboto-Italic-webfont.ttf') format('truetype'), url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('Roboto-Bold-webfont.eot'); src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold-webfont.woff') format('woff'), url('Roboto-Bold-webfont.ttf') format('truetype'), url('Roboto-Bold-webfont.svg#RobotoBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('Roboto-MediumItalic-webfont.eot'); src: url('Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic-webfont.woff') format('woff'), url('Roboto-MediumItalic-webfont.ttf') format('truetype'), url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg'); font-weight: 300; font-style: italic; } /*-----------------------------------------------------------------------------------*/ /*0.CSS Reset - http://meyerweb.com/eric/tools/css/reset/ /*-----------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent} body{line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse; border-spacing:0} .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix{display:inline-block;widht:100%;}/* Hide from IE Mac \*/ .clearfix{display:block}/* End hide from IE Mac */ .none{display:none}/* End Clearfix */ /*-----------------------------------------------------------------------------------*/ /*1.- Typography /*-----------------------------------------------------------------------------------*/ /* 14 / 16 = 0.875em (14px equivalent) 15 / 16 = 0.9375em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 20 / 16 = 1.25em (20px equivalent) 21 / 16 = 1.3125em (21px equivalent) 22 / 16 = 1.375em (22px equivalent) 24 / 16 = 1.5em (24px equivalent) 26 / 16 = 1.625em (26px equivalent) 30 / 16 = 1.875em (30px equivalent) 32 / 16 = 2em (32px equivalent) 72 / 16 = 4.5em (72px equivalent) */ body, input, textarea{color:#444; font-size:100%;font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased;} body{ text-rendering:optimizeLegibility; /* Turns on ligatures and kerning */-moz-font-feature-settings:"liga=1, dlig=1"; -ms-font-feature-settings:"liga", "dlig"; -o-font-feature-settings:"liga", "dlig"; -webkit-font-feature-settings:"liga", "dlig"; font-feature-settings:"liga", "dlig"; /* For more refined (but less supported) ligature control */ } p{font-family: 'Roboto Light', sans-serif !important; font-size:14px;} p, ul, ol, dt, dd{margin-top:10px} p, dl, dd, dt, ul li, ol li, table, textarea{line-height:1.65} ul li, ol li {margin-left:30px; } h1, h2, h3, h4, h5, h6{color:#333; font-family:"Droid Sans",sans-serif; line-height:1.4; padding:0} h1{font-size:24px !important;} h2{font-size:1.125em} h3{font-size:1em} h4{font-size:0.875em; font-size:normal;} h5{font-size:0.8125em} h6{font-size:0.75} #logo, #logo h1{font:bold 1em "Ubuntu"; white-space: nowrap;} h1.header-title, h1.portfolio-title{ font: normal 0.875em Oswald; color:#333; text-transform: uppercase; white-space: nowrap;} #portfolio-nav{color:#333; font-family:Oswald; font-weight:normal} #portfolio-nav li{font-size:0.875em;} .post .entry-title{ font-size: 1.5em;} .widget-title{ font-size: 1.5em; margin: 0 0 10px 0; font-family: 'Roboto Slab', serif; color:#CC0000;} .widget h5.entry-title{ font-size: 0.9375em; } .widget .entry-meta{ font-size: 0.875em;} .note{color:#888888; font-weight:bold;} pre, code{white-space:pre; font-family:"Courier New"; line-height:1.6} blockquote, .pull{font-weight:bold;} .dropcap{font-size:4em; line-height:40px;} h2.impact-header{ font: normal 1.375em "Oswald";} .error404 .post .entry-title{font-size:2em; line-height:1.3;} .filter-posts h2.entry-title{font-size: 0.9375em;} h3.social-foo-call{font: normal 1.25em "Bitter"; color:#fff;} #footer-social-profiles li h4{ font: normal 0.875em "Oswald";} #footer{font: 0.9375em "Droid Sans"; color:#aaa;} #footer button{color:#fff; font-size: 0.9em; font-weight:bold;} a.btn{ font-size:11px; } #content button.btn span.left{ font-size:11px; } #sidebar button.btn span.left{ font-size:11px; } .price_table .table_price{font-size:1.875em; font-weight: bold; text-align:center} #sidebar{ font-size: 0.9375em; } .pi_tabs_widget .tabs h4{font-size:0.9375em;} /*-----------------------------------------------------------------------------------*/ /*1.- Basic /*-----------------------------------------------------------------------------------*/ body{background:#f7f7f7;} img, embed, object, video{ max-width: 100%; height: auto;} a{color:#333; text-decoration:none; transition:color 0.2s linear; -moz-transition:color 0.2s linear; -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear} a:hover{color:#6e99b9} a img{border:none; vertical-align:bottom} input, textarea{border:1px solid #e0e0e0; padding:5px} #container{margin:0px auto; width: 100%; max-width:1280px; min-width: 980px;} #header{position: relative; background:#121314; min-height: 180px; padding: 0; margin: 0 0 1%; } #logo, #logo h1{float:left !important; margin:0px 0px 0px 0px;} h1.no-logo{padding-top: 15px; padding-bottom: 15px;} a.no-logo{padding:20px 0 0; display: block; } .no-logo a:hover, a.no-logo:hover{color: #fff;} #content{position: relative; background-color:#fff; background: #fff;} #content-page{position: relative; background-color:#fff; background: transparent; top:-40px;z-index:1;width:100%;} #content-home{position: relative; background-color:#fff;background: #fff;width:110%;float:left;margin-left:-5%;} #featured-home{position: relative; min-width: 100%;min-height:400px;} #tagline{position:relative;z-index: 10;} #tagline h1{ padding:13px 1.5625% 10px 24.5%; } #tagline h2, #tagline h3{ padding:13px 1.5625% 10px 1.5625%; } #portfolio-tagline{position:relative; text-transform:uppercase; z-index: 10;} h1.header-title, h1.portfolio-title{float:left; display:inline; padding:3px 0 3px 2.4%; white-space: nowrap;} h1.header-title-category{float:left; display:inline; padding:0; white-space: nowrap;margin-left:-310px;margin-top:-10px;text-transform: uppercase;font-size:24px;line-height:10px; font-weight: normal;} h1.header-title-category-red{float:left; display:inline; padding:0; white-space: nowrap;margin-left:-340px;margin-top:-10px; color:#a41f1d;text-transform: uppercase;font-size:24px;line-height:10px; font-weight: normal;} .custom-h1{height:0px; display:none} h1.portfolio-title{margin-top:9px; margin-bottom:7px} #portfolio-nav{float:right; color:#333; font-weight:normal} /*-----------------------------------------------------------------------------------*/ /*2.- Blog /*-----------------------------------------------------------------------------------*/ /*----------------------------*/ /*2.1- Layout /*-----------------------------*/ /* full width */ .layout-1col-fixed #blog-posts{width: 100%; margin-left:0px; } /* right sidebar */ .layout-2c-r-fixed #blog-posts{padding-right: 320px;} .layout-2c-r-fixed #sidebar{width: 320px; position: absolute; top: 0; right: 0; border-left: 1px solid #f0f0f0;} /* left sidebar */ .layout-2c-l-fixed #blog-posts{padding-left: 320px;} .layout-2c-l-fixed #sidebar{width: 320px; position: absolute; top: 0; left: 0; border-right: 1px solid #f0f0f0;} /* Default Blog style */ .post-thumb{ padding-top: 20px; } .post-thumb{margin:0px 1.5625% 0px 0px} .post-video{padding:20px 2.1% 0px 2.1%} .layout-2c-r-fixed .post-thumb, .layout-2c-l-fixed .post-thumb{ margin-left: 2.08333%; margin-right: 2.08333%; } .entry-title, .entry-meta{margin-top:10px; margin-bottom: 10px; margin-right:2%; margin-left:2%;} .entry-content{widht:110%; margin-top:10px; margin-bottom: 10px; margin-right:0; margin-left:0;} .entry-content-single{widht:110%; margin-top:40px; margin-bottom: 10px; margin-right:0; margin-left:0;} .entry-content-page{widht:110%; margin-top:10px; margin-bottom: 10px; margin-right:0; margin-left:0;} .entry-content-resumen{widht:100%; margin-top:-20px; margin-bottom: 10px; margin-right:6%; margin-left:0;font-size:6px !important;} .entry-title{margin-top:20px;display:none !important;} #blog-posts >.post, #blog-posts >.page, #blog-posts >.portfolio{padding-bottom:20px; } /* author bio */ .author-bio{border-top:1px solid #f0f0f0; margin-top:20px; padding:20px 20px 0 20px} .author-bio .author-thumb{float:left} .author-bio .author-detail{margin-left:80px} .page-navigation{padding: 20px 2.5% 20px 1.5625%; float:right;} .page-navigation.type-comments{float:left; margin-left:-10px; padding:10px 0 10px 0px} .empty-post{padding-bottom:20px} .empty-post a:hover{border-bottom:1px solid transparent !important} /*------------------------------*/ /*2.2.- Entry content /*------------------------------*/ .entry-content ul, .entry-content ol{padding-left:50px} .entry-content ul li{list-style-type:disc} .entry-content ol li{list-style-type:decimal} #blog-posts >.post a, #blog-posts >.page a, #blog-posts >.portfolio a, #blog-posts >#post-0 a{border-bottom:none;} #blog-posts >.post a:hover, #blog-posts >.page a:hover, #blog-posts >.portfolio a:hover, #blog-posts >#post-0 a:hover{border-bottom:1px solid transparent} #blog-posts >.post a img, #blog-posts >.page a img, #blog-posts >.portfolio a img, #blog-posts >#post-0 a img{border:0; display:block} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{padding-top:20px} .note{position:relative; background-color:#f9F9F9; margin:20px 30px; padding: 10px 15px 20px 20px} pre, code{overflow:auto; margin:20px 30px; padding:10px; clear:both; background:#f7f7f7;} blockquote, .pull{background:url(resources/img/ui.png) no-repeat 0 -140px; padding:0 30px 0 50px; margin:20px 0 30px 30px; min-height:40px;} .edit-message{padding:12px 5% 12px 5%; font-style:italic; text-align:center; position: relative; top:20px; margin-bottom: 10px; border-top:1px solid #ffc40d; border-bottom:1px solid #ffc40d; background-color:#fff6d9; color:#ffc40d} .post .edit-message{margin-bottom: 30px;} .alignright{ float:right; margin:20px 0 20px 20px} .alignleft{ float:left; margin:20px 20px 20px 0} .aligncenter{ display:block; margin:20px auto 20px auto; text-align: center;} .aligncenter .wp-caption, .aligncenter .gallery-caption{ margin-left: auto; margin-right:auto;} .wp-caption, .gallery-caption{padding:5px; border:1px solid #f0f0f0 !important} .wp-caption-text{font-weight:bold; color:#333; text-align:center;font-size: 80%;} .media-video{margin-top: 20px;} .entry-title a{border-bottom:none !important} /* meta */ .entry-meta{ margin-top:10px; margin-bottom: 10px; padding-bottom: 5px; line-height: 1.8;} .entry-meta span{ margin-right: 15px; padding-left: 25px; background: url(resources/img/mini-icons.png) no-repeat; } span.post-date{ background-position: 0 -20px; } span.post-categories{ background-position: 0 -40px; } span.post-comments{ background-position: 0 -60px; } .btn.more-link{margin-top:5px; text-transform:uppercase} /*-----------------------------------------------------------------------------------*/ /* 3.- Comments /*-----------------------------------------------------------------------------------*/ #respond{padding:20px} #respond input{width:70%; margin-right:1%} #respond textarea{width:80%} .respond-message{margin-bottom:20px} #comments-wrap{padding:20px 20px 0 20px; border-bottom:1px solid #f0f0f0} li.comment .vcard{float:left} .comment-wrap{margin:20px 0} .comment-content{margin-left:80px} ul.commentslist li ul.children li{border:none; margin-left:30px} .nocomments{padding:0 0 10px 20px} /*-----------------------------------------------------------------------------------*/ /* 4.- Templates /*-----------------------------------------------------------------------------------*/ /*----------------------*/ /* 4.1- Home /*----------------------*/ .call-to-action{padding:20px; border-bottom:1px solid #f0f0f0; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;} h2.impact-header{margin-bottom:10px} .call-to-action p{float:left; width:80%} .call-to-action a.btn{float:right; margin:20px 10px 0 20px} /*------------------------*/ /* 4.2- Error 404 /*------------------------*/ .error404.layout-1col-fixed #blog-posts, .error404.layout-2c-l-fixed #blog-posts, .error404.layout-2c-r-fixed #blog-posts{width:100%; border:0} .error404 .post{width:50%; height:400px; margin:0 auto; padding-top:100px; text-align:center} .error404 .post .entry-title{ margin-bottom:20px} /*------------------------*/ /* 4.3- Contact /*------------------------*/ .page-template-template-contact-php .one_half{width:43.8%; padding: 20px 2.3%;} .one_half .entry-content{ margin: 0; } .page-template-template-contact-php .last{ border-left: 1px solid #f0f0f0; } #contact-form textarea{ width: 90%; } #contact-form input{width: 60%;min-width:300px; margin-right:5px} #contact-form button.btn{margin-top:0} /*------------------------*/ /* 4.4- Portfolio /*------------------------*/ .filter-posts h2.entry-title{text-align:center} .layout-2c-l-fixed .filter-posts li:last-child .entry-title, .layout-2c-r-fixed .filter-posts li:last-child .entry-title{padding-bottom:20px} .filter-posts .post-thumb{position:relative; margin:0; padding-top: 0;} .filter-posts li{margin:0} /* full width layout */ .layout-1col-fixed #portfolio-content .filter-posts{padding-top:25px; margin-top: 0;} .layout-1col-fixed .filter-posts li{float:left; position:relative;margin-left: 2.2%; padding-bottom: 25px;} /* one column */ .layout-1col-fixed .one-column li{width:95.6%} /* two columns */ .layout-1col-fixed .two-columns li{width:46.7%} /* three columns */ .layout-1col-fixed .three-columns li{width:30.5%} /* four columns */ .layout-1col-fixed .four-columns li{width:22.35%;} /* 2 columns fixed layout */ .layout-2c-r-fixed .filter-posts{padding-right: 320px; padding-top: 25px; margin-top: 0;} .layout-2c-l-fixed .filter-posts{padding-left: 320px; padding-top: 25px; margin-top: 0;} .layout-2c-r-fixed .filter-posts li, .layout-2c-l-fixed .filter-posts li{float:left; position:relative;margin-left: 3%;} .layout-2c-r-fixed .one-column li, .layout-2c-l-fixed .one-column li{width:94%} .layout-2c-r-fixed .two-columns li, .layout-2c-l-fixed .two-columns li{width:45.8%} .layout-2c-r-fixed .three-columns li, .layout-2c-l-fixed .three-columns li{width:29.5%} .layout-2c-r-fixed .four-columns li, .layout-2c-l-fixed .four-columns li{width:21.2%} .screencast-play{position:absolute; top: 50%; left:50%; margin-top:-26px; margin-left:-26px; height:53px} /* single portfolio */ .single-portfolio.layout-1col-fixed #blog-posts, .single-portfolio.layout-2c-r-fixed #blog-posts, .single-portfolio.layout-2c-l-fixed #blog-posts{border:0; width:100%; padding: 0;} .single-portfolio #blog-posts >.portfolio{padding:0} .single-portfolio #blog-posts >.portfolio a{border:0} .single-portfolio .post{border:1px solid red !important} #portfolio-meta{width: 100%; border-bottom:1px solid #f0f0f0; padding-bottom: 25px;} #portfolio-meta #slider{ margin-bottom: 5px; } #portfolio-meta .post-thumb{padding-top: 25px} #portfolio-meta-slider{ padding: 25px 2.3% 0 2.3%;} #related-portfolio{float:left; width:50%} #related-portfolio ul{margin:0; padding:5px 5px 0 5px} #related-portfolio .post-thumb{ padding-top: 0; } .related-portfolio-title{margin:20px 15px 0 15px} #related-portfolio .portfolio-item{float:left; width:45.8%; margin:10px;} #related-portfolio .portfolio-item .post-thumb{ margin: 0 !important;} #related-portfolio .portfolio-item:last-child{min-height:0} #related-portfolio .portfolio-item .post-thumb{margin:0} #related-portfolio .portfolio-item .entry-title{margin:10px 0 0 0; text-align:center} #portfolio-content-single{float:left; padding:10px 2.3% 20px 2.3%} .parcial-content{width:45.3%; border-right:1px solid #f0f0f0} /*-----------------------------------------------------------------------------------*/ /* 5.- Menus /*-----------------------------------------------------------------------------------*/ #primary-menu-toggle{display: none; background: url('resources/img/display-menu.png') no-repeat left bottom; padding: 0 0 0 30px;} #secondary-menu-toggle{display: none; text-align: right; background: url('resources/img/display-menu.png') no-repeat right bottom;} h3#primary-menu-toggle, h3#secondary-menu-toggle{ line-height: 1; margin: 0; font-size: 1.5em;} h3#secondary-menu-toggle{ padding:0 35px 0 0;} .menu-toggle-wrap{display: none; padding: 14px 3% 14px 0; } /*-----------------------------------------------------------------------------------*/ /*6.- Social /*-----------------------------------------------------------------------------------*/ .social-profiles{margin:0 1.5625% 0 0} .social-profiles li{float:left; margin-left:7px} .social-icon{float:left; width:25px; height:25px; text-indent:-9999px} /* grey */ .grey a.social-icon{background:url('resources/img/social-grey.png') no-repeat} /* black */ .dark a.social-icon{background:url('resources/img/social-dark.png') no-repeat} /* black */ .light a.social-icon{background:url('resources/img/social-light.png') no-repeat} a.social-icon{transition:all .3s linear; -o-transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear} .social-profiles a.social-icon:hover, .social-profiles li:hover a.social-icon{opacity:0.75; filter:alpha(opacity=85)} .social-profiles a.delicious, .social-profiles a.delicious:hover, .social-profiles li:hover a.delicious{background-position:-5px -5px} .social-profiles a.deviantart, .social-profiles a.deviantart:hover, .social-profiles li:hover a.deviantart{background-position:-35px -5px} .social-profiles a.digg, .social-profiles a.digg:hover, .social-profiles li:hover a.digg{background-position:-65px -5px} .social-profiles a.dribbble, .social-profiles a.dribbble:hover, .social-profiles li:hover a.dribbble{background-position:-95px -5px} .social-profiles a.email, .social-profiles a.email:hover, .social-profiles li:hover a.email{background-position:-125px -5px} .social-profiles a.facebook, .social-profiles a.facebook:hover, .social-profiles li:hover a.facebook{background-position:-5px -35px} .social-profiles a.formspring, .social-profiles a.formspring:hover, .social-profiles li:hover a.formspring{background-position:-35px -35px} .social-profiles a.flickr, .social-profiles a.flickr:hover, .social-profiles li:hover a.flickr{background-position:-65px -35px} .social-profiles a.foursquare, .social-profiles a.foursquare:hover, .social-profiles li:hover a.foursquare{background-position:-95px -35px} .social-profiles a.forrst, .social-profiles a.forrst:hover, .social-profiles li:hover a.forrst{background-position:-125px -35px} .social-profiles a.github, .social-profiles a.github:hover, .social-profiles li:hover a.github{background-position:-5px -65px} .social-profiles a.google, .social-profiles a.google:hover, .social-profiles li:hover a.google{background-position:-35px -65px} .social-profiles a.grooveshark, .social-profiles a.grooveshark:hover, .social-profiles li:hover a.grooveshark{background-position:-65px -65px} .social-profiles a.instagram, .social-profiles a.instagram:hover, .social-profiles li:hover a.instagram{background-position:-95px -65px} .social-profiles a.linkedin, .social-profiles a.linkedin:hover, .social-profiles li:hover a.linkedin{background-position:-125px -65px} .social-profiles a.reddit, .social-profiles a.reddit:hover, .social-profiles li:hover a.reddit{background-position:-5px -95px} .social-profiles a.rss, .social-profiles a.rss:hover, .social-profiles li:hover a.rss{background-position:-35px -95px} .social-profiles a.skype, .social-profiles a.skype:hover, .social-profiles li:hover a.skype{background-position:-65px -95px} .social-profiles a.tumblr, .social-profiles a.tumblr:hover, .social-profiles li:hover a.tumblr{background-position:-95px -95px} .social-profiles a.twitter, .social-profiles a.twitter:hover, .social-profiles li:hover a.twitter{background-position:-125px -95px} .social-profiles a.vimeo, .social-profiles a.vimeo:hover, .social-profiles li:hover a.vimeo{background-position:-5px -125px} .social-profiles a.wordpress, .social-profiles a.wordpress:hover, .social-profiles li:hover a.wordpress{background-position:-35px -125px} .social-profiles a.youtube, .social-profiles a.youtube:hover, .social-profiles li:hover a.youtube{background-position:-65px -125px} /*-----------------------------------------------------------------------------------*/ /*7.- Sliders /*-----------------------------------------------------------------------------------*/ /*----------------------------------------*/ /*7.1- Flex Slider /*----------------------------------------*/ #featured-blog-posts{ width: 96%; padding: 20px 2%; } #featured-blog-posts #slider{ margin-bottom: 5px; } #carousel li {margin-right: 5px;} #carousel img {display: block; opacity: .5; cursor: pointer;} #carousel img:hover {opacity: 1;} #carousel .flex-active-slide img {opacity: 1; cursor: default;} .home-flex.flexslider{ margin-bottom: 5px; } /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {background: #fff; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; display: none; background: url(resources/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0;} .flex-direction-nav .flex-prev{ left: 10px; } .flex-direction-nav .flex-next {background-position: 100% 0; right: 10px;} .flexslider:hover .flex-next {opacity: 0.8;} .flexslider:hover .flex-prev {opacity: 0.8;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {cursor: pointer;} .flexslider:hover .flex-direction-nav a{ display: block; } #carousel.flexslider:hover .flex-direction-nav a{ display: none; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .flex-caption{ position: absolute; top: 60px; font: 2.125em "Bitter"; left: 100px; max-width: 450px; font-style: italic; color: #fff; } .home-flex .slides li{ position: relative; } #featured-blog-posts .flex-caption{ left: auto; margin-left: 10%; } .flex-caption a{ color: #fff; line-height: 52px; padding: 0 0 2px 0; background: rgba(0, 0, 0, 0.8); box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8); -webkit-transition-property:box-shadow, background; -webkit-transition-duration: 0.5s, 0.5s; -webkit-transition-timing-function: linear, ease-in; } .flex-caption a:hover{ background: rgba(242, 58, 11, 0.7); box-shadow: 10px 0 0 rgba(242, 58, 11, 0.7), -10px 0 0 rgba(242, 58, 11, 0.7); } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } #featured-blog-posts .flex-caption{ margin-left: 50px; } /*-----------------------------------------------------------------------------------*/ /*7.2.- Nivo sliderfeature /*-----------------------------------------------------------------------------------*/ /* The Nivo Slider styles */ .nivoSlider { position:relative; background:#fff url(resources/img/loading.gif) no-repeat 50% 50%; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a { border:0; display:block; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:-10px; bottom:5px; background:#000; color:#fff; width:auto; margin-left: 2%; z-index:8; padding: 2px 6px 2px 6px; overflow: hidden; display: none; font: 1em 'Roboto', sans-serif; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; color:#fff; border-bottom:1px dotted #fff; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; bottom:5px; z-index:9; cursor:pointer; display:block; width:25px; height:25px; text-indent:-9999px; border:0; background-color: #111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nivo-prevNav{top:48%; left: 15px; background:url('resources/img/ui.png') no-repeat -25px 0} .nivo-nextNav{top:48%; right:15px; background:url('resources/img/ui.png') no-repeat -50px 0} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {position:absolute; right:15px; bottom:12px;} .nivo-controlNav a {position:relative; cursor:pointer; z-index:9; width:10px; height:10px; background:url('resources/img/ui.png') no-repeat; text-indent:-9999px; border:0; margin-right:8px; float:left; border-bottom: none !important;} .nivo-controlNav a.active { font-weight:bold; background-position:-12px 0 } .nivoSlider .nivo-directionNav a { opacity: 1; } .nivo-wrap{ position: relative; } /*-----------------------------------------------------------------------------------*/ /*8.- Buttons /*-----------------------------------------------------------------------------------*/ #content button.btn{margin-left:0; margin-top:10px; line-height:1.2em !important; background:none; border:none; cursor:pointer; padding:0} #content button.btn span.left{background:url(resources/img/ui.png) 5px 0; display:block; padding:0 0 0 5px; height:32px; float:left; font-family:"Droid Sans"; font-weight:bold; color:#555; text-transform:uppercase; text-shadow:0px 1px 1px #eee; text-align:center; border:none} #content button.btn span.right{ height:22px; background:url(resources/img/ui.png) 100% -70px; display:block; padding:10px 15px 0 8px} #content button:hover.btn span.left{background:url(resources/img/ui.png) 5px -35px} #content button:hover.btn span.right{background:url(resources/img/ui.png) 100% -105px} /*-----------------------------------------------------------------------------------*/ /*9.- Footer /*-----------------------------------------------------------------------------------*/ /* social footer */ #footer-social-area{min-height:65px; background-color:#121314} h3.social-foo-call{display:inline; float:left; padding-top:20px; margin-left: 2.35%; white-space: nowrap;} #footer-social-profiles, #footer-social-profiles-mini{float:right; margin-top: 10px;} #footer-social-profiles li{float:left; padding:19px 10px; margin:0} #footer-social-profiles-mini li{float:left; padding:11px 3px; margin:0} #footer-social-profiles li a{float:left; color:#fff} #footer-social-profiles li:hover a{color:#fff} #footer-social-profiles li h4{display:inline; float:left; padding:4px 0 0 5px} /* widgetized footer */ #footer{background-color:#000; min-height:48px; padding:10px 0 5px 0; text-shadow:1px 1px 2px #000} #footer input, #footer textarea{background-color:#111; border:1px solid #1a1a1a} #footer button{float:left; background-color:transparent; border:none; cursor:pointer; text-shadow:1px 1px 2px #000; transition:color 0.2s linear; -moz-transition:color 0.2s linear; -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear} #footer button:hover{color:#6e99b9} #footer .widget{margin-bottom:20px} #footer .widget a{color:#fff; } #footer .widget a:hover{color:#6e99b9} #footer .widget-title{color:#fff; padding-bottom:5px; text-transform:uppercase; } /* widgetized footer */ #widgets-wrap{padding-bottom:5px; border-bottom:1px solid #1a1a1a} .widget-wrap{float:left} #footer .layout-1col-fixed .widget-wrap{width:95.3%} #footer .layout-2col-fixed .widget-wrap{width:46.15%; margin:0 1.5%} #footer .layout-2c-r-fixed .column-1, #footer .layout-2c-l-fixed .column-2{width:61.2%} #footer .layout-2c-r-fixed .column-2, #footer .layout-2c-l-fixed .column-1{width:31.1%} #footer .layout-2c-r-fixed .column-1, #footer .layout-2c-l-fixed .column-1{margin-right:3%} #footer .layout-3col-fixed .widget-wrap{width:29.7%; margin:0 1.5%} #footer .layout-3c-r-fixed .column-2, #footer .layout-3c-r-fixed .column-3, #footer .layout-3c-l-fixed .column-1, #footer .layout-3c-l-fixed .column-2, #footer .layout-3cm-fixed .column-1, #footer .layout-3cm-fixed .column-3{width:22%;} #footer .layout-3c-r-fixed .column-1, #footer .layout-3c-l-fixed .column-3, #footer .layout-3cm-fixed .column-2{width:45.3%;} #footer .layout-4col-fixed .widget-wrap{width:21.575%; margin:0 1.5%} #footer .layout-3c-r-fixed .widget-wrap, #footer .layout-3c-l-fixed .widget-wrap, #footer .layout-3cm-fixed .widget-wrap{margin:0 1.5%} #footer .widget-wrap.margin-left-none{margin-left:2.35%} #footer .widget-wrap.margin-right-none{margin-right:0} /* copy and credits */ #credits-wrap{margin-top:0px; padding:0px 2.35% 0 2.35%; border-top:1px solid #1a1a1a; font-style: italic; } #credits-wrap a{color:#fff} #credits-wrap a:hover{color:#6e99b9} #copy{display:inline; float:left; white-space: nowrap;} #credits{float:right; display:inline; white-space: nowrap;} /*-----------------------------------------------------------------------------------*/ /*10.- Widgets /*-----------------------------------------------------------------------------------*/ /* general */ #sidebar .widget{padding:10px; border-bottom:1px solid #f0f0f0} .widget_search h4, .widget.pi_ad300_widget h4, .widget.pi_flickr_widget h4, .widget.pi_featured_post_widget h4, .widget.pi_posts_slider_widget h4{margin-bottom:10px} /*----------------------------*/ /* 10.1- Tabs and Recent /*----------------------------*/ #sidebar .widget.pi_tabs_widget{padding:0} .pi_tabs_widget .post-thumb, .pi_recent_posts_widget .post-thumb{float:left; padding:0 10px 0 0; margin:0} .pi_tabs_widget ul, .pi_tabs_widget .entry-meta, .pi_recent_posts_widget .entry-meta, .pi_tabs_widget .entry-title, .pi_recent_posts_widget .entry-title{margin:0} .pi_tabs_widget .entry-title, .recent-posts-widget .entry-title{margin-bottom:5px} .pi_tabs_widget .tab_content li{padding:10px} #footer .pi_tabs_widget .tab_content li{padding:10px 0} #sidebar .pi_tabs_widget .tab_content li{border-bottom:1px solid #f0f0f0} #sidebar .pi_tabs_widget .tab_content li:last-child{border-bottom:none} #sidebar .pi_tabs_widget .tabs{border-bottom:1px solid #f0f0f0} .pi_tabs_widget .tabs li{float:left} .pi_tabs_widget .tabs li.active a{color:#6e99b9} .pi_tabs_widget .tabs h4{display:inline} .pi_tabs_widget .tabs li a{display:block; padding:10px} #sidebar .pi_tabs_widget .tabs li a{border-right:1px solid #f0f0f0} .pi_recent_posts_widget li{padding:5px 0} .pi_recent_posts_widget li:last-child{padding-bottom:0} /* tab tags and tag cloud */ #tab4{padding:10px} #tab4 a, .tagcloud a{background-color:#444; padding:5px; color:#fff; margin:5px; line-height:2.6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-transition:background 0.1s linear; -webkit-transition:background 0.1s linear; -o-transition:background 0.1s linear; transition:background 0.1s linear} #footer #tab4 a, #footer .tagcloud a{background-color:#202020} /* footer tabs */ .tagcloud{margin-top:10px} #tab4 a:hover, .tagcloud a:hover, #footer #tab4 a:hover, #footer .tagcloud a:hover{color:#fff; background-color:#6e99b9} #footer .pi_tabs_widget .tabs li a{padding:5px} /*-------------------------------*/ /* 10.2- Twitter and Flickr /*-------------------------------*/ ul.twitter li{ margin-bottom: 10px; } .follow-me{margin-top:10px} .pi_twitter_widget a{ font-weight: bold; } /* flickr */ .pi-flickr-widget *{float:left} /*------------------------------------*/ /* 10.3- Screenshot and Screencast /*------------------------------------*/ .pi_video_widget .excerpt, .pi_screenshot_widget .excerpt{text-align:center; font-weight:bold;} #footer .layout-3col-fixed .pi_video_widget .excerpt, #footer .layout-3col-fixed .pi_screenshot_widget .excerpt{text-align:center} #footer .pi_video_widget .excerpt, #footer .pi_screenshot_widget .excerpt{color:#aaa} .pi_video_widget .description, .pi_screenshot_widget .description{margin-bottom:10px} .pi_video_widget .post-thumb, .pi_screenshot_widget .post-thumb{margin:0; position:relative} /*----------------------------*/ /* 10.4- Ads /*----------------------------*/ /* ads 125 */ .pi_ads125_widget .ads-125 li{float:left; padding:12px} /*------------------------------------*/ /* 10.5- Login and Contact Form /*------------------------------------*/ #sidebar button.btn{margin:0 10px 0 0; float:left} #sidebar .login-options{display:block; padding-top:4px} #footer .login-options{display:block; padding-top:2px} .login-options a{margin-left:10px} #footer .login-options a{margin-left:5px} a.user-focus{border-bottom:1px dotted} a.user-focus:hover{border-bottom:1px transparent} .pi_login_form_widget input.input-text, .pi_contact_form_widget input{width:198px; margin-right:10px} .pi_contact_form_widget textarea{width:260px} #footer .layout-4col-fixed textarea, #footer .layout-3c-r-fixed .column-2 textarea, #footer .layout-3c-r-fixed .column-3 textarea, #footer .layout-3c-l-fixed .column-1 textarea, #footer .layout-3c-l-fixed .column-2 textarea, #footer .layout-3cm-fixed .column-1 textarea, #footer .layout-3cm-fixed .column-3 textarea{width:198px} /*----------------------------*/ /* 10.6- Search and Text /*----------------------------*/ .textwidget{margin-top:10px; line-height:1.65} #searchform input{float:left; height:18px; width:214px; font-size: 0.875em;} #searchform .btn{margin:0 0 0 -3px !important; float:none} #searchform2{display:inline-block; margin-left:50%; bottom: 0px;} #searchform2 .btn{top:90px;float:right; left:-280px;position:relative;background:#fff url("http://www.museo-casa-natal-cervantes.org/wp/wp-content/uploads/2014/06/search.jpg") no-repeat 50% 50%; widht:20px; height: 20px; border:none; padding:8px; } #searchform2 input{top:85px; left:-290px; height:12px; width:180px; font-size: 0.875em; position:relative;} #comunidadlogo{margin-top:-70px;} #cerodoce{top:40px; margin-left:78%; position:relative;} @supports (-webkit-appearance:none) { #comunidadlogo{margin-top:-60px;} #cerodoce{top:50px; margin-left:78%; position:relative;} } #footer #searchform .btn{margin-left:5px !important; padding-top:7px} #footer .layout-4col-fixed #searchform input, #footer .layout-3c-r-fixed .column-2 #searchform input, #footer .layout-3c-r-fixed .column-3 #searchform input, #footer .layout-3c-l-fixed .column-1 #searchform input, #footer .layout-3c-l-fixed .column-2 #searchform input, #footer .layout-3cm-fixed .column-1 #searchform input, #footer .layout-3cm-fixed .column-3 #searchform input{width:130px} /*----------------------------*/ /* 10.7- Menus /*----------------------------*/ .widget_nav_menu h4, .widget_nav_menu h3{padding:10px} .widget_nav_menu ul{margin:0; font-weight:bold} .widget_nav_menu ul li{border-bottom:1px solid #f0f0f0} #footer .widget_nav_menu ul li{border-bottom:1px solid #1a1a1a} .widget_nav_menu ul li a{display:block; padding:5px 15px} .widget_nav_menu ul li.current-menu-item a{color:#6e99b9} .widget_nav_menu ul li:last-child{border-bottom:0} #sidebar .widget_nav_menu.widget{padding:0} .widget_nav_menu ul ul li{padding-left:30px} /*-----------------------------------------------------------------------------------*/ /*11.- Shortcodes /*-----------------------------------------------------------------------------------*/ /*----------------------------*/ /* 11.1.- Columns /*----------------------------*/ .one_half, .one_third, .one_fourth, .one_fifth, .two_third, .three_fourth, .two_fifth, .three_fifth, .four_fifth{position:relative; float:left; line-height:1.6; margin-right:3%; margin-bottom: 10px;} .one_half{width:48%} .one_third{width:31%} .one_fourth{width:22.5%} .one_fifth{width:17.5%} .two_third{width:66%} .three_fourth{width:74%} .two_fifth{width:38%} .three_fifth{width:59%} .four_fifth{width:79%} .last{margin-right:0; clear:right} .clear{clear:both; display:block; font-size:0; height:0; line-height:0; width:100%} /*----------------------------*/ /* 11.2.- Typography /*----------------------------*/ /* highlight */ .highlight{background-color:#f9f9f9; padding:3px 5px} /* dropcap */ .dropcap{color:#333 !important; display:block; float:left; margin:0 8px 0 0} /* pull */ .pull{line-height:1.65; margin-bottom:20px; width:40%} /* divider */ .divider{margin-top:10px; border-top:1px solid #f0f0f0} .custom-divider{border-top:1px solid #f0f0f0; margin-left:-3.2%; margin-right:-3.2%} .slider-divider{border-top:1px solid #f0f0f0} /*----------------------------*/ /* 11.3.- Alerts /*----------------------------*/ .alert{font-weight:bold; margin-top:0px; padding:0 20px 10px 20px} .alert.green{ border-top:1px solid #46a546; border-bottom:1px solid #46a546; background-color:#e9eed5; color:#46a546} .alert.red{ border-top:1px solid #9d261d; border-bottom:1px solid #9d261d; background-color:#fae5e3; color:#9d261d} .alert.green{ border-top:1px solid #46a546; border-bottom:1px solid #46a546; background-color:#e9eed5; color:#46a546} .alert.yellow{ border-top:1px solid #ffc40d; border-bottom:1px solid #ffc40d; background-color:#fff6d9; color:#ffc40d} .alert.blue{border-top:1px solid #049cdb; border-bottom:1px solid #049cdb; background-color:#e6f8ff; color:#049cdb} /*-------------------------------------------*/ /* 11.4.- Testimonials and call to action /*-------------------------------------------*/ .testimonials{padding:0 !important} .testimonials li{list-style:none !important; background:url(resources/img/ui.png) no-repeat 0 -140px; padding:0 30px 0 50px; margin:20px 0 20px 20px; min-height:40px; color:#333} .testimonials.cycle-slider li:first-child{display:block; width:85%} .testimonial_author{font-weight:bold; display:block; margin-top:10px} /* call to action */ .call_content{float:left; max-width:70%} .call_to_action .btn{margin-top:25px} .testimonials.cycle-slider{margin:0} .testi-nav.cycle-nav{margin-top:0} /*----------------------------*/ /* 11.5.- Icons /*----------------------------*/ .icons{margin-bottom:20px} .icons h1, .icons h2, .icons h3, .icons h4, .icons h5, .icons h6{margin:0 0 10px 0} .entry-content >.icons .icon-content{line-height:1.65} .icon-content{margin-left:60px} .icon{height:52px; width:48px; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .icon.dark{background-image:url(resources/img/icons-dark.png)} .icon.light{background-image:url(resources/img/icons-light.png)} .icon.grey{background-image:url(resources/img/icons-grey.png)} .icon.address_book{background-position:0 0} .icon.clock{background-position:-48px 0} .icon.alert_icon{background-position:-96px 0} .icon.american_express{background-position:-144px 0} .icon.android{background-position:-192px 0} .icon.archive{background-position:-240px 0} .icon.blackberry{background-position:-288px 0} .icon.bluetooth{background-position:-336px 0} .icon.calendar{background-position:-384px 0} .icon.chart{background-position:-432px 0} .icon.chemical{background-position:0 -52px} .icon.clapboard{background-position:-48px -52px} .icon.clipboard{background-position:-96px -52px} .icon.cloud{background-position:-144px -52px} .icon.cog{background-position:-192px -52px} .icon.cup{background-position:-240px -52px} .icon.file_cabinet{background-position:-288px -52px} .icon.film{background-position:-336px -52px} .icon.firefox{background-position:-384px -52px} .icon.flag{background-position:-432px -52px} .icon.folder{background-position:0 -104px} .icon.globe{background-position:-48px -104px} .icon.help{background-position:-96px -104px} .icon.image{background-position:-144px -104px} .icon.info{background-position:-192px -104px} .icon.ipad{background-position:-240px -104px} .icon.iphone{background-position:-288px -104px} .icon.light_bulb{background-position:-336px -104px} .icon.link{background-position:-384px -104px} .icon.mail{background-position:-432px -104px} .icon.mastercard{background-position:0 -156px} .icon.megaphone{background-position:-48px -156px} .icon.microphone{background-position:-96px -156px} .icon.note_book{background-position:-144px -156px} .icon.paypal{background-position:-192px -156px} .icon.pencil{background-position:-240px -156px} .icon.piggy_bank{background-position:-288px -156px} .icon.presentation{background-position:-336px -156px} .icon.price_tags{background-position:-384px -156px} .icon.tools{background-position:-432px -156px} .icon.trash{background-position:0 -208px} .icon.shopping_basket{background-position:-48px -208px} .icon.shopping_cart{background-position:-96px -208px} .icon.sign_post{background-position:-144px -208px} .icon.sound{background-position:-192px -208px} .icon.speech_bubbles{background-position:-240px -208px} .icon.suitcase{background-position:-288px -208px} .icon.tags{background-position:-336px -208px} .icon.visa{background-position:-384px -208px} .icon.wifi{background-position:-432px -208px} /*----------------------------*/ /* 11.6.- Buttons /*----------------------------*/ p a.btn, ul a.btn{line-height:1.3em} a.btn{background:url(resources/img/buttons.png); display:block; height:32px; padding:0 0 0 5px; font-weight:bold; color:#fff; text-shadow:0px 1px 1px #555; border:0 !important; margin-top:10px} a.btn:hover{color:#fff} a.btn span{float:left; background:url(resources/img/buttons.png); padding:8px 15px 9px 8px} a:hover.btn, a:hover.btn span{background:url(resources/img/buttons.png)} /* brown */ a.btn.brown{background-position:5px 0} a.btn.brown span{background-position:100% -70px} a:hover.btn.brown{background-position:5px -35px} a:hover.btn.brown span{background-position:100% -105px} /* brown */ a.btn.orange{background-position:5px -140px} a.btn.orange span{background-position:100% -210px} a:hover.btn.orange{background-position:5px -175px} a:hover.btn.orange span{background-position:100% -245px} /* blue */ a.btn.blue{background-position:5px -280px} a.btn.blue span{background-position:100% -350px} a:hover.btn.blue{background-position:5px -315px} a:hover.btn.blue span{background-position:100% -385px} /* green */ a.btn.green{background-position:5px -420px} a.btn.green span{background-position:100% -490px} a:hover.btn.green{background-position:5px -455px} a:hover.btn.green span{background-position:100% -525px} /* dark */ a.btn.dark{background-position:5px -560px} a.btn.dark span{background-position:100% -630px} a:hover.btn.dark{background-position:5px -595px} a:hover.btn.dark span{background-position:100% -665px} /* yellow */ a.btn.yellow{background-position:5px -720px} a.btn.yellow span{background-position:100% -790px} a:hover.btn.yellow{background-position:5px -755px} a:hover.btn.yellow span{background-position:100% -825px} a.btn.grey{background:url(resources/img/ui.png) 5px 0; text-shadow:0px 1px 1px #eee; color:#555} a.btn.grey span{background:url(resources/img/ui.png) 100% -70px} a:hover.btn.grey{background:url(resources/img/ui.png) 5px -35px} a:hover.btn.grey span{background:url(resources/img/ui.png) 100% -105px} a.btn.left{margin-right:10px} a.btn.right{margin-left:10px} a.btn span{white-space: nowrap;} /*----------------------------*/ /* 11.7.- Tabs /*----------------------------*/ .tabs{margin-top:20px} .tabnav li{display:inline; list-style:none; padding-right:5px} .tabnav li a{font-weight:bold; padding:8px 14px; outline:none; border:0 !important} .tabnav li.selected, .tabnav li.ui-tabs-selected a{background-color:#f9f9f9; color:#6e99b9; text-decoration:none} .tabdiv{background-color:#f9f9f9; padding:5px 20px 15px 20px} .ui-tabs-hide, .start-tabs{display:none} /*----------------------------*/ /* 11.8.- Toggle /*----------------------------*/ .toggle-container{position:relative; margin-bottom:4px; cursor:pointer; overflow:hidden} .toggle-icon{float:left; margin:15px 15px 35px 0; width:25px; height:25px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#222 url(resources/img/ui.png) no-repeat} .toggle-icon:hover{background-color:#6e99b9} .toggle{background-position:-75px 0px} .active{background-position:-100px 0px} .toggle-content{margin:0px 10px 10px 40px; display:none} #portfolio-content-single .toggle-container h4{margin-top:18px} /*-----------------------------------*/ /* 11.9.- Posts and Portfolio /*-----------------------------------*/ /* posts */ .recent_posts .post-thumb{ margin:0 20px 10px 0} .recent_posts .entry-content{margin:0} .recent_posts .entry-title{margin:0} /* portfolio */ .filter-posts.portfolio-shortcode{width:auto !important; margin:0 -20px; padding:0 !important} .filter-posts.portfolio-shortcode li{margin:20px 0 20px 20px} .filter-posts.portfolio-shortcode li h4.entry-title{margin: 10px 0; text-align:center} .filter-posts.portfolio-shortcode li a{border:0 !important} /*-----------------------------------*/ /* 11.10.- Lists /*-----------------------------------*/ ul.list.square li{list-style-type:square} ul.list.check li, ul.list.delete li, ul.list.warning li, ul.list.clasic li.check, ul.list.clasic li.delete, ul.list.clasic li.warning{padding-left:20px; list-style-type:none} ul.list li.check, ul.list li.delete, ul.list li.warning{margin-left:-20px} ul.list.check li, ul.list li.check{background:url(resources/img/check.png) no-repeat 0px 5px} ul.list.delete li, ul.list li.delete{background:url(resources/img/delete.png) no-repeat 0px 5px} ul.list.warning li, ul.list li.warning{background:url(resources/img/warning.png) no-repeat 0px 5px} /* Price Tables */ ul.price_table{margin:0; padding:0} ul.price_table li{list-style:none} .price_table ul{padding-left:20px} .price_table h3{margin-top:10px; background-color:#f0f0f0; padding:10px 0; text-align:center} .table_column{float:left; margin-left:-1px; border:1px solid #f0f0f0; padding-bottom:20px} .columns_2 .table_column{width:49.8%} .columns_3 .table_column{width:33.1%} .columns_4 .table_column{width:24.8%} .table_column{margin-top:20px} .table_column.featured{z-index:10; margin-top:0; padding-bottom:40px; -webkit-box-shadow:0px 1px 2px #f5f5f5; -moz-box-shadow:0px 1px 2px #f5f5f5; box-shadow:0px 1px 2px #f5f5f5} .table_column.featured .list{padding-top:10px; padding-bottom:10px} .price_table .list{margin-left:20px} .price_table a.btn.left, .price_table a.btn.right{float:none !important; position:relative} .price_table a.btn{margin-left:10%} .price_table a.btn span{width:80%; text-align:center} .price_table.columns_2 a.btn span{width:85% !important} .entry-content .flexslider ul{padding-left: 0; } .entry-content .flexslider ul li{ list-style-type: none; } .entry-content .nivoSlider a, .entry-content .flexslider a{ border-bottom: 0 !important; } /*-----------------------------------------------------------------------------------*/ /*12.- Other /*-----------------------------------------------------------------------------------*/ .left{float:left} .right{float:right; } .custom-hr{border-bottom:1px solid #f0f0f0} hr{color:#f0f0f0; height:1px; background-color:#f0f0f0; border:0; margin:0} .error, .required-message{color:#f00} .hidden{display:none} .headclear{ clear: both; height: 10px; } .form-error{ border:1px solid #6e99b9} #path{margin-bottom:10px} /*Estilos del selector de idioma*/ .language{right:0;position: absolute;background:#b22725 url("http://www.museo-casa-natal-cervantes.org/wp/wp-content/uploads/2014/06/separador.png") no-repeat 45% center;;border-left: solid 15px #b22725;height:32px;} .language-index{right:0;position: absolute;background:#b22725 url("http://www.museo-casa-natal-cervantes.org/wp/wp-content/uploads/2014/06/separador.png") no-repeat 45% center;;border-left: solid 15px #b22725;height:32px;width:180px; display:inline;} .lang-item-index-es,.lang-item-index-en {line-height:32px; font-family:Roboto; font-size:1.2em; } .lang-item-index-es{color:#000;} .lang-item-index-en{color:#FFF;text-decoration: underline !important;} .lang-item-index-en a:link{text-decoration: underline !important; color:#FFF !important;} .lang-item-index-en:hover{text-decoration: underline !important; color:#FFF !important;} .language-movil{display:none;} .lang-item a{color:#FFF;} .lang-item a:link{text-decoration: underline;} .current-lang a{color:#000 !important;text-decoration:none !important;} /*Fin estilos del selector de idioma*/ /*Cajas especiales responsive*/ #box30,#box50,#box60,#box100,#mapa,#mapa-como-llegar,#box30-como-llegar, #box-post, #box-publicaciones, #box-formu, #box-formu-inferior, #box-fondos{ display: inline-block; position: relative; border:none !important;; } #box30{max-width: 32%;} #box-post{max-width: 32.9%;vertical-align:top; margin-left:0; margin-bottom:0;text-align:left;padding-right:0.152%} #box50{max-width: 45%;} #box60{max-width: 66%;padding:0 18px 0 0;vertical-align:top;margin-left:0px; margin-top:-10px;} #box100{max-width: 95%;} #box30-como-llegar{max-width: 32%;} #box1280{width:1280px;} #mapa{min-width: 31%;float:right;height:auto;margin-right: 5px;margin-top:-10px;} #mapa-como-llegar{max-width: 66%;float:right;height:auto;padding-top: 30px;} #mapa-como-llegar-480{display:none;padding-top: 30px;} #visita-virtual{margin-top:-150px;left:0;position:absolute;width:100%;} #galeria-visita-virtual{margin-top:700px;left:0;position:relative;width:100%;} #sube-pagina{margin-top:-15px;} #sube-pagina-55{margin-top:-55px;} #sube-pagina-45{margin-top:-45px;} #sube-pagina-35{margin-top:-35px;} #sube-pagina-30{margin-top:-30px;} #sube-pagina-25{margin-top:-25px;} #sube-pagina-20{margin-top:-20px;} #sube-pagina-10{margin-top:-10px;} #sube-pagina-5{margin-top:-5px;} #box-fondos{max-width: 33%;vertical-align:top; margin-left:0; margin-bottom:3%;;text-align:left;padding-right:0.152%} /*publicaciones*/ #autores-titulos{position:relative;width:380px; top:-30px; left: 69%; height:32px; background: #F0F0f0 url("http://www.museo-casa-natal-cervantes.org/wp/wp-content/uploads/2014/06/flecha_listado_publi.png") no-repeat 100%; font-family: Roboto Regular; color: #797979; font-size:1.3em;line-height:35px; } #autores-titulos a:link{font-family: 'Roboto', sans-serif; color: #797979; line-height:35px;text-decoration:none; font-size:0.9em;} #box-publicaciones{min-width: 30%; min-height:150px !important; background: #F0F0f0;max-width: 203px; vertical-align: text-top; height: 43px;margin: 0 20px 20px 0px; padding: 0 20px 40px 0px;} .titulo-publicacion{font-family: 'Roboto', sans-serif; color: #222222;font-size: 1.2em;line-height:20px; font-weight: 800;font-style: italic;} .p-publicacion{font-family: 'Roboto', sans-serif; font-size: 1.2em; color:#000; line-height:18px;} #info-publi{position:relative; min-width:100%; height: 145px; top:10px; left:10px;} #post-3421 #info-publi{height: 155px;} #descargar-publicacion{position:relative;width: 207px; height: 40px; top:-9px; right:-198px;color:#f0f0f0; font-family: 'Roboto Regular', sans-serif; font-size:1.15em;line-height:40px;} #descargar-publicacion a:link{ color:#f0f0f0;background-color: #f0f0f0;} #descargar-publicacion a:hover{color:#c83331; background-color: #e1e1e1;} .descargar-publicacion {font-family: 'Roboto', sans-serif;font-size:1em;line-height:40px; color:#f0f0f0; width: 193px; height: 43px;margin-left:17px;background-color: #f0f0f0;display:inline; padding: 10px 27px 12px 10px;} .boton-descarga{position: relative; float: right; top: 0px;} /*fin publicaciones*/ .google-maps { position: relative; padding-bottom: 100%; // This is the aspect ratio height: 0; overflow: hidden; float:left: } .google-maps-como-llegar { position: relative; padding-bottom: 41%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /*Fin cajas especiales responsive*/ /*estilos texto*/ .slogan{ font-family: "Roboto Slab"; font-size: 2.8em; text-align: left; color: #1c171d; padding-top:20px; } .slogan2{ font-family: "Roboto Slab"; font-size: 1.2em; text-align: right; color: #1c171d; margin-top:-22px; margin-right:15px; padding-bottom:15px; } .slogan3{ font-family: "Roboto Slab"; font-size: 1.2em; text-align: left; color: #1c171d; margin-top:0px; padding-bottom:5px; } .slogan4{ font-family: "Roboto Slab"; font-size: 2.8em; text-align: left; color: #1c171d; padding-top:20px; line-height:40px; } .div-fondo-rojo{ width:100%; background-color:#b22725; color:#FFF; font-family: "Roboto";font-size: 1.5em;text-align: center;top: -6px;position: relative;} .align-post-title{margin-left: 0; font-family: Roboto Slab; font-size: 20px; font-weight: normal;color:#c83331; margin-top:-5px;line-height: 23px;margin-right: 10px;} .p-fondos{margin-right:8%; margin-bottom:5%;font_family:Roboto Light;font-size: 15px;color:#000;} .post-title{font-family: Roboto Slab;font-size: 20px; font-weight: normal; color:#c83331; text-align:left;margin-top: 5px;} .titulo-fondos{margin-right:8%; margin-top: -6px; font-family: Roboto Slab; font-size: 20px; color:#c83331; font-style:normal;font-weight: normal;} .imagen-fondos{margin-top: 8px;} .volver-post{ color:#797979; font-family: "Roboto";font-size: 14px;top:100px; vertical-align:baseline; float:right;padding-right: 5px; } /*fin estilos texto*/ /*Estilos metaslider*/ .metaslider .caption-wrap { position: absolute; bottom: 5% !important; left: 3% !important; background: black; color: white; opacity: 1.0 !important; margin: 0; display: block; max-width: 30%; height: 90%; line-height: 1.4em; } .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption { font-size: 0.9em; /* adjust as necessary */ } .p-metaslider{font-size: 1em;} /*Fin estilos metaslider*/ /*Estilos formulario*/ #box-formu{max-width: 49%;padding-right:42px;vertical-align:top;} #box-formu-inferior{max-width: 33%;vertical-align:top;margin-right:3%; margin-bottom:0;} #box-formu-inferior-3{min-width: 33%;vertical-align:top;margin-right:3%; margin-bottom:0;} #division-contacto{width:100%; height: 6px; background-color: #eeeeee;} .campo-texto-peq{ background-color: #eeeeee; width:330px; color: #000; font-family: Roboto Regular; font-size:12px; } .campo-texto-peque{ background-color: #eeeeee; width:260px; color: #000; font-family: Roboto Regular; font-size:12px; } .acertijo{background-color: #eeeeee;} textarea{ background-color: #eeeeee !important; width:340px; height: 130px; color: #000; font-family: Roboto Regular; font-size:12px; } checkbox{width:60px;} .area-texto2{ width:350px; height: 160px; color: #000; font-family: Roboto Regular; font-size:12px; } .entrada-captcha{background-color: #eeeeee;} .texto-formu{ font-style: Roboto Regular; font-size:12px; color: #000; text-align:left; } .enviar{ background-color:#848484; color:#FFF; font-family: Roboto Medium; font-size:14px; border-bottom: 2px solid #6b6b6b; padding: 4px 20px 4px 20px; font-style: normal; } /*Fin estilos formulario*/ /*-----------------------------------------------------------------------------------*/ /*13.- Media Queries /*-----------------------------------------------------------------------------------*/ /* 1280 */ @media screen and (max-width:1280px){ #searchform2 .btn{left:-300px;top:68px;} #searchform2 input{left:-310px; top:63px;} #logo{padding:0px;margin-top:-20px;} #cerodoce{margin-left:77%;top:30px;} #featured-home{min-height:350px;} .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption { font-size: 0.8em; /* adjust as necessary */ } #mapa-como-llegar{width: 67%;} h1.header-title-category{margin-left:-307px;} h1.header-title-category-red{margin-left:-337px;} #box-publicaciones{margin: 0 18px 18px 0px;} #descargar-publicacion{width: 188px; right:-210px;} .descargar-publicacion {margin-left:14px;padding: 9px 13px 12px 10px;} @supports (-webkit-appearance:none) { #descargar-publicacion{position:relative;width: 170px; height: 40px; top:-18px; right:-222px; color:#f0f0f0;padding: 0px 30px 12px 10px;} } #autores-titulos{ left: 68%;} } /* 1200 */ @media screen and (max-width:1200px){ .entry-meta, .entry-title, .entry-content, .layout-2c-r-fixed #blog-posts .post-thumb, .layout-2c-l-fixed #blog-posts .post-thumb{margin-left:2.8%; margin-right:2.8%} .post-video{ padding-left:2.8%; padding-right:2.8% } .recent_posts .post-thumb, .recent_posts .entry-title, .recent_posts .entry-content{ margin-left: 0px; } .filter-posts .post-thumb, .filter-posts .entry-title{ margin-left: 0; margin-right: 0; } #searchform2 .btn{left:50px;top:88px;} #searchform2 input{left:40px;top:83px;} #cerodoce{margin-left:75%;top:50px;} #comunidadlogo{margin-top:-40px;} #primary-nav ul a{border:none; float:left; font-family:"Droid Sans",sans-serif; font-size:12px !important; font-weight:bold; text-shadow:1px 1px 2px #111} .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption { font-size: 0.75em; /* adjust as necessary */ } h1.header-title-category{margin-left:-280px;} h1.header-title-category-red{margin-left:-295px;} #box-publicaciones{margin: 0 13px 13px 0px;} #descargar-publicacion{;width: 188px; right:-165px;} .descargar-publicacion {font-size:1em;margin-left:14px;padding: 12px 13px 13px 10px;} @supports (-webkit-appearance:none) { #descargar-publicacion{width: 170px; top:-18px; right:-190px;} } } /* 1024 */ @media screen and (max-width:1024px){ #container{margin:0px auto;width: 100%; min-width: 0px;} #content, #tagline, #portfolio-tagline{border-left:none; border-right:none;} .entry-content-page{margin-top:30px; } .custom-divider{margin-left:-2.8%; margin-right:-2.8%} #credits-wrap{ padding-bottom: 5px; } #searchform2 .btn{left:20px;} #searchform2 input{left:10px;} #cerodoce{margin-left:74%;} #featured-home{min-height:330px;} .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption {font-size: 0.7em; /* adjust as necessary */} h1.header-title-category{margin-left:-220px;} h1.header-title-category-red{margin-left:-270px;} h4.post-title{margin-left:3%;} #autores-titulos{ left: 60%;} #box-publicaciones{margin: 0 9px 9px 0px;} #descargar-publicacion{width: 188px; right:-116px;line-height:25px;} .slogan{font-size: 2.3em;} #box-post{max-width: 32%;vertical-align:top; margin-left:0; margin-bottom:0;text-align:left;padding-right:1%} #box60{margin-top:0px;} .area-texto2{width:280px;} #mapa{margin-top:0px;} #visita-virtual{margin-top:-170px;} @supports (-webkit-appearance:none) { #descargar-publicacion{width: 170px; top:-18px; right:-140px;} } } /* <1024 */ @media screen and (max-width:1023px){ .layout-2c-r-fixed #blog-posts, .layout-2c-l-fixed #blog-posts{border-bottom: 1px solid #f0f0f0; padding-right: 0; padding-left: 0;} .layout-2c-r-fixed #sidebar, .layout-2c-l-fixed #sidebar{position: relative; float: left; width: 100%; border-left: 0; border-right: 0;} .layout-2c-l-fixed #blog-posts{margin-left: 0;} .entry-meta, .entry-title, .entry-content, .layout-1col-fixed #blog-posts .post-thumb, .layout-2c-r-fixed #blog-posts .post-thumb, .layout-2c-l-fixed #blog-posts .post-thumb{margin-left:10.15625%; margin-right:10.15625%} .custom-divider{margin-left:-12.5%; margin-right:-12.5%} .post-video, .author-bio, #respond, #comments-wrap, #portfolio-content-single, #tagline h1, #tagline h2{ padding-left:10.15625%; padding-right:10.15625% } #header {padding: 1% 3% 0 3%;} #sidebar .widget{padding:20px 10.15625%;} .pi-video-widget, .pi-screencast-widget, .pi-screenshot-widget{ width: 300px; } #sidebar .tabs, #sidebar .tab_content, #sidebar .widget_nav_menu li, #sidebar .widget_nav_menu .widget-title{ padding-left: 10.15625%; } .page-template-template-contact-php .one_half{padding-left: 10.15625%; padding-right: 10.15625%; width: 79.5%;} .page-template-template-contact-php .last{ border-left: none; padding-top: 0; padding-bottom: 40px; } #contact-form textarea{ width: 95%; } #contact-form input{width: 60%;min-width:0px;} .layout-1col-fixed .filter-posts, .layout-2c-r-fixed .filter-posts, .layout-2c-l-fixed .filter-posts{margin: 0 8.93125% 0 8.93125%; padding-right: 0; padding-left: 0;} .layout-1col-fixed .filter-posts li, .layout-2c-r-fixed .filter-posts li, .layout-2c-l-fixed .filter-posts li{margin-left: 1.8382%; margin-right: 1.8382%;} .layout-1col-fixed .three-columns li, .layout-1col-fixed .two-columns li, .layout-2c-r-fixed .two-columns li, .layout-2c-l-fixed .two-columns li{width:46.3236%} .layout-2c-l-fixed #portfolio-content .filter-posts, .layout-2c-r-fixed #portfolio-content .filter-posts{ border: none; } .filter-posts .post-thumb, .filter-posts .entry-title{ margin-left: 0; margin-right: 0} .layout-1col-fixed .four-columns li{width:21.3%;} #footer .widget-wrap.margin-left-none{ margin-left: 0px; } #footer .widget-wrap{ clear: both; padding-left: 10.15625%; } #footer .layout-2col-fixed .widget-wrap{width:46.15%; min-width: 560px;} #footer .layout-3col-fixed .widget-wrap{width:37.1%; min-width: 380px;} #footer .layout-4col-fixed .widget-wrap{width:26.96%; min-width: 276px;} #footer .layout-2c-r-fixed .column-1, #footer .layout-2c-l-fixed .column-2{ width: 79.6875%; } #footer .layout-2c-l-fixed .column-1, #footer .layout-2c-r-fixed .column-2{ width:38.875% ; min-width: 398px; } #footer .layout-3c-r-fixed .column-2, #footer .layout-3c-r-fixed .column-3, #footer .layout-3c-l-fixed .column-1, #footer .layout-3c-l-fixed .column-2, #footer .layout-3cm-fixed .column-1, #footer .layout-3cm-fixed .column-3{min-width: 281px;} #footer .layout-3c-r-fixed .column-1, #footer .layout-3c-l-fixed .column-3, #footer .layout-3cm-fixed .column-2{min-width: 580px;} #footer .layout-1col-fixed .widget-wrap{width:79.6875%} h3.social-foo-call{display: none;} #footer-social-profiles, #footer-social-profiles-mini{ float: left; padding-left:10.15625%; } /* menu */ #primary-menu-toggle{ position:absolute; top: 150px; display: block; width: 85px; cursor: pointer;} #secondary-menu-toggle{ display: block; cursor: pointer;} #primary-nav{ float: left; width: 100%; margin: 30px 0; padding: 25px 0; display:none; border:none !important; } #primary-nav ul li{text-align: left; text-transform: uppercase; padding: 15px 0 0 0 ; } #primary-nav ul ul {position:relative !important; margin-left:0; } #primary-nav ul ul li { margin-left:0; padding-left: 0px;padding-top:10px;border:none !important;} #primary-nav ul a {font-size: 16px;color:#c83331 !important;padding-top:15px;} ul#menu-primary{ margin-top: 0;} #primary-nav ul{float:left;text-align: left;padding:0; margin:0;} #primary-nav ul li a{display:block !important; min-width:320px;padding-right:100px;} #primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul{top: 0; left:0px; padding-top: 15px; border-top:none;color:#fff;} #primary-nav ul ul li a{display:block; width:220px; padding: 6px 15px !important; } #primary-nav ul ul li a:hover{background-color:#fff;color:#c83331 !important;} .separador{ color:#fff; } #secondary-nav{position:relative; z-index: 20; } .menu-secondary{ margin-top: 0; display:none; } ul.menu-secondary li, #portfolio-nav li{ text-align: center; text-transform: uppercase; padding: 5px 0;} #portfolio-tagline{ padding: 8px 0; } h1.portfolio-title{ float: right; display: block; cursor: pointer; padding: 0 35px 0 0; margin-right: 3%; background: url('resources/img/display-menu.png') no-repeat right -18px; line-height: 1em;} #portfolio-nav{ width: 100%; display: none; } .menu-toggle-wrap{ display: block; } .pi_posts_slider_widget.widget{ width: 300px; } #portfolio-meta-slider{ padding: 0;} .parcial-content, #related-portfolio{ width: auto; } .related-portfolio-title{ margin: 0; } #related-portfolio{ margin-left:10.15625% } #related-portfolio .portfolio-item{ width: 27%; } .error404 .post{ width: 100%; } .call-to-action{border-left:none; border-right:none;} #copy{white-space: normal;} #credits{float:right; display:inline; white-space: normal;} #searchform2 .btn{left:20px;} #searchform2 input{left:10px;} /* menu iphone */ /* webkit en iPhone y su ajuste de texto */ html { -webkit-text-size-adjust: none; } /* fin menu iphone */ #sube-pagina,#sube-pagina-35,#sube-pagina-20,#sube-pagina-10, #sube-pagina-5{margin-top:20%;} #content-page{ top:0; width:100%;margin-left:0;} .language-index{display:none;} #related-portfolio{background:red;} } @media screen and (min-width:1024px){ /* primary nav */ #primary-nav{position:relative; float:left; display: block; width: 98%; padding-left: 20px; margin-top: 20px; background-color:#c83331; height: 32px; } #primary-nav ul{float:left;} #primary-nav ul li{position:relative; float:left; margin: 0 20px 0 0; z-index:99; white-space: nowrap;} #primary-nav ul li a{padding-bottom:7px; color:#FFF;line-height:14px;} #primary-nav ul a{border:none; float:left; font-family:"Droid Sans",sans-serif; font-size:0.75em; font-weight:bold; text-shadow:1px 1px 2px #111} #primary-nav ul li:hover{color:#FFFFFF;visibility:inherit; text-decoration:none;} #primary-nav ul ul{position:absolute; top:-9999em; padding:0; width:260px; z-index:89; border-bottom-right-radius:3px; border-bottom-left-radius:3px;} #primary-nav ul ul ul{border:none;} #primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul{top: 20px; left:-20px; padding-top: 0px; width:100%;border:none; } #primary-nav ul ul li{position:relative; top: -8px;} #primary-nav ul ul li a{background-color:#c83331;display:block; width:260px; padding:6px 15px;color:#FFF !important;} #primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul{left:150px; top:-28px; padding-top: 0;} #primary-nav ul a:hover, #primary-nav li.sfHover a{color:#fff} #primary-nav ul li.sfHover li a, #primary-nav ul li.sfHover li.sfHover li a, #primary-nav ul li.sfHover li.sfHover li.sfHover li a{color:#757575} #primary-nav li.sfHover a:hover, #primary-nav li.sfHover li.sfHover a, #primary-nav li.sfHover li.sfHover a:hover, #primary-nav li.sfHover li.sfHover li.sfHover a, #primary-nav li.sfHover li.sfHover li.sfHover a:hover{color:#fff} #primary-nav ul ul li:last-child{border-bottom:none} #primary-nav ul ul li a:hover{background-color:#fff;color:#c83331 !important;} #primary-nav ul ul li a:visited{color:#c83331;} #primary-nav ul ul li span.sf-sub-indicator{position:absolute; right:15px} #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a{color:#fff} #primary-nav ul li.current-cat li a #primary-nav ul li.current_page_item li a, #primary-nav ul li.current-menu-item li a, #primary-nav ul li ul li.current-cat a, #primary-nav ul li ul li.current_page_item a, #primary-nav ul li ul li.current-menu-item a{color:#b80707} /* primarysocial nav */ #primarys-nav{position:relative; left:105px; float:right;display:block;} #primarys-nav ul{float:left; margin: 40px 0 5px 0;} #primarys-nav ul li{position:relative; float:left; margin:0 5px 0 0; z-index:99; white-space: nowrap;} #primarys-nav ul li a{padding-bottom:7px} #primarys-nav ul a{border:none; color:#000000; float:left; font-family:"Arial",sans-serif; font-size:0.30em; font-weight:bold; } #primarys-nav ul li:hover{visibility:inherit} #primarys-nav ul ul{position:absolute; top:-9999em; background-color:#121314; padding:0; width:250px; z-index:89; -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;} #primarys-nav ul ul ul{border-top:1px solid #121314; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px} #primarys-nav ul li:hover ul, #primarys-nav ul li.sfHover ul{top: 0px; left:-15px; padding-top: 15px; border-top:1px solid #121314;} #primarys-nav ul ul li{position:relative; border-bottom:1px solid #1a1a1a} #primarys-nav ul ul li a{display:block; width:220px; padding:6px 15px} #primarys-nav ul li li:hover ul, #primarys-nav ul li li.sfHover ul, #primarys-nav ul li li li:hover ul, #primarys-nav ul li li li.sfHover ul, #primarys-nav ul li li li li:hover ul, #primarys-nav ul li li li li.sfHover ul{left:150px; top:-28px; padding-top: 0;} #primarys-nav ul a:hover, #primarys-nav li.sfHover a{color:#bo0707} #primarys-nav ul li.sfHover li a, #primarys-nav ul li.sfHover li.sfHover li a, #primarys-nav ul li.sfHover li.sfHover li.sfHover li a{color:#757575} #primarys-nav li.sfHover a:hover, #primarys-nav li.sfHover li.sfHover a, #primarys-nav li.sfHover li.sfHover a:hover, #primarys-nav li.sfHover li.sfHover li.sfHover a, #primarys-nav li.sfHover li.sfHover li.sfHover a:hover{color:#fff} #primarys-nav ul ul li:last-child{border-bottom:none} #primarys-nav ul ul li span.sf-sub-indicator{position:absolute; right:15px} #primarys-nav ul li.current-cat a, #primarys-nav ul li.current_page_item a, #primarys-nav ul li.current-menu-item a{color:#fff} #primarys-nav ul li.current-cat li a #primarys-nav ul li.current_page_item li a, #primarys-nav ul li.current-menu-item li a, #primarys-nav ul li ul li.current-cat a, #primarys-nav ul li ul li.current_page_item a, #primarys-nav ul li ul li.current-menu-item a{color:#757575} /* secondary nav */ #secondary-nav{position:relative; z-index: 10;} .menu-secondary-container{ display: table; width: 100%; } ul.menu-secondary{ margin:0; display: table-row; } ul.menu-secondary li{border-right:1px solid #f0f0f0; display: table-cell; text-align: center; position: relative;} #secondary-nav ul li:last-child{border-right:0} #secondary-nav ul li a{display:block; padding:10px 0 8px 0} #secondary-nav ul a{border:none; color:#333; font-family:Oswald; font-size:0.875em; text-transform:uppercase} #secondary-nav ul a:hover{color:#6e99b9} #secondary-nav ul li:hover{visibility:inherit} #secondary-nav ul ul{position:absolute; top:-9999em; background-color:#fff; border:1px solid #f0f0f0; width:150px; padding:0; z-index:89; -webkit-box-shadow:0px 1px 2px #f7f7f7; -moz-box-shadow:0px 1px 2px #f7f7f7; box-shadow:0px 1px 2px #f7f7f7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} #secondary-nav ul li:hover ul, #secondary-nav ul li.sfHover ul{top:auto; left:auto; margin-top: 0px;} #secondary-nav ul ul li{position:relative; border-right:0; border-bottom:1px solid #f0f0f0; padding:7px 0; display: block; text-align: left;} #secondary-nav ul ul li a{display:block; padding:0 15px; width:120px; font-size:0.8125em} #secondary-nav ul li li:hover ul, #secondary-nav ul li li.sfHover ul, #secondary-nav ul li li li:hover ul, #secondary-nav ul li li li.sfHover ul, #secondary-nav ul li li li li:hover ul, #secondary-nav ul li li li li.sfHover ul{left:150px; top:-1px} #secondary-nav li.sfHover a{color:#6e99b9} #secondary-nav ul li.sfHover li a, #secondary-nav ul li.sfHover li.sfHover li a, #secondary-nav ul li.sfHover li.sfHover li.sfHover li a{color:#333} #secondary-nav li.sfHover a:hover, #secondary-nav li.sfHover li.sfHover a, #secondary-nav li.sfHover li.sfHover a:hover, #secondary-nav li.sfHover li.sfHover li.sfHover a, #secondary-nav li.sfHover li.sfHover li.sfHover a:hover{color:#6e99b9} #secondary-nav ul li.current-cat a, #secondary-nav ul li.current_page_item a, #secondary-nav ul li.current-menu-item a{color:#6e99b9} #secondary-nav ul li.current-cat li a #secondary-nav ul li.current_page_item li a, #secondary-nav ul li.current-menu-item li a, #secondary-nav ul li ul li.current-cat a, #secondary-nav ul li ul li.current_page_item a, #secondary-nav ul li ul li.current-menu-item a{color:#333} #secondary-nav ul ul li span.sf-sub-indicator{position:absolute; right:15px} #portfolio-nav ul{margin:0} #portfolio-nav li{float:left; border-left:1px solid #f0f0f0} #portfolio-nav li a{display:block; color:#333; padding:10px 15px 10px 15px} #portfolio-nav li.active a{border:none; color:#6e99b9} } /*900*/ @media screen and (max-width:900px){ #primary-menu-toggle {top:250px;} #primary-nav{margin-top: 130px;} #primary-nav ul li img {width: auto;} #searchform2 .btn{left:-370px; top:180px !important;} #searchform2 input{left:-400px; top:160px !important; width:700px !important;} #cerodoce{top:95px; margin-left:76.5%; position:relative;width:25%;} #header{ min-height: 290px; } #comunidadlogo {width:25%;top:-40px;} #logo {width: 65%;} #logoac {width: 20%;} #mapa{width:90%;float:left;} #featured-home{min-height:1200px;} .language{display:none;} .language-movil{top:130px;left:15%;position: relative; width:400px; display:inline !important;} .lang-item {display: inline;} .lang-item a{color:#b22725;font-size:0.9em;} .lang-item a:link{text-decoration: underline;} .current-lang a{color:#000 !important;text-decoration:none !important;} .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption {font-size: 0.7em; /* adjust as necessary */} .visita-virtual-img-resp{width:75px!important;} #autores-titulos{ top:10px; left: 46%;} #descargar-publicacion{;width: 178px; right:-132px;} .descargar-publicacion {font-size:1em;margin-left:14px;padding: 12px 13px 13px 10px;} #box-publicaciones{min-width: 43%;} } /* 800 */ @media screen and (max-width:800px){ .entry-meta, .entry-title, .entry-content, .layout-1col-fixed #blog-posts .post-thumb, .layout-2c-r-fixed #blog-posts .post-thumb, .layout-2c-l-fixed #blog-posts .post-thumb{margin-left:5%; margin-right:5%} .entry-content-page{margin-top:0px; } h1.header-title-category{margin-left:0px;} h1.header-title-category-red{margin-left:25px;} .flex-caption, .nivo-caption, .post .entry-title{ font-size: 1.5em;} .flex-caption{ left: 5%; } .nivo-caption{ bottom: 20px; } .flex-caption a{ line-height: 38px; } .entry-meta{ margin-top:5px; padding-bottom: 5px; line-height: 1.5;} .entry-meta span{ background: none; padding-left: 0px; margin:0} .entry-meta span:after{content:" /"} .custom-divider{margin-left:-5.3%; margin-right:-5.3%} .layout-2c-r-fixed .recent_posts .post-thumb, .layout-2c-l-fixed #blog-posts .recent_posts .post-thumb{ margin-left: 0px;} .post-video, .author-bio, #respond, #comments-wrap, #portfolio-content-single, #tagline h1, #tagline h2{padding-left:5%; padding-right:5%} #header img {width: 100%;} #sidebar > .widget{padding:20px 5%;} #sidebar .widget_nav_menu li, #sideabr .widget_nav_menu .widget-title, #sidebar .tabs, #sidebar .tab_content{ padding-left: 4%; } .alignright, .alignleft{ float: none; margin:20px 0; text-align: center;} .alignright .wp-caption, .alignleft .wp-caption{ margin-left: auto; margin-right: auto;} .wp-caption, .gallery-caption{padding:0; border:0 !important} .page-template-template-contact-php .one_half{padding-left: 5%; padding-right: 5%; width: 90%;} .layout-1col-fixed .filter-posts, .layout-2c-r-fixed .filter-posts, .layout-2c-l-fixed .filter-posts{margin: 0 4% 0 4%;} .layout-1col-fixed .filter-posts li, .layout-2c-r-fixed .filter-posts li, .layout-2c-l-fixed .filter-posts li{margin-left: 1.8382%; margin-right: 1.8382%;} .layout-1col-fixed .filter-posts.three-columns .post-thumb{margin: 0;} .layout-2c-r-fixed .filter-posts.four-columns li, .layout-2c-l-fixed .filter-posts.four-columns li{width:29.65%;} #footer .widget-wrap{ padding-left: 5%;} #footer .layout-4col-fixed .widget-wrap{width:34.52%; min-width: 276px;} #footer .layout-2c-r-fixed .column-1, #footer .layout-2c-l-fixed .column-2{width: 90%; } #footer .layout-3c-r-fixed .column-1, #footer .layout-3c-l-fixed .column-3, #footer .layout-3cm-fixed .column-2{width:72.5%; min-width: 555px;} #footer .layout-1col-fixed .widget-wrap{width:90%} #footer-social-profiles, #footer-social-profiles-mini{ float: left; padding-left:4%; } #related-portfolio{ margin-left:5% } #related-portfolio .portfolio-item{ width: 45%; } #primary-menu-toggle {top:280px;} #primary-nav{margin-top: 110px;} #primary-nav ul li img {width: auto;} #searchform2 .btn{left:-350px; top:240px !important;} #searchform2 input{left:-370px; top:220px !important; width:690px !important;} #cerodoce{top:90px; margin-left:82.5%; position:relative;width:15% !important;} #header{ min-height: 290px; } #comunidadlogo {width:20% !important;margin-top:-100px;} #logo {width: 65%;} #logoac {width: 20%;} #box60{min-width: 96%;padding:0 0 2% 0;} #mapa{width:96%;margin-bottom:2%;} #featured-home{min-height:1100px;} #mapa-como-llegar{min-width: 96%;} #box30-como-llegar{min-width: 96% !important;} .language-movil{top:270px;left:520px;position:absolute;display:inline !important;} #box-publicaciones{margin: 0 25px 25px 0px;} #descargar-publicacion{width: 188px; right:-134px;} .slogan{font-size: 1.5em;} .slogan2{font-size: 1em;text-align:left; margin-left:55%;margin-top:-10px;padding-bottom:5px;} #sube-pagina-55{margin-top:0px;} h4.post-title{margin-left:4.5%;} h4.align-post-title{margin-left:4.5%;font-size: 1.2em;} .entry-content-resumen{margin-left:4.5%;} #galeria-visita-virtual{margin-top:1000px;} #visita-virtual{margin-top:-50px;} .area-texto2{width:170px;} @supports (-webkit-appearance:none) { #descargar-publicacion{width: 170px; top:-18px; right:-160px;} } } /* 768 */ @media screen and (max-width:768px){ #primary-nav{margin-top: 125px;} .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption {font-size: 0.65em; /* adjust as necessary */} #searchform2 .btn{left:-340px; top:240px !important;} #searchform2 input{left:-370px; top:220px !important; width:670px !important;} .language-movil{top:270px;left:520px;} #autores-titulos{ top:10px; left: 40%;} #descargar-publicacion{width: 200px; right:-110px;} .descargar-publicacion {padding: 9px 25px 12px 9px;} #box-publicaciones{margin: 0 22px 22px 0px;} #galeria-visita-virtual{margin-top:1025px;} #box-formu-inferior{min-width: 95%;margin-right:30%;} .campo-texto-peque,.area-texto2{width:600px;} @supports (-webkit-appearance:none) { #descargar-publicacion{width: 170px; top:-18px; right:-145px;} } } /* 600 */ @media screen and (max-width:600px){ .entry-meta, .entry-title, .entry-content, .layout-1col-fixed #blog-posts .post-thumb, .layout-2c-r-fixed #blog-posts .post-thumb, .layout-2c-l-fixed #blog-posts .post-thumb{margin-left:4%; margin-right:4%} .custom-divider{margin-left:-4.3%; margin-right:-4.3%} .recent_posts .post-thumb{ margin-left: 0px; margin-right: 20px; } .post-video, .author-bio, #respond, #comments-wrap, #portfolio-content-single, #tagline h1, #tagline h2{padding-left:4%; padding-right:4%} #sidebar > .widget{padding:20px 4%;} #sidebar .widget_nav_menu li, #sideabr .widget_nav_menu .widget-title, #sidebar .tabs, #sidebar .tab_content{ padding-left: 2%; } ul.tabnav{ padding-left: 0; } .tabnav li{display:block; padding:8px 14px; padding-right:0px; background-color: #f0f0f0; text-align: center;} .tabnav li a{font-weight:bold; padding:0; outline:none; border:0 !important} .tabnav li.selected, .tabnav li.ui-tabs-selected a{color:#6e99b9; text-decoration:none; background-color: inherit;} .tabnav li.ui-tabs-selected{ background-color: #e9e9e9; } .page-template-template-contact-php .one_half{padding-left: 4%; padding-right: 4%; width: 91%;} .layout-1col-fixed .filter-posts, .layout-2c-r-fixed .filter-posts, .layout-2c-l-fixed .filter-posts{margin: 0; padding-right: 0; padding-left: 0;} .layout-1col-fixed .filter-posts.three-columns, .layout-2c-r-fixed .filter-posts.three-columns, .layout-2c-l-fixed .filter-posts.three-columns{ padding-left: 2%; padding-right: 2%;} .layout-1col-fixed .filter-posts.four-columns, .layout-2c-r-fixed .filter-posts.four-columns, .layout-2c-l-fixed .filter-posts.four-columns{ padding-left: 13.666%; } .layout-1col-fixed .filter-posts li, .layout-2c-r-fixed .filter-posts li, .layout-2c-l-fixed .filter-posts li{margin-left: 12.5%; margin-right: 12.5%; width: 75%;} .layout-1col-fixed .filter-posts.three-columns li, .layout-2c-r-fixed .filter-posts.three-columns li, .layout-2c-l-fixed .filter-posts.three-columns li{ margin-left: 2%; margin-right: 2%; width: 46%;} .layout-1col-fixed .filter-posts.four-columns li, .layout-2c-r-fixed .filter-posts.four-columns li, .layout-2c-l-fixed .filter-posts.four-columns li{ margin-left: 2%; margin-right: 2%; width: 34.5%;} #footer .widget-wrap{ padding-left: 3%; } #footer .layout-3col-fixed .widget-wrap{width:63.33%;} #footer .layout-2col-fixed .widget-wrap{width:94%; min-width: 0;} #footer .layout-4col-fixed .widget-wrap{width:46%; min-width: 276px;} #footer .layout-3c-r-fixed .column-2, #footer .layout-3c-r-fixed .column-1, #footer .layout-3c-l-fixed .column-3, #footer .layout-3cm-fixed .column-2{width:94%; min-width: 0px;} #footer .layout-1col-fixed .widget-wrap{width:94%} #footer-social-profiles, #footer-social-profiles-mini{ padding-left:2%; } #related-portfolio{ margin-left:4% } #related-portfolio .portfolio-item{ width: 40%; } #header{ min-height: 250px;} #primary-menu-toggle {top:220px;} #primary-nav{margin-top: 100px;} #comunidadlogo {width:25%;margin-top:-80px;} #cerodoce{top:90px;} #searchform2 input {width: 490px !important;left:-270px !important; top:160px !important;} #searchform2 .btn{left:-245px; top:180px !important;} #featured-home{min-height:850px;} .language-movil{top:125px;right:0px;} #autores-titulos{ top:10px; left: 30%;} #descargar-publicacion{;width: 178px; right:-315px;} #box-publicaciones{min-width:95%; } } /* 568*/ @media screen and (max-width:568px){ .language-movil{top:115px;right:10px;} #descargar-publicacion{width: 178px; right:-287px;} #autores-titulos{ top:10px; left: 10%;} .slogan{font-size: 1.8em;} } /* 480 */ @media screen and (max-width:480px){ #sidebar .widget.pi_tabs_widget{ padding: 0; } .one_half, .one_third, .one_fourth, .one_fifth, .two_third, .three_fourth, .two_fifth, .three_fifth, .four_fifth{margin-right:0%; width: 100%;} .column{ clear: both; } .table_column{float:left; margin-left:-1px; padding-bottom:20px} .columns_2 .table_column, .columns_3 .table_column, .columns_4 .table_column{width:100%} .layout-1col-fixed .filter-posts li, .layout-2c-r-fixed .filter-posts li, .layout-2c-l-fixed .filter-posts li{margin-left: 3.5%; margin-right: 3.5%; width: 93%;} .layout-1col-fixed .filter-posts.three-columns li{ margin-left: 9.375%; width: 81.25%; } .layout-2c-r-fixed .filter-posts.three-columns li, .layout-2c-l-fixed .filter-posts.three-columns li{ margin-left: 20.625%; width: 58.75%;} .layout-1col-fixed .filter-posts.four-columns, .layout-2c-r-fixed .filter-posts.four-columns, .layout-2c-l-fixed .filter-posts.four-columns{ padding-left: 3.5%; } .layout-1col-fixed .filter-posts.four-columns li, .layout-2c-r-fixed .filter-posts.four-columns li, .layout-2c-l-fixed .filter-posts.four-columns li{ width: 45%;} #footer .layout-3col-fixed .widget-wrap{width:79.16%; padding-left: 3%;} #footer .layout-4col-fixed .widget-wrap{width:57.5%; padding-left: 3%; min-width: 276px;} #footer-social-profiles, #footer-social-profiles-mini, #footer .widget-wrap{ padding-left:3%; } #footer .layout-2c-r-fixed .column-1, #footer .layout-2c-l-fixed .column-2{ width: 94%;} #footer .layout-2c-l-fixed .column-1, #footer .layout-2c-r-fixed .column-2, #footer .layout-3col-fixed .widget-wrap{ width: 94%; min-width: 0;} .flex-caption, .nivo-caption{ display: none !important;} #related-portfolio{ width: 80%;} #related-portfolio .portfolio-item{ width: 100%;} #header{ min-height: 230px;} .entry-content-page{margin-top:-10px; } #primary-menu-toggle {top:200px;} #primary-nav{margin-top: 115px;} #comunidadlogo {width:25%;margin-top:-60px;} #cerodoce{top:50px;} #searchform2 input {width: 380px !important;left:-210px !important; top:140px !important;} #searchform2 .btn{left:-180px; top:160px !important;} h1.header-title-category{margin-left:0px;font-size:1em !important;} h1.header-title-category-red{margin-left:35px;font-size:1em !important;} h4.post-title{margin-left:4%;} #featured-home{min-height:200px;} .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption {font-size: 0.65em; /* adjust as necessary */} #mapa-como-llegar{display:none;} #mapa-como-llegar-480{display:inline;text-align:center;} #box-post{max-width:100%;} .language-movil{top:190px;left:285px;} .lang-item{margin:5px;} #autores-titulos{ top:10px; left: 5%;} #descargar-publicacion{width: 190px; right:-233px;} .descargar-publicacion {padding: 10px 15px 12px 9px;} .slogan{font-size: 1.5em;} .slogan2{font-size: 1em;text-align:left; margin-left:25%;} #galeria-visita-virtual{margin-top:1225px;} #visita-virtual{margin-top:-100px;} #box-formu{min-width:95%;} .campo-texto-peque,.area-texto2,.campo-texto-peq, textarea {width:100%;} @supports (-webkit-appearance:none) { #descargar-publicacion{width: 170px; top:-18px; right:-265px;} } } /* 384 */ @media screen and (max-width:384px){ #cerodoce{top:30px;} #searchform2 input {width: 280px !important;left:-160px !important; top:120px !important;} #searchform2 .btn{left:-130px; top:140px !important;} .lang-item a{color:#b22725;font-size:0.7em;} .slogan2{font-size: 1em; margin-right:30px;margin-top: 5px;} #descargar-publicacion{width: 170px; right:-140px;} #autores-titulos{width:245px; top:15px;left: 0; height:32px;font-size:0.8em;line-height:35px; } } /* 320 */ @media screen and (max-width:320px){ body, input, textarea{ font-size: 95%;} #footer{max-width:320px;min-width: 319px;} .post .entry-title{ font-size: 1.375em;} .pi-video-widget, .pi-screencast-widget, .pi-screenshot-widget, .pi_posts_slider_widget.widget{ width: 280px } .pi_login_form_widget input.input-text{ width: 180px; } #featured-blog-posts{ display: none; } #primary-nav ul li a{max-width:320px;padding-right:0px;} #header{ min-height: 160px;} #primary-menu-toggle {top:130px;} #primary-nav{margin-top: 75px;} #searchform input{ width: 240px !important; left:-140px !important; top:80px !important; } #searchform2 .btn{left:-110px; top:100px !important;} #comunidadlogo {margin-top:-70px;} #cerodoce{top:10px;} #logo{margin-top:-35px;} #featured-home{min-height:440px;} h1.header-title-category{margin-left:0px;} h1.header-title-category-red{margin-left:25px;;} .metaslider .caption, .metaslider .cs-title, .metaslider .nivo-caption { font-size: 0.45em; /* adjust as necessary */ line-height: 5px; /* adjust as necessary */ } .visita-virtual-img-resp{width:50px!important;} #visita-virtual{margin-top:-120px;} #galeria-visita-virtual{margin-top:1500px;} .language-movil{top:125px;left:190px;} .lang-item{margin:5px;} #box-publicaciones{max-width: 70%;margin-left:0px;min-height:171px !important; } #descargar-publicacion{width: 189px; right:-90px; height: 60px;top:0px;} .slogan{font-size:1.2em;} .slogan2{font-size: 1em;text-align:left; margin-left:5%;} #box-publicaciones{min-width:93%; } #mapa{margin-bottom:5%;} #comunidadlogo {margin-top:-60px;} #cerodoce{top:20px;} @supports (-webkit-appearance:none) { #descargar-publicacion{width: 170px; top:0px; right:-110px;} } } /* 240 */ @media screen and (max-width:250px){ .language-movil{top:60px;right:-100px;} #searchform input{ width: 160px !important; left:-100px !important; top:70px !important; } #searchform2 .btn{left:-70px; top:90px !important;} #cerodoce{top:10px;} #box-publicaciones{margin-left:0px;min-height:250px !important; } #autores-titulos{width:200px; top:15px;left: 0; height:32px;font-size:0.5em;line-height:35px; } #descargar-publicacion{width: 170px; right:-26px; top:30%;} #visita-virtual{margin-top:300px;} } #header1 {background:#ececec} #logoac {margin:3px 0px 0px 3px !important;} .menu-idioma{color: #ffffff;} span.idioma {font-size: 10px;} /* 2div en otras comedias */ #comedias {float:left; padding: 5px 10% 0 20% } #entremes {padding: 5px 10% 0 20%} /* cabecera */ #comunidadlogo{ float:right; padding-top:20px; padding-left:0px; } #mcnc{ float:left; padding-top:20px; } #contenedorlogo{ padding:0px; margin:10px 0 -22px 0; } /* entradas anteriores y posteriores he creado 2 clases nuevas que la he incluido en su sitio respectivo en la plantilla archivos*/ .leftn { color: #797979 !important; float:left; font-family: Roboto Regular !important; font-size: 90% !important; margin: 0 5px 0 0 !important; width: 200px!important; } .rightn { float:right; margin: 0 0px 0 5px !important; font-size: 90% !important; width: 140px!important; } /* Posicion de menu bandedras*/ .bandera{ padding-top:8px; } /*-----------------------------------------------------------------------------------*/ /*14.- Calendario /*-----------------------------------------------------------------------------------*/ .calendar-archives { position: relative; width: 100%; } .calendar-archives * { -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box !important; /* Firefox, other Gecko */ box-sizing: border-box !important; } .calendar-archives .archives-years { position: relative; overflow: hidden; } .calendar-archives .cal-nav { position: relative; width: 98%; height: 26px; margin-bottom: 5px; } .calendar-archives .cal-nav * { line-height: 26px; text-decoration: none!important; } .calendar-archives .cal-nav .prev-year, .calendar-archives .cal-nav .next-year { display: block; position: absolute; width: 26px; font-size: 18px; text-align: center; color: #757575; } .calendar-archives .cal-nav .prev-year:hover, .calendar-archives .cal-nav .next-year:hover { color: #b80707; } .calendar-archives .cal-nav .prev-year.disabled, .calendar-archives .cal-nav .next-year.disabled { opacity: .4; cursor: default; text-decoration: none; } .calendar-archives .cal-nav .prev-year.disabled:hover, .calendar-archives .cal-nav .next-year.disabled:hover { background: none; color: #757575; } .calendar-archives .cal-nav .prev-year { left: 0; } .calendar-archives .cal-nav .next-year { right: 0; } .calendar-archives .cal-nav .year-nav { position: absolute; width: 100px; left: 50%; margin-left: -50px; text-align: center; } .calendar-archives .cal-nav .year-nav:hover .arrow-down { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; } .calendar-archives .cal-nav .year-nav a.year-title { display: block; width: 100%; } .calendar-archives .cal-nav .year-nav a.year-title:hover { color: #b80707!important; } .calendar-archives .cal-nav .year-nav a.year-title:visited { color: #757575; } .calendar-archives .cal-nav .year-nav .arrow-down { color: #757575; position: absolute; width: 20px; right: 0; top: 0; cursor: pointer; font-size: 10px; border: 1px solid #fff; font-family: Verdana, Arial, Helvetica, sans-serif; } .calendar-archives .cal-nav .year-nav .arrow-down:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); } .calendar-archives .cal-nav .year-nav .year-select { position: absolute; z-index: 99; display: none; width: 100%; background: #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); overflow: hidden; top: 0; } .calendar-archives .cal-nav .year-nav .year-select .year { display: block; color: #757575; } .calendar-archives .cal-nav .year-nav .year-select .year:hover { background: #b80707; cursor: pointer; color: #fff; } .calendar-archives .cal-nav .year-nav .year-select .year.selected { color: #757575; background: #fff; } .calendar-archives .archives-years { overflow: hidden; } .calendar-archives .archives-years .year { position: absolute; top: 0; left: 0; margin-left: -100%; width: 100%; z-index: 0; background: #fff; padding-left: 2px; } .calendar-archives .archives-years .year.last { position: relative; } .calendar-archives .archives-years .year.current { margin-left: 0; z-index: 1; } .calendar-archives .archives-years .year .month { float: left; width: 22%; margin: 0 3% 3% 0; height: 50px; overflow: hidden; background: #757575; position: relative; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .calendar-archives .archives-years .year .month a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; color: #FFF!important; } .calendar-archives .archives-years .year .month .month-name { text-transform: capitalize; font-size: 16px; font-weight: 400; display: block; position: absolute; top: 6px; left: 8px; } .calendar-archives .archives-years .year .month .postcount { display: block; position: absolute; bottom: 6px; right: 6px; } .calendar-archives .archives-years .year .month .postcount .count-text { font-size: 9px; } .calendar-archives .archives-years .year .month:hover { background: #b80707; } .calendar-archives .archives-years .year .month.empty { color: #ccc; background: #f0f0f0; } .calendar-archives .archives-years .year .month.last { border-right: 0; } #Contenedorinicio .dosbloque { display: inline-block !important; height:300px !important; width: 300px; border:1px solid #333 !important; background: #999 !important; margin:20px !important; } #Contenedorinicio .unbloque { display: inline-block !important; height:300px !important; width: 300px !important; border:1px solid #333 !important; background: #999 !important; margin:20px !important; } /* -->> Estilos para explorer 7-8 */ @media \0screen\,screen\9}{ body { *background:#000; } #logo { float: none; float: *left; display: inline-block; display: *inherit; } #primary-nav {width: 98%; padding-left: 20px; border-style: solid; border-width: 2px; margin-top: 20px; border-color: #F0F0F0; } #primary-nav li { float: left; position: relative; padding-bottom: 100px; margin: 0 20px 0 0; } #primary-nav li a { display: inline;} #primary-nav ul ul {float: left;; position: absolute; top:40px; left: 0px; z-index: 99999; margin: 0; padding:20px 0 0 0; } #primary-nav ul ul.sub-menu {border-top: 1px solid #121314; display: none;} #primary-nav ul ul li { margin: 0; padding-bottom: 0;} #primary-nav ul ul a {width: 230px; padding:6px 15px;} #primary-nav ul ul a span {font-size: 90%;} #primary-nav ul li:hover > ul.sub-menu { display: block!important; visibility: visible !important; width: 260px; } #header {z-index: 2;} #content, #tagline, #featured-home {z-index: 1} } /* -->> subindices y superindices*/ sup { font-size:80%!important; vertical-align:super !important; } sub { font-size:80%!important; vertical-align:sub !important; } /* -->> listado de página de inico en inglés*/ #englishactivities1 li, #englishactivities2 li { padding:0 0 0 -35px !important; list-style-type: none; margin: 0 0 0 -35px !important; } /* -->> altura para los post pequeños en ingles con default sidebar, sin visita*/ #post-2110, #post-2113, #post-2079{ min-height: 593px !important; height: auto !important; height: 593px !important; } /* -->> altura para los post pequeños en español con default sidebar, sin visita el 279 es la página de inicio en inglés*/ #post-73, #post-74{ min-height: 598px !important; height: auto !important; height: 598px !important; } /* -->> altura para los post pequeños en español con sidebar visita*/ #post-67 { min-height: 892px !important; height: auto !important; height: 892px !important; } /* -->> altura para los post pequeños en ingles con sidebar visita*/ #post-2082 { min-height: 890px !important; height: auto !important; height: 890px !important; } /* -->> altura para los páginas de fondos en español con sidebar fondos*/ #post-301, #post-305, #post-308, #post-312, #post-315, #post-318, #post-321, #post-325, #post-329, #post-332, #post-349, #post-353, #post-357, #post-361, #post-366, #post-371, #post-376, #post-379, #post-386, #post-390, #post-393, #post-396, #post-399, #post-404, #post-407, #post-410 , #post-414, #post-419, #post-422, #post-426, #post-429, #post-433{ min-height: 1760px; height: auto !important; height: 1760px;} /* -->> altura para los páginas de fondos en inglés con sidebar fondos*/ #post-1976, #post-1980, #post-1983, #post-1985, #post-1989, #post-1993, #post-1997, #post-1999, #post-2001, #post-2005, #post-2008, #post-2010, #post-2013, #post-2018, #post-2020, #post-2022, #post-2024, #post-2027, #post-2031, #post-2036, #post-2039, #post-2042, #post-2046, #post-2049, #post-2051, #post-2056, #post-2058, #post-2060, #post-2062, #post-2064, #post-2068{ min-height: 1723px; height: auto !important; height: 1723px;}