/* Fix double border */
@supports (text-decoration: dotted underline) {
	abbr[title], acronym[title] {text-decoration: dotted underline; border-bottom: none;}
}

/* Global */
body {background-color: #000; color: #fff; font-size: 1em; height: 100%; margin: 0; overflow-x: hidden; padding: 0;}
h1 {color: #fff; font-family: 'Open Sans', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 50px; margin: 15px 0; padding: 0;}
h2 {color: #fff; font-family: 'Open Sans', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 30px; margin: 15px 0; padding: 0;}
h3 {color: #fff; font-family: 'Open Sans', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 25px; margin: 15px 0; padding: 0;}
h4 {color: #fff; font-family: 'Open Sans', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 20px; margin: 15px 0; padding: 0;}
html {color: #fff; font-family: 'Open Sans, Verdana', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; height: 100%; margin: 0; padding: 0;}
body {font-family: 'Open Sans', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px;}
a {color: #ff8000; text-decoration: none;}
a:hover, a:focus {color: #ff8000; text-decoration: underline;}
a:visited {color: #ff0000;}

#header {padding: 20px 50px 50px 50px; text-align: center;}
#footer {text-align: right;}
#index {background: url("../images/ardilla-reves.png") right bottom no-repeat, url("../images/pinguino.png") right 200px no-repeat; margin-right: 20px; padding-bottom: 370px;}
#content img {max-width: 100%;}
#content img.img-left {display: block; float: left; margin: 15px 15px 15px 0;}
#content img.img-right {display: block; float: right; margin: 15px 0 15px 15px;}
#content img.img-center {display: block; margin: 15px auto 15px auto;}
#content ul.list-horizontal {float: left; margin: 0 0 10px 10px; padding: 0; width: 100%;}
#content ul.list-horizontal li {display: list-item; float: left; list-style-type: disc; margin: 5px 10px; padding: 0 5px;}



/* Pé */
/*
footer .navbar {padding: 0.5rem 0;}
footer .navbar .navbar-nav {ms-flex-direction: row; flex-direction: row;}
footer .navbar-nav .nav-item {padding-right: 10px;}
footer .navbar-nav .nav-item:last-child {padding-right: 40px;}
footer .navbar-nav .nav-link {color: #5d4b26; font-size: 14px; text-decoration: none;}
footer .navbar-nav .nav-link:first-child {padding-left: 0;}
footer .navbar-nav .nav-link:hover, footer .navbar-light .navbar-nav .nav-link:focus {color: #5d4b26; text-decoration: underline;}
#footer-contact {padding: 0.5rem 0;}
#footer-contact a {color: #627300; font-weight: 700; padding-left: 15px; text-decoration: none;}
#footer-contact a:hover, #footer-contact a:focus {color: #627300; text-decoration: none;}
#footer-contact .tel-link {white-space: no-wrap;}
#footer-contact .rrss {background: url('../images/rrss2.png') no-repeat center center; color: #fff; margin-left: 5px;}
#footer-contact .rrss:hover, #footer-contact .rrss:focus {color: #fff;}
#footer-contact #ln.rrss {background-image: url('../images/rrss.png'); margin-left: 10px; padding: 10px 13px 10px 20px;}
#footer-contact #fb.rrss {display: inline-block; padding: 10px 23px 10px 10px;}
*/

/* Contacto */
/*
#contacto p {color: #627300; font-size: 28px;}
#contacto p a {color: #5d4b26; font-size: 28px; text-decoration: none; font-weight: 400;}
#contacto .small {font-size: 14px;}
#contacto .vcard.small {font-size: 10px;}
#contacto .small-warning {font-size: 14px; margin: 0;}
#contacto section {margin-left: 140px;}
*/


/* Aviso legal y política de cookies */
#aviso-legal .balloon, #politica-de-cookies .balloon {font-size: 14px;}
#aviso-legal .balloon h2, #politica-de-cookies .balloon h2 {font-size: 25px;}
#aviso-legal .balloon h3, #politica-de-cookies .balloon h3 {font-size: 20px;}

/* Popup política de cookies */
body .cc-banner.cc-bottom {border: 1px solid #627300; border-radius: 30px 30px 0 0; color: #5d4b26; margin: 0 auto; width: 70%;}
body .cc-banner.cc-bottom .cc-compliance a {text-decoration: none;}


/* 404 */
#not-found {font-size: 25px; margin: 0;}



/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {.home-service .diagonal-lt {position: absolute;} .home-service .diagonal-rt {position: absolute;} .home-service .diagonal-lb {position: absolute;} .home-service .diagonal-rb {position: absolute;} .home-service .globo {display: none;}}

/* Internet Explorer */
@media screen and (min-width:0\0) {.home-service .diagonal-lt {position: absolute;} .home-service .diagonal-rt {position: absolute;} .home-service .diagonal-lb {position: absolute;} .home-service .diagonal-rb {position: absolute;} .home-service .globo {display: none;}}

/* Extra mini small devices (Phones <575px) */
@media (max-width: 575px) {
	header {margin-left: 15px; margin-right: 15px;}
	#index {background: url("../images/ardilla-reves.png") center bottom no-repeat;}

}

/* Extra small devices (Phones <768px) xs- */
@media (max-width: 767px) {
	#index {background: url("../images/ardilla-reves.png") center bottom no-repeat;}
}

/* Extra small devices (Phones <992px) s- */
@media (max-width: 992px) {
	#index {background: url("../images/ardilla-reves.png") center bottom no-repeat;}
}

/* Medium devices (desktops, 992px and up) md- */
@media (min-width: 992px) and (max-width: 1199px) {
}
