@charset "utf-8";

#dslc-content .dslc-image img {
width: 100% !important;
}
a:not([href]) {
cursor: initial;
text-decoration: none !important;
}
.dslc-last-col {
margin-bottom: 0 !important;
}
.text a {
cursor: text;
}
.pointer a {
cursor: pointer;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
hr {
border-bottom: #ededed solid 1px;
margin: 40px 0 40px 0;
color: transparent;
}
img {
max-width: 100% !important;
height: auto;
}
.content-blog-post .wp-caption {
width: 100% !important;
font-size: 12px;
font-style: italic;
}
.content img {
margin-top: 6px;
} @media \0screen {
img {
width: auto;
}
}
a img {
border: 0;
opacity: 1;
filter: alpha(opacity=100); }
a img:hover {
border: 0;
opacity: 0.80;
filter: alpha(opacity=80); }
.alignleft {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.alignright {
float: right;
margin-left: 30px;
margin-bottom: 30px;
}
.aligncenter {
margin: auto;
display: block;
}
body {
margin: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
color: #666;
}
b, strong {
font-weight: 600;
}
h1, h2, h3, p {
font-weight: 400;
margin-top: 0;
}
p {
margin: 0 0 24px 0;
} .top {
background-color: #e1e1e1;
width: 100%;
display: block;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
font-size: 12px;
}
.content-top {
max-width: 1024px;
margin: auto;
}
.social-media {
display: table-cell;
vertical-align: middle;
float: left;
}
.ico {
display: inline-block;
}
.nav-top {
display: table;
float: right;
}
.search {
display: table-cell;
float: left;
vertical-align: middle;	
}
.search input {
padding: 5px;
border: none;
display: inline-block;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-left: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #808080;
}
.links {
display: table-cell;
margin-left: 20px;
vertical-align: middle;
}
.links ul {
margin: 0;
padding: 0;
}
.links ul li {
list-style: none;
display: inline-block;
margin-left: 10px;
}
.links ul li a {
text-decoration: none;
color: #666;
}
.links ul li a:hover {
text-decoration: none;
color: #000;
} .header {
background-color: #FFF;
width: 100%;
display: block;
padding: 10px 20px 10px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.content-header {
max-width: 1024px;
width: 100%;
margin: auto;
display: table;
}
.logo {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.contenedor-botones {
display: table-cell;
vertical-align: middle;
text-align: right;
}
.botones {
display: inline-block;
vertical-align: middle;
text-align: right;
padding-left: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.botones col {
margin: 0;
padding: 0;
display: table;
float: right;
}
.botones .fil {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
list-style: none;
}
.botones a {
background-color: #ff801e;
color: #FFF;
text-decoration: none;
padding: 10px 20px 10px 20px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.botones a:hover {
background-color: #dc271c;
color: #FFF;
text-decoration: none;
padding: 10px 20px 10px 20px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.botones h1 {
font-weight: 400;
color: #101C68;
font-size: 18px;
line-height: 24px;
margin-bottom: 10px; 
}
.botones h2 {
font-weight: 400;
color: #101C68;
font-size: 14px;
line-height: 20px;
margin-bottom: 28px; 
}
.boton {
display: inline-block;
margin: 10px 0 10px 0;
text-decoration: none;
padding: 7px 20px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #ff801e;
}
.boton:hover {
display: inline-block;
margin: 10px 0 10px 0;
text-decoration: none;
padding: 7px 20px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #dc271c;
}
.boton a {
color: #FFF !important;
}
.boton a:hover {
color: #FFF !important;
} .menu-principal {
background-color: #666666;
color: #FFF;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-size: 14px;
line-height: 14px;
position: relative;
z-index: 1000;
}
.nav {
max-width: 1024px;
margin: auto;
overflow: hidden;
}
nav {
display: none;
} .menu-principal #main-nav {
margin: 0;
padding: 0;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.menu-principal #main-nav li {
list-style: none;
display: inline-block;
padding: 20px 0 20px 0;
float: left;
}
.menu-principal #main-nav li ul li {
list-style: none;
display: block;
position: relative;
} .menu-principal #main-nav a {
color: #FFF;
text-decoration: none;
background-color: #666666;
padding: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} .menu-principal #main-nav a:hover {
color: #FFF;
text-decoration: none;
background-color: #ff801e;
padding: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} .menu-principal #main-nav .current_page_item a, .menu-principal #main-nav .current-menu-item a {
background: #333;
color: #fff;
} .menu-principal #main-nav .current_page_item a:hover, .menu-principal #main-nav .current-menu-item a:hover {
color: #fff;
background-color: #ff801e;
} .menu-principal #main-nav ul a, .menu-principal #main-nav .current_page_item ul a, .menu-principal #main-nav ul .current_page_item a, .menu-principal #main-nav .current-menu-item ul a, .menu-principal #main-nav ul .current-menu-item a, .menu-principal #main-nav li:hover > ul a  {
color: #FFF;
font-size: 100%;
line-height: 140%;
font-weight: normal;
text-transform: none;
padding: 20px;
margin: 0;
display: block;
width: 180px;
background: none;
border: none;
text-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .menu-principal #main-nav ul a:hover, .menu-principal #main-nav .current_page_item ul a:hover, .menu-principal #main-nav ul .current_page_item a:hover, .menu-principal #main-nav .current-menu-item ul a:hover, .menu-principal #main-nav ul .current-menu-item a:hover, .menu-principal #main-nav li:hover > ul a:hover {
color: #FFF;
background-color: #ff801e;
} .menu-principal #main-nav ul {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
z-index: 100;
display: none;
margin-top: 20px;
text-decoration: none;
background-color :#666666;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menu-principal #main-nav ul li {
background: none;
padding: 0;
margin: 0;
float: none;
} .menu-principal #main-nav ul ul {
left: 220px;
top: -21px;
} .menu-principal #main-nav li:hover > ul {
display: block;
border: solid 1px #FFF;
border-top: none;
}
.menu-principal #main-nav li:hover > ul li {
display: block;
border-top: solid 1px #FFF;
} .slider {
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
margin: 0;
padding: 0;	
}
.slider img {
float: left;
} .newsletter {
background-color: #666666;
color: #FFF;
padding: 20px;
text-align: center;	
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
font-size: 14px;	
}
.content-newsletter {
max-width: 1024px;
margin: auto;
}
.call-to-action-news {
margin-right: 40px;
}
.mc-field-group {
margin-right: 10px;
}
.required email, .campo {
padding: 7px;
border: none;
display: inline-block;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-left: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #808080;
}
.button {
background-color: #ff801e;
color: #FFF !important;
text-decoration: none;
padding: 9px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none;
display: inline-block;
text-decoration: none !important;
}
.button:hover {
background-color: #dc271c;
color: #FFF;
text-decoration: none;
padding: 9px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none;
}
.wrapper-banner {
background-color: #eeeeee;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 0 20px 0 20px;
}
.banner {
max-width: 1024px;
margin: auto;
display: table;
}
.banner .col-texto {
display: table-cell;
width: 50%;
padding-right: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
color: #666;
vertical-align: middle;
}
.banner .col-imagen {
display: table-cell;
width: 50%;
}
.banner .col-imagen img {
display: block;
}
.banner h1 {
font-size: 40px;
color: #dc271c;
line-height: 50px;
}
.banner a {
color: #808080;
text-decoration: none;
}
.banner a:hover {
color: #000;
text-decoration: none;
}
.banner p:first-child {
margin-top: 0;
}
.banner p:last-child {
margin-bottom: 0;
} .wrapper_nota {
display: block;
max-width: 100%;
margin: auto;
background-color: #eeeeee;
padding: 40px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.nota {
display: block;
max-width: 1024px;
margin: auto;
font-size: 12px;
}
.nota a, .nota:visited {
text-decoration: none;
color: #666;
}
.nota a:hover {
text-decoration: none;
color: #dc271c;
}
.nota p:last-child {
margin-bottom: 0;
} .description {
background-color: #FFF;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 60px 20px 60px 20px;
}
.content-description {
max-width: 1024px;
margin: auto;
text-align: left;
}
.content-description h1 {
font-size: 40px;
color: #ff801e;
}
.content-description a {
color: #808080;
text-decoration: none;
}
.content-description a:hover {
color: #000;
text-decoration: none;
}
.content-description p:last-child {
margin-bottom: 0;
} .content {
background-color: #FFF;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 40px 20px 40px 20px;
}
.content-page {
max-width: 1024px;
margin: auto;
line-height: 24px;
}
.content-page ol, .content-page ul {
margin: 0 0 24px 0;
padding: 0;
}
.content-page ol li, .content-page ul li {
margin-left: 24px;
}
.content-page h1 {
font-size: 40px;
color: #ff801e;
font-weight: 400;
line-height: 50px;
}
.content-page h2 {
font-size: 18px;
color: #dc271c;
font-weight: 400;
line-height: 28px;
}
.content-page h3 {
font-size: 16px;
color: #dc271c;
font-weight: 400;
line-height: 24px;
}
.content-page a {
color: #dc271c;
text-decoration: none;
}
.content-page a:hover {
color: #ff801e;
text-decoration: none;
}
.content-page h2, .content-page h3 {
margin: 30px 0 30px 0;
} .content-blog {
max-width: 1024px;
margin: auto;
display: table;
}
.content-blog-post {
width: 684px;
display: table-cell;
padding-right: 80px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
line-height: 24px;
vertical-align: top;
}
.content-blog-post h2, .content-blog-post h3 {
margin: 30px 0 30px 0;
}
.sidebar {
width: 350px;
display: table-cell;
background-color: #eeeeee;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.sidebar .widget {
background-color: #ffffff;
padding: 20px;
margin-bottom: 20px;
}
.sidebar .widget .title h2 {
color: #db271c;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
}
.sidebar .widget ul {
margin: 0;
padding: 0;
}
.sidebar .widget ul li {
list-style: none;
}
.sidebar .widget ul li a {
color: #666;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
padding: 10px 0 10px 0;
display: block;
}
.sidebar .widget ul li a:hover {
color: #dc271c;
text-decoration: none;
}
.content-blog-post ol, .content-blog-post ul {
margin: 0 0 24px 0;
padding: 0;
}
.content-blog-post ol li, .content-blog-post ul li {
margin-left: 24px;
}
.content-blog-post h1 {
font-size: 34px;
color: #ff801e;
font-weight: 400;
line-height: 44px;
}
.content-blog-post h1 a {
text-decoration: none !important;
}
.content-blog-post h2 {
font-size: 18px;
color: #dc271c;
font-weight: 400;
line-height: 28px;
}
.content-blog-post a {
color: #808080;
text-decoration: underline;
}
.content-blog-post a:hover {
color: #db271c;
text-decoration: underline;
} .nuestros-perros {
background-color: #ff801e;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 0 20px 0 20px;
}
.content-nuestros-perros {
max-width: 1024px;
margin: auto;
display: table;
}
.content-nuestros-perros .col-texto {
display: table-cell;
width: 50%;
padding-right: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
color: #FFF;
vertical-align: middle;
}
.content-nuestros-perros .col-imagen {
display: table-cell;
width: 50%;
}
.content-nuestros-perros .col-imagen img {
width: 100%;
float: left;
}
.content-nuestros-perros a {
color: #FFF;
text-decoration: none;
}
.content-nuestros-perros a:hover {
color: #000;
text-decoration: none;
}
.content-nuestros-perros p:last-child {
margin-bottom: 0;
} .testimonios {
background-color: #FFF;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 60px 20px 60px 20px;
}
.content-testimonios {
max-width: 1024px;
margin: auto;
display: table;
} .equipo {
background-color: #dc271c;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 0 20px 0 20px;	
}
.content-equipo {
max-width: 1024px;
margin: auto;
display: table;
}
.content-equipo .col-texto {
display: table-cell;
width: 50%;
padding-left: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
color: #FFF;
vertical-align: middle;
}
.content-equipo .col-imagen {
display: table-cell;
width: 50%;
}
.content-equipo .col-imagen img {
width: 100%;
float: left;
}
.content-equipo a {
color: #FFF;
text-decoration: none;
}
.content-equipo a:hover {
color: #000;
text-decoration: none;
}
.content-equipo p:last-child {
margin-bottom: 0;
} .videos {
background-color: #FFF;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 40px 0 40px 0;
}
.content-videos {
max-width: 1024px;
margin: auto;
}
.content-videos .title {
text-align: center;
}
.content-videos h1 {
color: #dc271c;
font-size: 35px;
}
.col-50 {
width: 50%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 0 20px 20px 20px;
float: left;
}
.video {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.video iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .noticias {
background-color: #eeeeee;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 40px 10px 40px 10px;
} .posts {
background-color: #ffffff;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 40px 10px 40px 10px;
}
.content-posts {
max-width: 1024px;
margin: auto;
display: block;
font-size:0;
}
.col-post {
width: 25%;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
padding: 10px;
vertical-align: top;
font-size: 14px;
}
.content-posts .title {
text-align: center;
}
.content-posts h1 {
color: #dc271c;
font-size: 35px;
}
.col-post h3 {
color: #dc271c;
font-size: 16px;
}
.col-post a {
color: #dc271c;
text-decoration: none;
}
.col-post a:hover {
color: #ff801e;
text-decoration: none;
} .destacados {
background-color: #666666;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 40px 20px 40px 20px;
}
.content-destacados {
max-width: 400px;
margin: auto;
display: flex;
justify-content: space-between;
text-align: center;
color: #FFF;
}
.content-destacados h3 {
font-size: 16px;
font-weight: 300;
margin: 10px 0;
}
.content-destacados .col {
width: auto;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
}
.content-destacados .col img {
max-width: 179px;
}
.content-destacados p {
margin: 10px 0;
} .colaboradores {
background-color: #FFF;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 40px 20px 40px 20px;
}
.content-colaboradores {
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
font-size:0;
}
.content-colaboradores .bx-wrapper {
max-width: 100% !important;
}
.colaboradores .title {
text-align: center;
}
.colaboradores h1 {
color: #dc271c;
font-size: 35px;
}
.colaboradores .col {
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
text-align: center;
font-size: 14px;
} .footer {
background-color: #e1e1e1;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 20px 0 20px 0;
}
.content-footer {
max-width: 1024px;
margin: auto;
display: flex;
justify-content: space-between;
font-size:0;
}
.content-footer .col h3 {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.content-footer {
display: table;
margin: auto;
}
.content-footer .col {
width: 25%;
display: inline-block;
vertical-align: top;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-size: 14px;
}
.content-footer .col ul {
padding: 0;
margin: 0;
}
.content-footer .col ul li {
list-style: none;
padding: 10px 0 10px 0;
border-bottom: solid 1px #CCCCCC;
}
.content-footer .col ul li a {
text-decoration: none;
color: #666;
}
.content-footer ul li a:hover {
text-decoration: none;
color: #dc271c;
}
.content-footer .col .button a, .content-footer .col .button a:visited, .content-footer .col .button a:hover {
color: #FFF;
text-decoration: none;
} .copyright {
background-color: #000;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
padding: 20px;
color:#FFF;
font-size: 12px;
}
.content-copyright {
max-width: 1024px;
margin: auto;
}
.content-copyright a {
color:#FFF;
text-decoration: none;
}
.content-copyright a:hover {
color:#FFF;
text-decoration: underline;
}  input, textarea, select, input[type=search], button {
font-size: 100%;
font-family: inherit;
}
input[type=text], input[type=password], textarea, input[type=search], input[type=email], #billing_phone  {
background: #f3f3f3;
border: solid 1px #ddd;
padding: 6px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
}
.select2-container--default .select2-selection--single {
background: #f3f3f3 !important;
border: solid 1px #ddd !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-appearance: none !important;
}
fieldset {
padding: 0;
border: none;
margin: 20px 0;
}
.woocommerce-error {
padding: 1em 2em 1em 3.5em !important;
margin: 0 0 2em !important;
position: relative !important;
background-color: #f7f6f7 !important;
color: #515151 !important;
border-top: 3px solid #b81c23 !important;
list-style: none outside !important;
width: auto !important;
word-wrap: break-word !important;
} textarea {
line-height: 150%;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
} textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {
outline: none;
background: #f9f9f9;
} input[type=reset], input[type=submit], button {
background-color: #ff801e;
color: #FFF;
text-decoration: none;
padding: 9px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none;
display: inline-block;
} input[type=reset]:hover, input[type=submit]:hover, button:hover {
background-color: #dc271c;
color: #FFF;
text-decoration: none;
padding: 9px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none;
} .commentwrap {
margin: 40px 0 20px;
position: relative;
clear: both;
} .comment-title, #reply-title {
font-size: 140%;
margin: 0 0 10px;
padding: 0;
} .commentwrap .pagenav {
margin: 10px 0;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.commentwrap .pagenav.top {
margin: 0;
position: absolute;
top: 10px;
right: 0;
} .commentlist {
margin: 0 0 30px;
padding: 5px 0 0;
border-top: solid 1px #ddd;
}
.commentlist li {
margin: 0 !important;
padding: 15px 0 0;
list-style: none;
position: relative;
}
.commentlist .comment-author {
margin: 2px 0 5px;
padding: 0;
}
.commentlist .avatar {
float: left;
margin: 0 15px 0 0;
}
.commentlist cite {
font-style: normal;
}
.commentlist cite a {
text-decoration: none;
}
.commentlist .bypostauthor > .comment-author cite {
background: url(//www.perrosyletras.com/wp-content/themes/perrosyletras/images/icon-author-comment.png) no-repeat 0 2px;
}
.commentlist .comment-time {
font-size: 75%;
text-transform: uppercase;
}
.commentlist .commententry {
border-bottom: solid 1px #ddd;
position: relative;
min-height: 40px;
overflow: hidden;
padding-bottom: 5px;
word-wrap: break-word;
}
.commententry p {
margin: 24px 0;
}
.commentlist ul, .commentlist ol {
margin: 0 0 0 7%;
padding: 0;
} .commentlist .reply {
position: absolute;
right: 0;
top: 8px;
}
.commentlist .comment-reply-link {
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
}
.commentlist .comment-reply-link:hover {
text-decoration: none;
} #respond {
margin: 0;
padding: 10px 0 0;
position: relative;
clear: both;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 20px;
right: 0;
font-size: 85%;
line-height: 100%;
text-decoration: none;
padding: 5px 10px;
display: block;
color: #fff;
background: #F30;
}
#respond #cancel-comment-reply-link:hover {
background: #333;
}
#commentform {
margin: 15px 0 0;
}
#commentform input[type=text] {
width: 206px;
margin-right: 5px;
}
#commentform label {
font-weight: bold;
}
#commentform label small {
font-weight: normal;
}
#commentform textarea {
height: 140px;
}
#commentform input#submit {
padding: 7px 20px;
}
.previous {
float: left;
}
.next {
float: right;
}
@media screen and (max-width: 888px) { .slider {
display: none;
} .newsletter {
display: none;
}
}
@media screen and (max-width: 877px) { .header, .menu {
font-size: 14px;
} .col-post {
width: 50%;
display: inline-block;
}
}
@media screen and (max-width: 804px) { .nav, .header ul li:last-child {
display: none;
}
nav {
visibility: visible;
border-bottom: 0;
height: auto;
display: block;
width: 100%;
position: relative;
top: 0px;
right: 0px;
font-size: 14px;
background-color: #666666;
opacity: 0.90;
}
nav ul {
padding: 0px;
margin: 0 auto;
display: none;
height: auto;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
nav li {
display: inline;
float: left;
width: 100%;
}
nav a {
color: #FFF;
display: inline-block;
text-align: center;
line-height: 40px;
text-decoration: none;
text-align: left;
text-indent: 20px;
width: 100%;
background-color: #666666;
}
nav a:hover, nav a:active {
background-color: #ff801e;
text-decoration: none;
text-decoration: none;
}
nav a#pull {
display: block;
width: 100%;
position: relative;
}
nav a#pull:after {
content:"";
background: url(//www.perrosyletras.com/wp-content/themes/perrosyletras/images/nav-icon.png) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: relative;
left: 0px;
top: 13px;
}
.links {
margin-left: 5px;	
} .content-videos .col-50 {
width: 100%;
display: block;
} .content-blog-post {
width: 100%;
display: block;
margin-bottom: 40px;
padding: 0; 
}
.sidebar {
width: 100%;
display: table;
padding: 10px;
}
.sidebar .col {
width: 50%;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
padding: 10px;
vertical-align: top;
}
.sidebar .widget {
margin-bottom: 0px;
}
}
@media screen and (max-width: 700px) { .content-colaboradores {
display: table;
}
.colaboradores .col {
width: 50%;
} .content-nuestros-perros .col-texto {
padding-right: 20px;
} .content-equipo .col-texto {
padding-left: 20px;
} .content-footer {
display: table;
}
.content-footer .col {
width: 50%;
display: inline-block;
vertical-align: top;
}
}
@media screen and (max-width: 600px) { .nuestros-perros {
padding: 0;
}
.content-nuestros-perros {
display: block;
}
.content-nuestros-perros .col-texto {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.content-nuestros-perros .col-imagen {
display: block;
width: 100%;
float: left;
} .equipo {
padding: 0;
}
.content-equipo {
display: block;
}
.content-equipo .col-texto {
display: block;
width: 100%;
padding: 20px;
float: left;
}
.content-equipo .col-imagen {
display: block;
width: 100%;
float: left;
}
.content-footer {
display: table;
}
.content-footer .col {
width: 100%;
display: inline-block;
vertical-align: top;
} .sidebar .col {
width: 100%;
}
}
@media screen and (max-width: 950px) {
.logo {
display: block;
text-align: center;
padding-top: 10px;
}
.contenedor-botones {
display: block;
text-align: center;
}
.botones {
display: inline-block;
padding: 0 10px;
}
}
@media screen and (max-width: 750px) { .logo, .botones {
display: block;
text-align: center;
}
.botones {
padding-top: 10px;
}
.botones .col {
float: none;
display: block;
}
.botones .fil {
float: none;
display: block;
text-align: center;
margin: 10px;
padding: 0;
margin: 10px 0 10px 0;
}
.paypal {
display: none !important;
}
}
@media screen and (max-width: 550px) { .nav-top {
display: none;
} .content-colaboradores {
display: table;
}
.colaboradores .col {
width: 100%;
} .content-destacados {
display: table;
}
.content-destacados .col {
width: 100%;
}
.col-post {
width: 100%;
display: inline-block;
}
.boton {
margin: 10px 0 10px 0;
}
.wrapper-banner {
padding: 20px 0px 0px 0px;
}
.banner {
max-width: 1024px;
margin: auto;
display: table;
}
.banner .col-texto {
display: block;
width: 100%;
padding-right: 0px;
padding: 20px;
text-align: center;
}
.banner .col-imagen {
display: block;
width: 100%;
}
}