html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {
margin: 0; padding: 0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption {
font-size: 1em; font-weight: normal; font-style: normal;
}
fieldset,iframe {
border: none;
}
caption,th {
text-align: left;
}
table {
border-collapse: collapse; border-spacing: 0;
}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {
display: block;
}
@media (max-width: 640px) {
}
@media (min-width: 641px) and (max-width: 768px) {
}
@media (min-width: 769px) {
}
.clear {
clear: both;
}
.desktop {
display: block;
}
@media (max-width: 480px) {
.desktop {
display: none;
}
}
.mobile {
display: none;
}
@media (max-width: 480px) {
.mobile {
display: block;
}
}
html {
background-color: #fff;
cursor: default;
}
@media (max-width: 480px) {
html {
max-width: 480px;
}
}
body {
min-width: 950px;
display: block;
margin: 0 auto 0 auto;
background-image: url("../images/bg_patatas_casa_blas_t.jpg");
background-attachment: fixed;
font-family: 'Alegreya Sans', sans-serif;
}
@media (max-width: 480px) {
body {
width: 480px;
margin: 0 auto 0 auto;
width: 480px;
max-width: 480px;
min-width: 480px;
}
}
a {
color: #5e4114;
text-decoration: underline;
}
a:hover {
color: #9c4114;
}
/* Image Preloader */
#imgPreloader {
display: none;
}
#leftBgWrapper {
width: 100%;
float: left;
}
#rightBgWrapper {
width: 100%;
float: left;
}
#mainWrapper {
width: 100%;
min-width: 950px;
max-width: 1400px;
margin: 0 auto 0 auto;
-webkit-box-shadow: 0 0 48px 0 rgba(0,0,0,.3);
box-shadow: 0 0 48px 0 rgba(0,0,0,.3);
}
@media (max-width: 480px) {
#mainWrapper {
min-width: 480px;
max-width: 480px;
overflow: hidden;
}
}
/* wrapperHeader */
#wrapperHeader {
min-width: 950px;
max-width: 1400px;
height: 322px;
background-color: #fff;
margin: 0 auto 0 auto;
overflow: hidden;
}
@media (max-width: 480px) {
#wrapperHeader {
min-width: 480px;
max-width: 480px;
height: auto;
}
}
#wrapperHeader #headerContent {
min-width: 950px;
max-width: 950px;
margin: 0 auto 0 auto;
}
@media (max-width: 480px) {
#wrapperHeader #headerContent {
min-width: 480px;
max-width: 480px;
}
#wrapperHeader #headerContent img {
width: 360px;
height: 214px;
}
}
#wrapperHeader a#logoImageLink {
position: absolute;
z-index: 9999;
margin: 16px 6px;
}
@media (max-width: 480px) {
#wrapperHeader a#logoImageLink {
position: relative;
margin: 22px auto 0 auto;
display: block;
text-align: center;
}
}
#wrapperHeader #headerMenu {
height: 60px;
background-color: #fff;
z-index: 100;
}
#wrapperHeader #headerMenu #wrapperMenu {
float: right;
padding: 16px 140px 0 0;
}
@media (max-width: 480px) {
#wrapperHeader #headerMenu #wrapperMenu {
float: none;
margin-bottom: 26px;
padding: 0 0 0 0;
text-align: center;
}
}
#wrapperHeader #headerMenu #wrapperMenu ul {
list-style: none;
}
#wrapperHeader #headerMenu #wrapperMenu ul li {
float: right;
margin-right: 48px;
}
@media (max-width: 480px) {
#wrapperHeader #headerMenu #wrapperMenu ul li {
float: none;
margin-right: 0;
}
}
#wrapperHeader #headerMenu #wrapperMenu ul li:last-child {
}
#wrapperHeader #headerMenu #wrapperMenu ul li a,
#wrapperHeader #headerMenu #wrapperMenu ul li ul.sub-menu li a {
text-decoration: none;
font-size: 23px;
font-style: italic;
font-weight: 300;
}
@media (max-width: 480px) {
#wrapperHeader #headerMenu #wrapperMenu ul li a,
#wrapperHeader #headerMenu #wrapperMenu ul li ul.sub-menu li a {
font-size: 30px;
}
}
#wrapperHeader #headerMenu #wrapperMenu ul li.current_page_item a,
#wrapperHeader #headerMenu #wrapperMenu ul li.current-menu-item a,
#wrapperHeader #headerMenu #wrapperMenu ul li ul.sub-menu li.current_page_item a,
#wrapperHeader #headerMenu #wrapperMenu ul li ul.sub-menu li.current-menu-item a {
font-weight: 500;
}
#wrapperHeader #headerMenu #wrapperMenu ul li:hover {
text-decoration: underline;
}
/* Submenú */
#wrapperHeader #headerMenu #wrapperMenu ul li ul.sub-menu {
}
#wrapperHeader #headerMenu #wrapperMenu ul li:hover ul.sub-menu {
}
#wrapperHeader #headerMenu #wrapperMenu ul li:hover ul.sub-menu li {
}
/* Header video */
#wrapperHeader #wrapperVideoHeader {
width: 950px;
height: 262px;
display: block;
margin: 0 auto 0 auto;
}
#wrapperHeader #animgif {
display: none;
}
@media (max-width: 480px) {
#wrapperHeader #wrapperVideoHeader {
display: none;
}
#wrapperHeader #animgif {
display: block;
width: 480px;
height: 154px;
overflow: hidden;
}
#wrapperHeader #animgif img {
width: 480px;
height: 154px;
}
}
#wrapperHeader #wrapperVideoHeader #headerVideo {
width: 950px;
height: 262px;
background-color: #fff;
z-index: 100;
}
@media (max-width: 480px) {
#wrapperHeader #wrapperVideoHeader #headerVideo {
width: 480px;
height: 133px;
}
}
/* wrapperContent */
#wrapperContent {
}
#wrapperContent.home {
min-width: 950px;
max-width: 1400px;
margin: 0 auto 0 auto;
}
@media (max-width: 480px) {
#wrapperContent.home {
min-width: 480px;
max-width: 480px;
}
}
#wrapperContent.home #wrapperContentParallax01 {
min-width: 950px;
max-width: 1400px;
height: 225px;
overflow: hidden;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
@media (max-width: 480px) {
#wrapperContent.home #wrapperContentParallax01 {
min-width: 480px;
max-width: 480px;
height: 261px;
}
}
#wrapperContent.home #wrapperContentParallax01 #wrapperBlasParallax {
height: 225px;
overflow: hidden;
}
#wrapperContent.home #wrapperContentParallax01 #wrapperBlasParallax .parallaxWrapperShadow {
min-width: 950px;
max-width: 1400;
height: 225px;
background-image: url("../images/parallax_header_shadow.png");
background-size: 100% 225px;
}
#wrapperContent.home #wrapperContentMap {
min-width: 950px;
max-width: 1400px;
height: 286px;
overflow: hidden;
padding: 0 0 0 0;
margin: 0 0 0 0;
z-index: 1;
}
@media (max-width: 480px) {
#wrapperContent.home #wrapperContentMap {
min-width: 480px;
max-width: 480px;
}
}
#wrapperContent.home #mainContent {
background-color: #fff;
padding: 0 0 60px 0;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent {
padding: 0 0 0 0;
}
}
#wrapperContent.home #mainContent .rowContentWrapper {
background-repeat: no-repeat;
background-position: right;
padding: 10px 0 20px 0;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper {
background-position: right top;
background-size: auto 380px;
padding: 10px 0 10px 0;
}
}
#wrapperContent.home #mainContent .rowContentWrapper.backgroundLeft {
background-position: left;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper.backgroundLeft {
background-position: left top;
}
}
#wrapperContent.home #mainContent .rowContentWrapper.nomarginbottom {
margin-bottom: 0;
}
#wrapperContent.home #mainContent .rowContentWrapper {
margin: 0 0 60px 0;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper {
margin: 0 0 40px 0;
}
}
#wrapperContent.home #mainContent .rowContentWrapper.noMarginBottom {
margin-bottom: 0;
}
#wrapperContent.home #mainContent .rowContentWrapper h1 {
width: 390px;
float: right;
margin: 66px 0 24px 0;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper h1 {
float: none;
margin: 36px 0 24px 12px;
}
}
#wrapperContent.home #mainContent .rowContentWrapper h2 {
width: 391px;
float: right;
margin: 66px 0 0 0;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper h2 {
float: none;
margin: 66px 0 24px 12px;
}
}
#wrapperContent.home #mainContent .rowContentWrapper p {
width: 360px;
font-style: italic;
font-weight: 300;
font-size: 20px;
line-height: 26px;
margin: 24px 0 0 0;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper p {
font-size: 26px;
line-height: 32px;
margin: 390px auto 0 auto;
padding: 0 40px 0 40px;
width: 400px;
float: none;
}
}
#wrapperContent.home #mainContent .rowContentWrapper .colLeft {
width: 47%;
margin: 0 6% 0 0;
float: left;
/*background-color: blue;*/
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper .colLeft {
float: none;
}
}
#wrapperContent.home #mainContent .rowContentWrapper .colLeft p {
float: right;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper .colLeft p {
float: none;
}
}
#wrapperContent.home #mainContent .rowContentWrapper .colRight {
width: 47%;
float: left;
/*background-color: red;*/
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper .colRight {
float: none;
}
}
#wrapperContent.home #mainContent .rowContentWrapper .colRight p {
float: left;
}
@media (max-width: 480px) {
#wrapperContent.home #mainContent .rowContentWrapper .colRight p {
float: none;
}
}
#wrapperContent.home #homeFooter {
background-color: #fff;
padding: 0 0 60px 90px;
background-image: url("../images/fotos_historia_patatas_casa_blas.jpg");
background-position: bottom;
background-repeat: no-repeat;
height: 650px;
z-index: 9999;
overflow: hidden;
}
@media (max-width: 480px) {
#wrapperContent.home #homeFooter {
padding: 0 0 0 0;
text-align: center;
width: 480px;
height: 1250px;
}
}
#wrapperContent.home #homeFooter .homeFooterInfo {
min-width: 450px;
width: 47%;
margin: 20px 6% 0 0;
float: left;
position: absolute;
}
@media (max-width: 480px) {
#wrapperContent.home #homeFooter .homeFooterInfo {
float: none;
min-width: 480px;
max-width: 480px;
margin: 26px 0 0 0;
text-align: center;
}
}
#wrapperContent.home #homeFooter .homeFooterInfo p {
width: 100%;
font-style: italic;
font-weight: 300;
font-size: 20px;
line-height: 26px;
margin-bottom: 23px;
}
@media (max-width: 480px) {
#wrapperContent.home #homeFooter .homeFooterInfo p {
font-size: 26px;
line-height: 32px;
}
}
#wrapperContent.home #homeFooter .homeFooterInfo p.googleLink {
margin-bottom: 64px;
}
#wrapperContent.home #homeFooter .homeFooterInfo p strong {
font-style: italic;
font-weight: 500;
font-size: 20px;
line-height: 26px;
}
@media (max-width: 480px) {
#wrapperContent.home #homeFooter .homeFooterInfo p strong {
font-size: 26px;
line-height: 32px;
}
}
#wrapperContent.home #homeFooter .homeFooterInfo p strong.newLine {
margin-top: 8px;
display: inline-block;
}
#wrapperContent.home #homeFooter .homeFooterInfo p strong.title {
font-size: 28px;
margin: 0 0 12px 0;
}
#wrapperContent.home #homeFooter .photoCucuruchoPatatasCasaBlas {
position: relative;
float: right;
z-index: 9998;
}
@media (max-width: 480px) {
#wrapperContent.home #homeFooter .photoCucuruchoPatatasCasaBlas {
float: none;
top: 580px;
}
}
#wrapperContent.home #homeFooter .photoCucuruchoPatatasCasaBlas img {
padding: 0 0 0 0;
margin: 0 0 0 0;
z-index: 9999;
}
@media (max-width: 480px) {
#wrapperContent.home #homeFooter .photoCucuruchoPatatasCasaBlas img {
}
}
/* ********* */
/* Blog page */
#wrapperContent.blog {
width: 100%;
}
#wrapperContent.blog-single {
width: 100%;
}
.contentBlog {
margin: 50px auto 0 auto;
width: 836px;
}
.contentBlog article.main {
text-align: left;
}
.contentBlog article.main h1 {
font-family: 'Dosis', sans-serif;
font-weight: 500;
font-size: 38px;
color: #000;
display: inline-block;
padding: 4px 12px 4px 31px;
margin: 0 0 15px 0;
display: block;
}
.contentBlog article.main .goBackLink {
font-family: 'Dosis', sans-serif;
font-weight: 500;
font-size: 24px;
color: #000;
display: inline-block;
padding: 4px 12px 4px 31px;
margin: 0 0 45px 0;
clear: both;
}
.contentBlog .descWrapper {
/*width: 768px;*/
/*margin: 0 auto 0 auto;*/
clear: both;
width: 550px;
margin: 0 0 0 143px;
}
.contentBlog .descWrapper .leftCol {
width: 550px;
float: left;
overflow: hidden;
text-align: left;
}
.contentBlog .descWrapper .leftCol article {
margin: 0 0 80px 0;
width: 550px;
}
.contentBlog .descWrapper .leftCol .date {
font-family: 'Dosis', sans-serif;
font-weight: 500;
font-size: 13px;
color: #fff;
margin: 0 auto 12px auto;
background-color: #000;
display: inline-block;
padding: 3px 6px 3px 6px;
text-transform: uppercase;
letter-spacing: 1px;
}
.contentBlog .descWrapper .leftCol article h1,
.contentBlog .descWrapper .leftCol article h2,
.contentBlog .descWrapper .leftCol article h3,
.contentBlog .descWrapper .leftCol article h4,
.contentBlog .descWrapper .leftCol article h5,
.contentBlog .descWrapper .leftCol article h6 {
font-family: 'Dosis', sans-serif;
color: #000;
}
.contentBlog .descWrapper .leftCol article h1 {
font-weight: 500;
font-size: 38px;
margin: 35px 0 25px 0;
line-height: 42px;
}
.contentBlog .descWrapper .leftCol article h2 {
font-weight: 500;
font-size: 32px;
margin: 35px 0 15px 0;
line-height: 32px;
}
.contentBlog .descWrapper .leftCol article h3 {
font-weight: 500;
font-size: 26px;
margin: 35px 0 13px 0;
line-height: 30px;
}
.contentBlog .descWrapper .leftCol article h4 {
font-weight: 500;
font-size: 22px;
margin: 35px 0 11px 0;
line-height: 26px;
}
.contentBlog .descWrapper .leftCol article h5 {
font-weight: 600;
font-size: 18px;
margin: 35px 0 9px 0;
line-height: 22px;
}
.contentBlog .descWrapper .leftCol article h6 {
font-weight: 700;
font-size: 14px;
margin: 35px 0 7px 0;
line-height: 14px;
}
.contentBlog .descWrapper .leftCol article p {
font-family: 'Dosis', sans-serif;
font-weight: 300;
font-size: 19px;
color: #000;
margin: 0 auto 12px auto;
}
.contentBlog .descWrapper .leftCol article pre {
width: 550px;
}
.contentBlog .descWrapper .leftCol article strong {
font-weight: 600;
}
.contentBlog .descWrapper .leftCol article em {
font-style: italic;
}
.contentBlog .descWrapper .leftCol article del {
color: #999;
}
.contentBlog .descWrapper .leftCol article ul {
list-style: square;
}
.contentBlog .descWrapper .leftCol article ol {
list-style: decimal;
}
.contentBlog .descWrapper .leftCol article ul,
.contentBlog .descWrapper .leftCol article ol {
font-family: 'Dosis', sans-serif;
font-weight: 300;
font-size: 19px;
color: #000;
margin: 30px 0 30px 35px;
}
.contentBlog .descWrapper .leftCol article ul li,
.contentBlog .descWrapper .leftCol article ol li {
padding: 0;
}
.contentBlog .descWrapper .leftCol article img {
margin: 5px 0 10px 0;
}
.contentBlog .descWrapper .leftCol article .socialShare {
font-family: 'Dosis', sans-serif;
font-weight: 300;
font-size: 19px;
margin: 30px auto 60px auto;
}
.contentBlog .descWrapper .leftCol article .readMore {
font-family: 'Dosis', sans-serif;
font-weight: 300;
font-size: 19px;
margin: 30px auto 0 auto;
}
.contentBlog .descWrapper .leftCol article .commentsWrapper {
margin: 0 0 40px 0;
}
.contentBlog .descWrapper .rightCol {
width: 218px;
float: left;
}