.photogallery-selected { margin-bottom: 15px; } .photogallery .picture { display: inline-block; margin: 10px 4px border-radius: 50%; overflow: hidden; } .photogallery-title { margin: 0; } .photogallery-details { margin: 3px 0 7px 0; } .photogallery-rating { float: right; } .photogallery-links a { display: inline-block; text-decoration: none; padding: 5px 0px 5px 20px; background: url("https://www.saepixel.es/lib/icons/16/link.png") 0px 50% no-repeat; margin-right: 10px; } .photogallery-links .back { background-image: url("https://www.saepixel.es/lib/icons/16/doc_page_previous.png"); } .photogallery-links .pictures { background-image: url("https://www.saepixel.es/lib/icons/16/images.png"); } .photogallery-links .comments { background-image: url("https://www.saepixel.es/lib/icons/16/comment.png"); } .photogallery-folder { display: inline-block; padding: 2%; position: relative; vertical-align: top; width: 46%; } .photogallery-folder .photogallery-title, .photogallery-folder .photogallery-details, .photogallery-folder .photogallery-description, .photogallery-folder .photogallery-links { } .photogallery-folder .picture-title, .photogallery-folder .picture-details { display: none; } .photogallery-folder .picture { width: auto; height: auto; margin: 0; } .photogallery-folder .picture img { width: 48px; height: auto; } .photogallery-folder-icon { display: none; } .photogallery-folder-icon.subfolders { background-image: url("https://www.saepixel.es/lib/icons/48/folder-subfolders-photos.png"); } .photogallery-folder-icon.icon, .photogallery-folder-icon.preview { background-image: none; } .photogallery-selected .photogallery-folder-icon { width: auto; height: auto; margin-right: 15px; } .admin-section-item.as-modules-photogallery a { background-image: url("https://www.saepixel.es/lib/icons/64/photos.png"); } @font-face{ font-family: Arti-Light; src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Light.eot');   src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Light.woff') format('woff'); } @font-face{ font-family: Arti-Text; src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Text.eot');   src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Text.woff') format('woff'); } @font-face{ font-family: Arti-Medium; src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Medium.eot');   src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Medium.woff') format('woff'); } @font-face{ font-family: Arti-Bold; src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Bold.eot');   src: url('https://www.hipicaterraferma.com/template/fonts/Arti-Bold.woff') format('woff'); } @font-face { font-family: 'FABrands'; font-style: normal; font-weight: normal; src: url("https://www.hipicaterraferma.com/template/fonts/fa-brands-400.eot"); src: url("https://www.hipicaterraferma.com/template/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://www.hipicaterraferma.com/template/fonts/fa-brands-400.woff2") format("woff2"), url("https://www.hipicaterraferma.com/template/fonts/fa-brands-400.woff") format("woff"), url("https://www.hipicaterraferma.com/template/fonts/fa-brands-400.ttf") format("truetype"), url("https://www.hipicaterraferma.com/template/fonts/fa-brands-400.svg#fontawesome") format("svg"); } @font-face { font-family: 'FAwesome'; font-style: normal; font-weight: 900; src: url("https://www.hipicaterraferma.com/template/fonts/fa-solid-900.eot"); src: url("https://www.hipicaterraferma.com/template/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://www.hipicaterraferma.com/template/fonts/fa-solid-900.woff2") format("woff2"), url("https://www.hipicaterraferma.com/template/fonts/fa-solid-900.woff") format("woff"), url("https://www.hipicaterraferma.com/template/fonts/fa-solid-900.ttf") format("truetype"), url("https://www.hipicaterraferma.com/template/fonts/fa-solid-900.svg#fontawesome") format("svg"); } @font-face { font-family: 'Canoe'; font-style: normal; font-weight: normal; src: url('https://www.hipicaterraferma.com/template/fonts/Canoe-Regular.woff2') format('woff2'), url('https://www.hipicaterraferma.com/template/fonts/Canoe-Regular.woff') format('woff'), url('https://www.hipicaterraferma.com/template/fonts/Canoe-Regular.ttf') format('truetype'); } @keyframes slideInFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes slideInFromTop { 0% { transform: translateY(-150%); opacity: 0; } 100% { transform: translateY(0); } } @keyframes slideInFromBottom { 0% { transform: translateY(+150%); opacity: 0; } 100% { transform: translateY(0); } }   html { margin:0; padding:0; border:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body { height:100%; min-height:100%; position:relative; } html,body,div,span,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,code,del,dfn, em,img,q,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,article,aside,details, dialog,figcaption,figure,footer,header, hgroup,menu,nav,section,summary { margin:0; padding:0; border:0; font-size:100%; font:inherit; font-family: "Arti-Light", serif; vertical-align:baseline; } .ba { font-family: 'FABrands'; } .fa { font-family: 'FAwesome'; font-weight: 900; } a, a:hover{ color: #9d0305; text-decoration: none; } h1, h2, h3 { color: #000; font-weight: normal; font-family: 'Arti-Medium', arial, serif; } h2 { font-family: 'Arti-Light', serif; font-size: 37px; } h3 { background: url("https://www.hipicaterraferma.com/template/BlackGant/images/visitas.png") no-repeat left center; text-transform: uppercase; letter-spacing: -1px; border-bottom: 2px dotted #620a08; margin: 20px 0; padding: 0 0 0 36px; } em { font-style: italic; } .post-content ol, .post-content ul { display: block; padding: 0 26px; list-style: none; overflow: hidden; width: 90%; margin: 0 auto 20px auto; } .post-content ol { counter-reset: numList; } .post-content ol li, .post-content ul li { display: block; position: relative; margin: 5px 0; text-align: left; } .post-content ol li:before, .post-content ul li:before { float: left; position: absolute; left: -26px; font: bold 12px vagx; text-align: center; color: #fff; background: #9d0305; -moz-border-radius: 999px; border-radius: 999px } .post-content ol li:before { counter-increment: numList; content: counter(numList); line-height: 20px; width: 20px; height: 20px; } .post-content ul li:before { content: "*"; top: 3px; font: normal 34px Arial; line-height: 31px; width: 15px; height: 15px; }   .slider { background: #fff; position: absolute; width: 100%; height: 261px; background-position: top center; background-repeat: no-repeat; } .rotation { height: 261px; margin: 0 auto; position: absolute; width: 100%; background: transparent; }   header { background: #460607; position: relative; width: 100%; height: 322px; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25); z-index: 1; padding: 0; overflow:hidden; } header #logo a { display: block; width: 240px; height: 210px; background: url("https://www.hipicaterraferma.com/archivos/imagenes/logo.png") no-repeat center center; margin: 0 0 0 15%; position: relative; animation: 0.6s ease-out 0s 1 slideInFromTop; } header .rrss { position: absolute; top: 0; left: 70%; background: #fff; padding: 5px 15px 0 15px; border-radius: 0 0 15px 15px; } header .rrss ul { list-style-type: none; margin: 0; padding: 0; } header .rrss ul li { font-size: 23px; } header .rrss ul a { color: #bbb; width: 100%; height: 100%; display: inline-block; width: 20px; height: 30px; margin-right: 3px; } .fa-rss-square:before { content: "\f143"; } .fa-rss-square:hover { color: #ff6600; } .fa-instagram:before { content: "\f16d"; } .fa-instagram:hover { color: #ff0080; } .fa-facebook:before { content: "\f09a"; } .fa-facebook:hover { color: #3B5998; } .fa-twitter:before { content: "\f099"; } .fa-twitter:hover { color: #55ACEE; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest:hover { color: #cb2027; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopping-cart:hover { color: #00b489; } header h1 { color: #fff; font-family: Tahoma; font-size: 15px; font-style: italic; margin: 0 0 0 15%; text-align: center; width: 240px; position: absolute; top: 155px; } header nav { height: 60px; line-height: 60px; width: 100%; background-color: #460607; margin-top: 52px; animation: 0.6s ease-out 0s 1 slideInFromBottom; } header nav ul { text-align: center; width: 100%; } header nav ul li { display: inline-block; height: 60px; line-height: 60px; padding: 0 1%; white-space: nowrap; } header nav ul li a { display: block; text-align: center; color: rgba(255, 255, 255, 0.85); } header nav ul li a:hover { display: block; padding-top: 0px; text-align: center; color: rgba(255, 255, 255, 1); } header nav ul li a span { font-family: Arti-Bold; font-size: 12px; text-transform: uppercase; } header nav ul li.selected a { color: #ffff8d; } header nav ul li.selected ul li.selected a { color: #620a08; } header nav ul li ul { display: block; background: #fff; width: auto; margin-top: 0px; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25); padding-bottom: 5px; } header nav ul li ul li { display: block; width: auto; height: 34px; line-height: 34px; border-bottom: 2px dotted #ddd; } header nav ul li ul li:last-child { border-bottom: 0; } header nav ul li ul li a, header nav ul li.selected ul li a { color: #252525; text-align: left; padding-left: 22px; padding-right: 22px; } header nav ul li ul li a:hover { color: #000; text-align: left; padding-left: 10px; } header nav ul li ul li a:hover:before { content: "+ "; font-weight: bold; font-family: "Arial"; font-size: 14px; color: #620a08; } #main-content { width: 93%; max-width: 1230px; margin: 0 auto; padding-bottom: 80px; } #main-content.inicio { width: 93%; max-width: unset; } .quienes-somos .post-pictures { margin: 20px 40px; border: 2px dotted #620a08; padding: 10px 10px; background: #fff; } .quienes-somos .post-pictures img { width: 100%; } .quienes-somos .post-content h3 { text-align: left; font-size: 24px; color: #07587c; } .quienes-somos .post-content ul { float: right; margin-left: 10%; } .opiniones .opinion { padding: 60px 20px 15px; background: url("https://www.saepixel.es/lib/icons/48/quote-top-black.png") 10px 10px no-repeat; border-radius: 20px; position: relative; margin-bottom: 40px; } .opiniones .opinion:nth-child(even) { background-color: #B8E1F7; color: #07587c; } .opiniones .opinion:nth-child(odd) { background-color: #ffffc5; color: #222; } .opiniones .opinion h3, .opiniones .opinion h4 { position: absolute; top: 15px; left: 75px; margin: 0; padding: 0; font-size: 20px; } .opiniones .opinion:nth-child(even) h3 { color: #07587c; } .opiniones .opinion:nth-child(odd) h3 { color: #620a08; } .opiniones .opinion h4 { top: 40px; } .opiniones .post-content .opinion p { margin: 20px; } footer { position:absolute; bottom:0; width:100%; height:80px; } footer .copyright { max-width: 1230px; margin: 0 auto; } footer .copyright .rights { float: left; line-height: 80px; } footer .copyright .rights span { font-size: 11px; top: -9px; position: relative; left: -4px; } footer .copyright .legal { float: right; line-height: 80px; } a.comment { color: #252525; text-decoration: none; } a.comment:hover { color: #50b1d4; text-decoration: underline; } form { padding: 0; margin: 0; } label { white-space: nowrap; cursor: pointer; } hr { height: 1px; overflow: hidden; border: 0; border-bottom: 1px dotted #e0e0e0; color: #e0e0e0; clear: both; } blockquote { font-style: italic; border: 1px dotted #e0e0e0; background: url("https://www.saepixel.es/lib/icons/48/quote-top-black.png") 10px 10px no-repeat #fafafa; padding: 5px 15px 5px 70px; margin-left: 15px; margin-right: 15px; } code { display: inline-block; border: 1px dotted #e0e0e0; background: #fafafa; padding: 10px 15px; margin-left: 15px; margin-right: 15px; color: #000; max-height: 200px; overflow: auto; } input, select, textarea { font-family: Arti-Medium; color: #444; border: 1px solid #d4d4d4; background: url("https://www.hipicaterraferma.com/template/BlackGant/images/inputbg.jpg") repeat-x #fff; padding: 5px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 50%; } input:focus, select:focus, textarea:focus, .fc:focus { outline: none; border: 1px solid #338ead; -webkit-box-shadow: 0px 0px 5px #338ead; -moz-box-shadow: 0px 0px 5px #338ead; box-shadow: 0px 0px 5px #338ead; } input[type="search"] { -webkit-appearance: textfield; }   .center, .post-content.center p { text-align: center; } .bigger { font-family: vagx; letter-spacing: -7px; font-size: 100px; color: #fff; text-shadow: 2px 0 0 #ddd, -2px 0 0 #ddd, 0 2px 0 #ddd, 0 -2px 0 #ddd, 1px 1px #ddd, -1px -1px 0 #ddd, 1px -1px 0 #ddd, -1px 1px 0 #ddd, 0px 0px 15px #e0e0e0; }   .hilight { color: #50b1d4; } .hilight-bg { background-color: #50b1d4; color: #fff; } .site-color { color: #50b1d4; } .comment { font-size: 10px; color: #a9a9a9; } .red { color: #ff0000; } .green { color: #44bb00; } .blue { color: #0000ff; } .black { color: #000; } .white { color: #fff; } .bold { font-weight: bold; } .absolute { position: absolute; display: none; } .nowrap { white-space: nowrap; }   .clear-both { clear: both; height: 1px; overflow: hidden; } .spacer { clear: both; height: 5px; overflow: hidden; display: block; } .separator { height: 20px; overflow: hidden; border: 0; margin-top: 50px; clear: both; } .align-right { float: right; } .rounded-corners { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .rounded-corners-top { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .rounded-corners-bottom { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }   .loading { background: #fbf7aa; color: black; font-weight: bold; padding: 5px 10px; border: 2px solid #f9e98e; border-top: 0; z-index: 101; overflow: hidden; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px rgba(0,0,0,0.3); } .loading.rounded-corners { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }   .tooltip { background: #50b1d4; padding: 2px; margin-bottom: 15px; border: 1px solid #338ead; border-bottom-width: 3px; color: #fff; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tooltip > span { display: block; padding: 9px 5px 9px 35px; background: url("https://www.saepixel.es/lib/icons/32/Orange Ball.png") no-repeat 0px 60%; box-shadow: 0 8px 2px 0 rgba(0, 0, 0, 0.25); font-family: Arti-Medium; } .tooltip a { color: #fff; } .tooltip.success { background: #5ec53f; border-color: #4eb52f; color: #fff; } .tooltip.success > span { background: url("https://www.saepixel.es/lib/icons/32/emblem-default.png") no-repeat 0px 60%; } .tooltip.error { background: #f2432e; border-color: #d91b0b; color: #fff; } .tooltip.error > span { background-image: url("https://www.saepixel.es/lib/icons/32/dialog-error.png"); } .tooltip.notification { background: url("https://www.hipicaterraferma.com/template/BlackGant/images/buttonbg.jpg") repeat-x 0 100% #fff; border-color: #d4d4d4; color: #000; } .tooltip.notification > span { background-image: url("https://www.saepixel.es/lib/icons/32/Get Info.png"); } .tooltip.notification a { color: #50b1d4; }   .button { float: left; margin-right: 5px; overflow: hidden; background: url("https://www.hipicaterraferma.com/template/BlackGant/images/buttonbg.jpg") repeat-x 0 100% #fff; color: #919191; border: 1px solid #d4d4d4; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 1px #fff; } .button:hover, .button:focus { color: #000; background: url("https://www.hipicaterraferma.com/template/BlackGant/images/inputbg.jpg") repeat-x 0 0 #fff; } .button.submit { background: url("https://www.hipicaterraferma.com/template/BlackGant/images/buttonbluebg.jpg") repeat-x #50b1d4; border: 1px solid #338ead; color: #fff; text-shadow: 1px 1px 1px #338ead; } .button.submit:hover, .button.submit:focus { color: #fff; background: url("https://www.hipicaterraferma.com/template/BlackGant/images/buttonbluefocusedbg.jpg") repeat-x #50b1d4; } .button a { display: block; padding: 7px 15px; color: #919191; text-decoration: none; white-space: nowrap; } .button a:hover, .button a:focus { color: #000; } .button.submit a, .button.submit a:hover, .button.submit a:focus { color: #fff; } .button.fc > a { margin-right: 20px; } .button.fc .fc-title, .button.fc .fc-title.colapsed { float: right; padding-left: 10px; margin-right: 0; background-image: url("https://www.saepixel.es/lib/icons/16/expanded-black.png"); } .button.fc .fc-title:hover, .button.fc:focus > .fc-title { background-image: url("https://www.saepixel.es/lib/icons/16/expanded-focused-black.png"); } .button.fc ul { margin: 0; padding: 0; list-style-type: none; } input.button { float: none; padding: 7px 15px; width: auto; } input.button:hover { cursor: pointer; }   .fc { clear: both; background: url("https://www.hipicaterraferma.com/template/BlackGant/images/fcbg.jpg") repeat-x 0 100% #fff; border: 1px solid #eee; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fc.hidden { display: none; } .fc-title { background: url("https://www.saepixel.es/lib/icons/16/colapsed-black.png") 7px 6px no-repeat; padding: 7px 15px 7px 30px; display: block; color: #919191; font-weight: bold; text-decoration: none; cursor: pointer; text-shadow: 1px 1px 1px #fff; zoom: 1; } .fc.expanded > .fc-title, .fc-title.expanded { background-image: url("https://www.saepixel.es/lib/icons/16/expanded-black.png"); } .fc.colapsed > .fc-title, .fc-title.colapsed { background-image: url("https://www.saepixel.es/lib/icons/16/colapsed-black.png"); } .fc-title:hover, .fc:focus > .fc-title { color: #000; background-image: url("https://www.saepixel.es/lib/icons/16/colapsed-focused-black.png"); } .fc.expanded > a:hover, .fc-title.expanded:hover, .fc.expanded:focus > a, .fc:focus > .fc-title.expanded { background-image: url("https://www.saepixel.es/lib/icons/16/expanded-focused-black.png"); } .fc-content { padding: 10px; display: none; } .fc.expanded > .fc-content { display: block; } .fc-content .form-entry .form-entry-title { width: 30%; } .fc-content .form-entry .form-entry-content { margin-left: 35%; }   .form { margin-top: 20px; border: 3px solid #d4d4d4; border-radius: 6px; overflow: hidden; } .form, .form td { color: #555; } .form-title { padding: 7px 15px; font-weight: bold; background: #222; border-bottom: 0; color: #fff; } .form-content { background: url("https://www.hipicaterraferma.com/template/BlackGant/images/inputbg.jpg") repeat-x 0 0 #fff; border-top: 1px solid #fff; padding: 10px 15px; } .form-entry { clear: left; padding-bottom: 10px; } .form-entry.last { padding-bottom: 0; } .form-entry .form-entry-title { float: left; text-align: right; width: 30%; padding: 5px 10px 10px 0; white-space: normal; } .form-entry.preview .form-entry-title { padding-top: 0px; } .form-entry .form-entry-content { margin-left: 35%; } .security-image { margin-bottom: 5px; } .security-image img { border: 2px solid #F9E98E; } .security-image .reload-link { position: relative; top: -10px; left: 5px; } .add-link { padding: 0 0 5px 20px; background: url("https://www.saepixel.es/lib/icons/16/add.png") no-repeat; } .remove-link { padding: 0 0 5px 20px; background: url("https://www.saepixel.es/lib/icons/16/cross.png") no-repeat; } .reload-link { padding: 0 0 5px 20px; background: url("https://www.saepixel.es/lib/icons/16/arrow_refresh.png") no-repeat; } .select-link { padding: 0 0 5px 20px; background: url("https://www.saepixel.es/lib/icons/16/target.png") no-repeat; } .gdata-token-link { padding: 0 0 5px 20px; background: url("https://www.saepixel.es/lib/icons/16/application-certificate.png") no-repeat; } .show-calendar-input, .show-color-input { text-decoration: none; cursor: pointer; font-size: 16px; padding: 0px 0px 0px 16px; margin: 0px 0px 0px 10px; background: url("https://www.saepixel.es/lib/icons/16/calendar_2.png") no-repeat; } .show-color-input { background-image: url("https://www.saepixel.es/lib/icons/16/control_wheel.png"); } .clear-calendar-input, .clear-color-input { text-decoration: none; cursor: pointer; font-size: 16px; padding: 0px 0px 0px 16px; background: url("https://www.saepixel.es/lib/icons/16/cross.png") no-repeat; } .form-footer p { margin-bottom: 0; }   .progressbar { background: url("https://www.hipicaterraferma.com/template/BlackGant/images/fcbg.jpg") repeat-x 0 100% #fff; border: 1px solid #eee; } .progressbar-value { background: url("https://www.hipicaterraferma.com/template/BlackGant/images/buttonbluebg.jpg") repeat-x 0 100% #50b1d4; border: 1px solid #338ead; color: #fff; text-shadow: 1px 1px 1px #338ead; overflow: hidden; font-size: 90%; } .progressbar-value span { text-align: right; display: block; padding: 2px 3px; }   .paging { clear: both; margin: 10px 0; } .paging-text, .pagenumber { display: inline; margin-right: 2px; } .paging-text { color: #a9a9a9; font-size: 90%; padding: 2px 7px 0 0; } .pagenumber a { padding: 4px 7px; color: #a9a9a9; text-decoration: none; border: 1px solid transparent; -webkit-border-top-right-radius: 7px; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; } .pagenumber a:hover, .pagenumber.pagenumber-selected a { background: url("https://www.hipicaterraferma.com/template/BlackGant/images/buttonbluebg.jpg") repeat-x #50b1d4; border: 1px solid #338ead; color: #fff; text-shadow: 1px 1px 1px #338ead; } .pagenumber.pagenumber-selected a { font-weight: bold; }   .calendar-time { text-align: center; padding: 5px; } .calendar-prev { float: left; } .calendar-next { float: right; } .calendar-prev, .calendar-next { text-decoration: none; padding: 5px; display: block; } .calendar thead th { text-align: center; } .calendar tbody td { vertical-align: top; } .calendar tbody td.comment { -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; filter: alpha(opacity = 70); zoom: 1; } .calendar tbody td.calendar-hour-time { width: 1%; white-space: nowrap; text-align: right; } .calendar tbody td.calendar-timeline { border-bottom: solid 1px #ff0000; } .month-calendar tbody td { width: 12%; text-align: right; } .month-calendar tbody td.calendar-today { border: 1px solid #50b1d4; } .week-calendar tbody td.calendar-today { border-left: 1px solid #50b1d4; border-right: 1px solid #50b1d4; } .day-calendar tbody td.calendar-today { border-left: 1px solid #50b1d4; } .week-calendar tbody td, .day-calendar tbody td { width: 11%; height: 20px; }   .posts, .comentarios, .photogallery, .videogallery { display: block; margin: 10px auto 30px; width: 100%; text-align: center; } .post { max-width: 1230px; margin: 0 auto; } .photogallery .comentarios { width: 100%; } .photo-gallery-pictures { text-align: center; } .photogallery-description a { color: #222; } .post-title { letter-spacing: -1px; text-align: center; margin: 20px 0 10px; } .post-title a { color: #000; } .post-title a:hover { color: #50b1d4; } .post-details { text-align: center; } .post-details .details-date, .picture-details { display: none; } .post-content { margin: 40px auto; } .post-content a:hover { text-shadow: 1px 1px 1px #ddd; } .post-content p { margin: 20px auto; text-align: justify; } .post-content p + ol, .post-content p + ul { margin: -20px auto 20px auto; } .post-content h3 + ol { margin: -16px auto 20px auto; } .post-rating { margin: 0 auto; width: 80px; height: 30px; font-size: 16px; } .post-announcement-dates { font-weight: normal; } .post-links a { color: #555; font-family: Arti-Medium; font-size: 14px; padding: 12px 25px 10px 35px; border: 1px solid #aaa; border-right: 0; display: inline-block; background: url("https://www.saepixel.es/lib/icons/16/link.png") 10px center no-repeat; } .post-links a:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .post-links a:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-right: 1px solid #aaa; } .post-links .back { background-image: url("https://www.saepixel.es/lib/icons/16/doc_page_previous.png"); } .post-links .read-more { background-image: url("https://www.saepixel.es/lib/icons/16/doc_text_image.png"); } .post-links .comments { background-image: url("https://www.saepixel.es/lib/icons/16/comment.png"); } .post-links .edit { background-image: url("https://www.saepixel.es/lib/icons/16/page_white_edit.png"); } .post-pictures { margin: 45px auto; display: block; } .post-pictures .picture-uploaded-on { display: none; } .post-keywords-cloud { clear: both; font-size: 27px; margin-top: 1px; }   .comment-entries { padding-bottom: 10px; } .comment-entry { padding-top: 5px; margin: 5px 0px 10px 0px; zoom: 1; position: relative; } .comment-avatar { float: left; margin-right: 15px; min-width: 75px; width: 7%; } .sub-comment .gavatar { width: 48px; } .comment-body { border-bottom: 1px dotted #e0e0e0; padding-bottom: 10px; } .comment-body blockquote { padding-top: 15px; padding-bottom: 15px; } .comment-body .comment-text { color: #666; float: left; text-align: justify; width: 81%; } .comment-rating { padding-top: 5px; display: inline-block; } .comment-functions { position: absolute; top:0; right: 0; padding-top: 4px; visibility: hidden; } .comment-entry:hover .comment-functions { visibility: visible; } .comment-functions a { display: block; float: left; } .comment-delete { margin-right: 10px; padding: 5px 0px 0px 20px; background: url("https://www.saepixel.es/lib/icons/16/cross.png") no-repeat 0px 50%; } .comment-edit { margin-right: 10px; padding: 5px 0px 0px 20px; background: url("https://www.saepixel.es/lib/icons/16/pencil.png") no-repeat 0px 50%; } .comment-reply { margin-right: 10px; padding: 5px 0px 0px 20px; background: url("https://www.saepixel.es/lib/icons/16/comment.png") no-repeat 0px 50%; } .comment-rating-up { width: 16px; height: 16px; background: url("https://www.saepixel.es/lib/icons/16/vote_yes.png") no-repeat; margin-right: 5px; } .comment-rating-down { width: 16px; height: 16px; background: url("https://www.saepixel.es/lib/icons/16/vote_no.png") no-repeat; } .comment-details { padding-top: 4px; } .sub-comment { margin-left: 30px; } .comment-rating-1 { color: #eee; } .comment-rating-2 { color: #ddd; } .comment-rating-3 { color: #ccc; } .comment-rating-4 { color: #bbb; } .comment-rating-5 { color: #aaa; } .comment-rating-6 { color: #888; } .comment-rating-7 { color: #666; } .comment-rating-8 { color: #444; } .comment-rating-9 { color: #222; } .comment-rating-10 { color: #000; }   .inicio .post.page, .inicio .post-details, .bio .post-title, .bio .post-details, .aviso-legal .post-details, .creditos .post-details { display: none; } .inicio .posts, .inicio .post-content { margin-top: 0; }   .inicio .post ul, .contacto .post-content ul { padding: 0 5%; text-align: left; }   .photogallery-folder-icon.icon, .photogallery-folder-icon { display: block; } .photogallery-folder { width: 380px; padding: 10px 10px 30px 10px; } .photogallery-folder .picture img { width: 100%; } .photogallery .picture { margin: 10px 4px; box-shadow: 0px 5px 3px #ddd; } .picture img { vertical-align: middle; box-shadow: 0; overflow: hidden; } .picture-title { display: none; } .inicio .picture, .instalaciones .picture { position: relative; box-shadow: 0px 5px 3px #ddd; } .instalaciones.pistas .picture, .instalaciones.boxes .picture, .instalaciones.zona-social .picture { max-height: 250px; } .instalaciones.pistas .picture-title, .instalaciones.boxes .picture-title, .instalaciones.zona-social .picture-title { bottom: 55px; } .inicio .picture img, .instalaciones .picture img { z-index: 0; } .instalaciones .picture-title { display: block; background: rgba(255,255,255,0.3); color: #fff; z-index: 1; position: relative; bottom: 100px; height: 45px; line-height: 40px; font-weight: bold; font-family: Canoe; font-size: 45px; border-bottom: 1px solid #ddd; text-shadow: 1px 1px 1px #333; } .instalaciones.pistas .post-pictures, .instalaciones.boxes .post-pictures { margin: 45px auto 0; float: unset; clear: unset; } .instalaciones.pistas .post-content p, .instalaciones.boxes .post-content p { text-align: center; } .instalaciones.pistas .post-content p + ol, .instalaciones.boxes .post-content p + ol, .instalaciones.boxes .post-content p + ul { margin: 0 auto; display: inline-block; width: auto; } h3.photogallery-title { border-bottom: 0; padding: 0; } .photogallery-details { display: none; } .photogallery-selected { margin: 0px 0; }   .picture { text-align: center; display: inline-block; margin: 5px 5px; overflow: hidden; max-height: 258px; } .picture:first-child { margin-left: 0; } .picture:last-child { margin-right: 0; } .picture a { display: block; }   .video.selected { margin-bottom: 30px; } .video-preview { text-align: center; margin-bottom: 10px; width: 160px; } .video-preview img { height: 90px; margin: 0 auto; display: block; } .video-preview a { text-align: left; display: block; width: 150px; height: 90px; overflow: hidden; background: #000000; } .video-play-button { position: absolute; width: 62px; height: 40px; margin: 25px 0 0 43px; background: url("https://www.saepixel.es/lib/icons/32/media-playback-start.png") 50% 50% no-repeat #000000; -moz-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4; filter: alpha(opacity = 40); } .video-preview a:hover .video-play-button { -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; filter: alpha(opacity = 70); } .video-title { margin-top: 5px; }   .keywords { padding: 10px 0px; } .keywords a { text-decoration: none; text-transform: lowercase; } .keywords a:hover { text-decoration: underline; }   .attachments { margin-bottom: 20px; clear: both; } .attachments-title { font-style: italic; margin-bottom: 5px; } .attachment { margin: 10px 0px 5px 0px; } .attachment-icon { display: block; width: 32px; height: 32px; background: url("https://www.saepixel.es/lib/icons/32/emblem-downloads.png") no-repeat; margin: 0 auto; } .attachment a { font-size: 120%; font-weight: bold; padding-right: 5px; } .attachment-size { font-size: 12px; } .attachment-details { padding-top: 1px; }   .ui-datepicker { background: #fff; border: 1px solid #5179bc; display: none; width: 200px; text-align: center; } .ui-datepicker-header { color: #fff; background: #5179bc; padding: 5px; text-align: center; } .ui-datepicker-prev { cursor: pointer; float: left; background: url("https://www.saepixel.es/lib/icons/16/arrow_left.png") no-repeat; width: 16px; height: 16px; } .ui-datepicker-prev span { display: none; } .ui-datepicker-next { cursor: pointer; float: right; background: url("https://www.saepixel.es/lib/icons/16/arrow_right.png") no-repeat; width: 16px; height: 16px; } .ui-datepicker-next span { display: none; } .ui-datepicker-title { display: inline; } .ui-datepicker-calendar { padding: 5px; } .ui-datepicker-calendar th { font-weight: normal; font-size: 12px; color: #999; } .ui-datepicker-calendar td { border: 1px solid #ccc; text-align: center; } .ui-datepicker-calendar td a { text-decoration: none; padding: 1px 3px; color: #3159ac; } .ui-datepicker-calendar td a:hover { color: #000; } td.ui-datepicker-today { border: 1px solid #dd7a64; background: #ffeeee; } td.ui-datepicker-today a { color: #000; } td.ui-datepicker-current-day { background: #5179bc; border-color: #5179bc; } td.ui-datepicker-current-day a { color: #fff; } td.ui-datepicker-other-month { border: 0px; }   .colorpicker { width: 210px; height: 205px; overflow: hidden; position: absolute; display: none; background: #fff; border: 1px solid #5179bc; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 40px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; border: 1px solid #cccccc; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url("https://www.saepixel.es/lib/icons/custom/colorpicker-overlay.png"); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url("https://www.saepixel.es/lib/icons/custom/colorpicker-select.gif"); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 40px; left: 171px; width: 20px; height: 150px; cursor: n-resize; background: url("https://www.saepixel.es/lib/icons/custom/colorpicker-slider.png"); border: 1px solid #ccc; } .colorpicker_hue div { position: absolute; width: 20px; height: 9px; overflow: hidden; background: url("https://www.saepixel.es/lib/icons/custom/colorpicker-indic.gif") left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { display: block; height: 23px; border-bottom: 1px solid #5179bc; } .colorpicker_hex { text-align: center; } .colorpicker_hex input { position: relative; top: -19px; color: #fff; background: transparent; border: 0; margin: 0; padding: 0; text-shadow: 1px 1px 1px #000; filter: Shadow(Color=#000000, Direction=135, Strength=1); } .colorpicker_current_color, .colorpicker_field { display: none; }   .star-rating { width: 80px; height: 16px; } .star-rating-default { background: url("https://www.saepixel.es/lib/icons/16/star_1a.png") 100% 0 repeat-x; } .star-rating-average { background: url("https://www.saepixel.es/lib/icons/16/star_1.png") repeat-x; }   .counter { background: url("https://www.saepixel.es/lib/icons/16/counter_bgr.png") 100% 0 no-repeat; display: block; height: 16px; font-size: 10px; color: #333; position: absolute; z-index: 0; overflow: hidden; } .counter > span { height: 16px; padding: 0 0 0 4px; margin-right: 8px; display: block; background: url("https://www.saepixel.es/lib/icons/16/counter_bgl.png") no-repeat; } .counter > span > span { position: relative; left: 2px; top: 2px; }   .mime-type-directory { background-image: url("https://www.saepixel.es/lib/icons/32/folder.png"); } .mime-type-torrent { background-image: url("https://www.saepixel.es/lib/icons/32/application-x-bittorrent.png"); } .mime-type-perl { background-image: url("https://www.saepixel.es/lib/icons/32/application-x-perl.png"); } .mime-type-php { background-image: url("https://www.saepixel.es/lib/icons/32/application-x-php.png"); } .mime-type-ruby { background-image: url("https://www.saepixel.es/lib/icons/32/application-x-ruby.png"); } .mime-type-copyright { background-image: url("https://www.saepixel.es/lib/icons/32/text-x-copying.png"); } .mime-type-changelog { background-image: url("https://www.saepixel.es/lib/icons/32/text-x-changelog.png"); } .mime-type-makefile { background-image: url("https://www.saepixel.es/lib/icons/32/text-x-makefile.png"); } .mime-type-patch { background-image: url("https://www.saepixel.es/lib/icons/32/text-x-patch.png"); } .mime-type-python { background-image: url("https://www.saepixel.es/lib/icons/32/text-x-python.png"); } .mime-type-readme { background-image: url("https://www.saepixel.es/lib/icons/32/text-x-readme.png"); } .mime-type-source { background-image: url("https://www.saepixel.es/lib/icons/32/text-x-source.png"); } .mime-type-package { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-package.png"); } .mime-type-office { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-downloads.png"); } .mime-type-money { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-money.png"); } .mime-type-multimedia { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-multimedia.png"); } .mime-type-system { background-image: url("https://www.saepixel.es/lib/icons/32/applications-system.png"); } .mime-type-theme { background-image: url("https://www.saepixel.es/lib/icons/32/application-x-theme.png"); } .mime-type-db { background-image: url("https://www.saepixel.es/lib/icons/32/Database.png"); } .mime-type-important { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-important.png"); } .mime-type-mail { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-mail.png"); } .mime-type-personal { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-personal.png"); } .mime-type-photo { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-photos.png"); } .mime-type-plan { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-plan.png"); } .mime-type-special { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-special.png"); } .mime-type-readonly { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-readonly.png"); } .mime-type-urgent { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-urgent.png"); } .mime-type-web { background-image: url("https://www.saepixel.es/lib/icons/32/emblem-web.png"); } .mime-type-folder { background-image: url("https://www.saepixel.es/lib/icons/32/folder.png"); } .mime-type-font { background-image: url("https://www.saepixel.es/lib/icons/32/font-x-generic.png"); } .mime-type-text { background-image: url("https://www.saepixel.es/lib/icons/32/text.png"); }   .ad { text-align: center; }   .tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 99; } .tipsy-outer { padding: 5px 8px 4px 8px; background-color: black; color: #fff; max-width: 200px; text-align: center; word-wrap: break-word; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-close-button { position: absolute; width: 100%; height: 1px; } .tipsy-close-button a { display: block; width: 16px; height: 16px; background: url("https://www.saepixel.es/lib/icons/16/cross.png") no-repeat; margin: 0 40px 0 auto; } .tipsy-close-button span { display: none; } .tipsy-arrow { position: absolute; background: url('https://www.saepixel.es/lib/icons/custom/tipsy.gif') no-repeat top left; width: 9px; height: 5px; } .tipsy-big { font-size: 12px; } .tipsy-big .tipsy-outer { max-width: 640px; padding: 15px; text-align: left; background: url('https://www.hipicaterraferma.com/template/BlackGant/images/tipsybg.jpg') repeat-x #000; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px rgba(0,0,0,0.3); } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } .tipsy a:hover { color: #fff; } .tipsy .comment { color: #777; } .tipsy .button { margin-top: 10px; } .tipsy .form { margin: 0; } .tipsy .form-title { margin: 0; border: 0; padding: 5px; background: transparent; color: #fff; text-shadow: none; } .tipsy .form-content { border: 0; padding: 5px; background: transparent; color: #fff; } .tipsy .form-entry { padding-bottom: 0px; } .tipsy .form-entry-title { width: auto; float: none; text-align: left; padding-bottom: 3px; } .tipsy .form-entry-content { margin-left: 0; } .tipsy .form-entry-scimagecode .comment { display: none; } .tipsy .tooltip { margin: 0; } .tipsy .paging-text { color: #777; } .tipsy .list { border: 0; background: none; } .tipsy .list tbody tr { background: #111; } .tipsy .list tbody > tr:hover, .tipsy .list tbody > tr.hilight { background: #000; } .tipsy .list td { border: 0; background: none; color: #fff; }   #jquery-overlay { position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; border: 10px solid #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background: url("https://www.saepixel.es/lib/icons/32/ajax-loader2-black.gif") no-repeat 50% 50%; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; overflow: hidden; } #lightbox-container-image-data { padding: 0 64px 0 32px; color: #666; } #lightbox-image-details { text-align: left; } #lightbox-image-details-caption { font-weight: bold; display: block; } #lightbox-image-details-currentNumber { display: block; padding-bottom: 1.0em; } #lightbox-secNav-btnClose, #lightbox-secNav-btnDownload, #lightbox-secNav-btnPrev, #lightbox-secNav-btnNext, #lightbox-secNav-btnSlideshow { overflow: hidden; width: 32px; height: 32px; margin-bottom: 9px; float: right; } #lightbox-secNav-btnClose { background: url("https://www.saepixel.es/lib/icons/32/emblem-unreadable.png") no-repeat; } #lightbox-secNav-btnDownload { background: url("https://www.saepixel.es/lib/icons/32/emblem-downloads.png") no-repeat right 0; color: #24b9ea; font-size: 13px; font-weight: bold; margin-right: 40px; padding: 7px 40px 0 0; text-align: right; width: 70px; } #lightbox-secNav-btnPrev { background: url("https://www.saepixel.es/lib/icons/32/notification-audio-previous.png") no-repeat; } #lightbox-secNav-btnNext { background: url("https://www.saepixel.es/lib/icons/32/notification-audio-next.png") no-repeat; } #lightbox-secNav-btnSlideshow { float: left; background: url("https://www.saepixel.es/lib/icons/32/media-playback-start.png") no-repeat; margin-right: 10px; } #lightbox-secNav-btnSlideshow.pause { background-image: url("https://www.saepixel.es/lib/icons/32/media-playback-pause.png"); } #lightbox-nav-btnPrev { background: url("https://www.saepixel.es/lib/icons/16/empty.gif") left 15% no-repeat; } #lightbox-nav-btnNext { background: url("https://www.saepixel.es/lib/icons/16/empty.gif") right 15% no-repeat; } #lightbox-nav-btnPrev:hover { background: url("https://www.saepixel.es/lib/icons/32/prevlabel.gif") left 15% no-repeat; } #lightbox-nav-btnNext:hover { background: url("https://www.saepixel.es/lib/icons/32/nextlabel.gif") right 15% no-repeat; }   #requestanewpasswordform .text-entry { width: 300px; } #memberloginform #entrymember { width: 250px; } #memberloginform #entrypassword { width: 200px; } #quickloginform #entrymember, #quickloginform #entrypassword { width: 150px; }       @media screen and (min-width: 100px) and (max-width: 320px) { body { font-size: 22px; } #main-content { width: 100%; } .comment span { font-size: 16px; } .post-content ol li::before { margin-top: 4px; } header { height: auto; } header #logo a { width: 100%; background-size: 80%; height: 130px; } header nav { height: auto; margin: 20px auto 12px; } header nav ul li { display: block; border-bottom: 2px dotted #620a08; } header nav ul li:last-child { border-bottom: 0; } header nav ul li a { font-size: 14px; } header nav ul li ul { display: block; width: 100%; margin-top: 2px; } header .rrss { position: relative; text-align: center; top: unset; left: unset; margin-bottom: 5px; border-radius: 0; } footer .copyright .rights, footer .copyright .legal { float: unset; line-height: 40px; display: block; clear: both; width: 90%; margin: 0 auto; text-align: center; } h2 { font-size: 20px; } .post-title { letter-spacing: 0; } #main-content, #main-content.inicio { width: 90%; margin: 0 auto; } .post-title { margin: 50px 0 10px; } .picture { margin: 10px 4px; } .post-pictures { float: unset; clear: unset; display: block; text-align: center; margin: 0; } .form-entry .form-entry-title { float: none; display: block; text-align: left; width: 100%; } .form-entry .form-entry-content { margin-left: 0; } .post-links a { padding: 12px 10px 10px 30px; } .post-links .comment span { font-size: 12px; text-transform: uppercase; } .photogallery-folder { width: 96%; } .inicio .texto-bienvenida ul, .contacto .post-content ul { padding: 0 15%; width: 70%; } .contacto .form { border: unset; border-radius: 0; background: none; margin: 0; height: auto; padding-top: 0; } .contacto .form-title { display: none; } .contacto .form-content { background: none; border: 0; padding: 0 0 50px; } .contacto input, .contacto textarea { width: 90%; } .contacto .form-footer { margin: 10px 1% 0 1%; color: #222; } .contacto .form .form-entry .form-entry-title { font-size: 19px; color: #222; padding: 0 2%; font-weight: bold; width: 96%; } .contacto .form .form-entry .form-entry-title .comment { color: #222; } .contacto .form .form-entry .form-entry-content { margin-left: 2%; } .contacto .form .form-entry .form-entry-content a.reload-link { color: #222; margin-top: 20px; } .contacto .button.submit, .contacto .button.reset { width: 44%; margin: 0 2%; } .slider { background-size: 300%; height: 218px; } .rotation { height: 218px; } }   @media screen and (min-width: 320px) and (max-width: 480px) { body { font-size: 20px; } .comment span { font-size: 16px; } .post-content ol li::before { margin-top: 4px; } header { height: auto; } header nav { height: auto; margin: 20px auto 12px; } header nav ul li { display: block; border-bottom: 2px dotted #620a08; } header nav ul li:last-child { border-bottom: 0; } header nav ul li a { font-size: 14px; } header nav ul li ul { display: block; width: 100%; margin-top: 2px; } header .rrss { position: relative; text-align: center; top: unset; left: unset; margin-bottom: 5px; border-radius: 0; } footer .copyright .rights, footer .copyright .legal { float: unset; line-height: 40px; display: block; clear: both; width: 90%; margin: 0 auto; text-align: center; } #main-content, #main-content.inicio { width: 90%; margin: 0 auto; } .post-title { margin: 50px 0 10px; } .picture { margin: 10px 4px; } .picture img { width: 100%; height: auto; } .post-pictures { float: unset; clear: unset; display: block; text-align: center; margin: 0; } .form-entry .form-entry-title { float: none; display: block; text-align: left; width: 100%; } .form-entry .form-entry-content { margin-left: 0; } .post-links a { padding: 12px 10px 10px 30px; } .post-links .comment span { font-size: 12px; text-transform: uppercase; } .photogallery-folder { width: 96%; } .inicio .texto-bienvenida ul, .contacto .post-content ul { padding: 0 15%; width: 70%; } .contacto .form { border: unset; border-radius: 0; background: none; margin: 0; height: auto; padding-top: 0; } .contacto .form-title { display: none; } .contacto .form-content { background: none; border: 0; padding: 0 0 50px; } .contacto input, .contacto textarea { width: 90%; } .contacto .form-footer { margin: 10px 1% 0 1%; color: #222; } .contacto .form .form-entry .form-entry-title { font-size: 19px; color: #222; padding: 0 2%; font-weight: bold; width: 96%; } .contacto .form .form-entry .form-entry-title .comment { color: #222; } .contacto .form .form-entry .form-entry-content { margin-left: 2%; } .contacto .form .form-entry .form-entry-content a.reload-link { color: #222; margin-top: 20px; } .contacto .button.submit, .contacto .button.reset { width: 44%; margin: 0 2%; } .slider { background-size: 250%; height: 202px; } .rotation { height: 202px; } .tienda { width: 100%; height: 250px; background: url("https://www.hipicaterraferma.com/archivos/imagenes/tienda-momo.jpg") no-repeat center bottom; background-size: 90%; text-align: center; } }   @media screen and (min-width: 480px) and (max-width: 600px) { body { font-size: 22px; } .comment span { font-size: 16px; } .post-content ol li::before { margin-top: 4px; } header { height: auto; } header nav { height: auto; margin: 20px auto 12px; } header nav ul li { display: block; border-bottom: 2px dotted #620a08; } header nav ul li:last-child { border-bottom: 0; } header nav ul li a { font-size: 14px; } header nav ul li ul { display: block; width: 100%; margin-top: 2px; } header .rrss { position: relative; text-align: center; top: unset; left: unset; margin-bottom: 5px; border-radius: 0; } footer .copyright .rights, footer .copyright .legal { float: unset; line-height: 40px; display: block; clear: both; width: 90%; margin: 0 auto; text-align: center; } #main-content, #main-content.inicio { width: 90%; margin: 0 auto; } .post-title { margin: 50px 0 10px; } .picture { margin: 10px 4px; } .picture img { width: 100%; height: auto; } .post-pictures { float: unset; clear: unset; display: block; text-align: center; margin: 0; } .post-links a { padding: 12px 10px 10px 30px; } .post-links .comment span { font-size: 12px; text-transform: uppercase; } .photogallery-folder { width: 96%; } .quienes-somos .post-content h3 { clear: left; } .inicio .texto-bienvenida ul, .contacto .post-content ul { padding: 0 15%; width: 70%; } .contacto .form { border: unset; border-radius: 0; background: none; margin: 0; height: auto; padding-top: 0; } .contacto .form-title { display: none; } .contacto .form-content { background: none; border: 0; padding: 0 0 50px; } .contacto input, .contacto textarea { width: 90%; } .contacto .form-footer { margin: 10px 1% 0 1%; color: #222; } .contacto .form .form-entry .form-entry-title { font-size: 19px; color: #222; padding: 0 2%; font-weight: bold; width: 96%; text-align: left; } .contacto .form .form-entry .form-entry-title .comment { color: #222; } .contacto .form .form-entry .form-entry-content { margin-left: 2%; } .contacto .form .form-entry .form-entry-content a.reload-link { color: #222; margin-top: 20px; } .contacto .button.submit, .contacto .button.reset { width: 44%; margin: 0 2%; } .slider { background-size: 180%; height: 214px; } .rotation { height: 214px; } }   @media screen and (min-width: 600px) and (max-width: 768px) { body { font-size: 22px; } .comment span { font-size: 16px; } .post-content ol li::before { margin-top: 4px; } header { height: auto; } header nav { height: auto; margin: 20px auto 12px; } header nav ul li { display: block; border-bottom: 2px dotted #620a08; } header nav ul li:last-child { border-bottom: 0; } header nav ul li a { font-size: 14px; } header nav ul li ul { display: block; width: 100%; margin-top: 2px; } header .rrss { position: relative; text-align: center; top: unset; left: unset; margin-bottom: 5px; border-radius: 0; } footer .copyright .rights, footer .copyright .legal { float: unset; line-height: 40px; display: block; clear: both; width: 90%; margin: 0 auto; text-align: center; } #main-content, #main-content.inicio { width: 90%; margin: 0 auto; } .post-title { margin: 50px 0 10px; } .picture { margin: 10px 4px; } .post-links a { padding: 12px 10px 10px 30px; } .post-links .comment span { font-size: 12px; text-transform: uppercase; } .photogallery-folder { width: 96%; } .quienes-somos .post-content h3 { clear: left; } .inicio .texto-bienvenida ul, .contacto .post-content ul { padding: 0 15%; width: 70%; } .contacto .form { border: unset; border-radius: 0; background: none; margin: 0; height: auto; padding-top: 0; } .contacto .form-title { display: none; } .contacto .form-content { background: none; border: 0; padding: 0 0 50px; } .contacto input, .contacto textarea { width: 90%; } .contacto .form-footer { margin: 10px 1% 0 1%; color: #222; } .contacto .form .form-entry .form-entry-title { font-size: 19px; color: #222; padding: 0 2%; font-weight: bold; width: 96%; text-align: left; } .contacto .form .form-entry .form-entry-title .comment { color: #222; } .contacto .form .form-entry .form-entry-content { margin-left: 2%; } .contacto .form .form-entry .form-entry-content a.reload-link { color: #222; margin-top: 20px; } .contacto .button.submit, .contacto .button.reset { width: 44%; margin: 0 2%; } .slider { background-size: 150%; height: 243px; } .rotation { height: 243px; } }   @media screen and (min-width: 768px) and (max-width: 900px) { body { font-size: 22px; } .quienes-somos .post-content h3 { clear: left; } .inicio .texto-bienvenida ul, .contacto .post-content ul { padding: 0 15%; width: 70%; } #main-content, #main-content.inicio { width: 90%; margin: 0 auto; } .post-title { margin: 50px 0 10px; } .picture { margin: 10px 4px; } .contacto .form { border: unset; border-radius: 0; background: none; margin: 0; height: auto; padding-top: 0; } .contacto .form-title { display: none; } .contacto .form-content { background: none; border: 0; padding: 0 0 50px; } .contacto input, .contacto textarea { width: 90%; } .contacto .form-footer { margin: 10px 1% 0 1%; color: #222; } .contacto .form .form-entry .form-entry-title { font-size: 19px; color: #222; padding: 0 2%; font-weight: bold; width: 96%; text-align: left; } .contacto .form .form-entry .form-entry-title .comment { color: #222; } .contacto .form .form-entry .form-entry-content { margin-left: 2%; } .contacto .form .form-entry .form-entry-content a.reload-link { color: #222; margin-top: 20px; } .contacto .button.submit, .contacto .button.reset { width: 44%; margin: 0 2%; } .slider { background-size: 130%; height: 267px; } .rotation { height: 267px; } footer .copyright .rights, footer .copyright .legal { padding: 0 30px; } }   @media screen and (min-width: 900px) and (max-width: 1024px) { body { font-size: 20px; } .quienes-somos .post-content h3 { clear: left; } #main-content, #main-content.inicio { width: 90%; margin: 0 auto; } .post-title { margin: 50px 0 10px; } .picture { margin: 10px 10px; clear: both; } .contacto .form { border: unset; border-radius: 0; background: none; margin: 0; height: auto; padding-top: 0; } .contacto .form-title { display: none; } .contacto .form-content { background: none; border: 0; padding: 0 0 50px; } .contacto input, .contacto textarea { width: 90%; } .contacto .form-footer { margin: 10px 1% 0 1%; color: #222; } .contacto .form .form-entry .form-entry-title { font-size: 19px; color: #222; padding: 0 2%; font-weight: bold; width: 96%; text-align: left; } .contacto .form .form-entry .form-entry-title .comment { color: #222; } .contacto .form .form-entry .form-entry-content { margin-left: 2%; } .contacto .form .form-entry .form-entry-content a.reload-link { color: #222; margin-top: 20px; } .contacto .button.submit, .contacto .button.reset { width: 44%; margin: 0 2%; } .slider { background-size: 110%; height: 278px; } .rotation { height: 278px; } footer .copyright .rights, footer .copyright .legal { padding: 0 30px; } }   @media screen and (min-width: 1024px) and (max-width: 1200px) { body { font-size: 100%; } #main-content, #main-content.inicio { width: 90%; margin: 0 auto; } .post-title { margin: 50px 0 10px; } .picture { margin: 10px 10px; } footer .copyright .rights, footer .copyright .legal { padding: 0 30px; } .contacto .form { border: unset; border-radius: 0; background: none; margin: 0; height: auto; padding-top: 0; } .contacto .form-title { display: none; } .contacto .form-content { background: none; border: 0; padding: 0 0 50px; } .contacto input, .contacto textarea { width: 90%; } .contacto .form-footer { margin: 10px 1% 0 1%; color: #222; } .contacto .form .form-entry .form-entry-title { font-size: 19px; color: #222; padding: 0 2%; font-weight: bold; width: 96%; text-align: left; } .contacto .form .form-entry .form-entry-title .comment { color: #222; } .contacto .form .form-entry .form-entry-content { margin-left: 2%; } .contacto .form .form-entry .form-entry-content a.reload-link { color: #222; margin-top: 20px; } .contacto .button.submit, .contacto .button.reset { width: 44%; margin: 0 2%; } }