| Current File : C:/Inetpub/vhosts/subidalosloros.com/httpdocs/2024/css/principal.css |
body {
margin: 0px;
font-family: 'Ubuntu', sans-serif;
}
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
a:link { color: inherit; text-decoration: none}
a:visited { color: inherit; text-decoration: none}
a:hover { color: inherit; text-decoration: none}
a:active { color: inherit; text-decoration: none}
.container{
width: 100%;
font-family: 'Ubuntu', sans-serif;
margin: 50px 0 0 0;
text-align: center;
}
.paranoticias {
max-width:1200px;
margin: auto;
}
.main-contenido {
width: 100%;
display:flex;
justify-content: center;
font-family: 'Ubuntu', sans-serif;
background-color: #f58120;
color: #fff;
}
.main-contenidob {
width: 100%;
display:flex;
justify-content: center;
font-family: 'Ubuntu', sans-serif;
background-color: #fff;
color: #000;
}
.container-noticias{
width: 100%;
font-family: 'Ubuntu', sans-serif;
margin: 50px 0 0 0;
text-align: center;
}
.main-noticias {
width: 100%;
font-family: 'Ubuntu', sans-serif;
color: #f58120;
text-align: left;
}
.textofecha {
font-size: 12px;
}
.textotitular {
font-size: 32px;
font-weight: bold;
margin: 6px 0 0 0;
}
.textocabecera {
font-size: 24px;
font-style: italic;
margin: 20px 0 0 0;
}
.textocuerpo {
font-size: 16px;
margin: 10px 0 0 0;
}
.redondo {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);;
display: block;
margin: auto;
}
.mcwhite {
background-color: #fff;
color: #f58120;
}
.contenido {
max-width: 1200px;
width: 1200px;
display: inline-block;
font-size: 30px;
}
.pie {
font-size: 18px;
}
.bloquecontenidoa {
position: relative;
width: 66.5%;
float: left;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
background-size: cover;
text-align: center;
display: block;
padding: 30px 50px;
}
.bloquecontenidob {
position: relative;
width: 33.5%;
float: left;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
background-size: cover;
text-align: center;
display: block;
padding: 30px 50px;
}
.bloquecontenidoc {
position: relative;
width: 99.9%;
float: left;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
background-size: cover;
text-align: center;
display: block;
padding: 30px 50px;
}
.button {
background-color: #c45900; /* Green */
border: none;
color: white;
padding: 20px;
text-align: center;
text-decoration: none;
font-size: 25px;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.buttonw {
background-color: #f58120; /* Azul */
border: none;
color: white;
padding: 20px;
text-align: center;
text-decoration: none;
font-size: 25px;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.button1 {
border-radius: 8px;
}
.button1w {
border-radius: 8px;
}
.button1:hover {
background-color: #c45900;
}
.button1w:hover {
background-color: #c45900;
}
.bloquenaming {
position: relative;
width: 100%;
height: 780px;
margin: 50px 0px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
background-size: cover;
-moz-box-shadow: inset -800px 0 300px -500px #fcf400;
-webkit-box-shadow: inset -800px 0 300px -500px #fcf400;
box-shadow: inset -800px 0 300px -500px #fcf400;
}
.divnaming img {
position: absolute;
top: 50%; right: 0%;
transform: translate(-30%,-50%);
color: #fcf400;
text-shadow: 3px 3px 2px #fff;
text-align: center;
height: 500px;
}
.divpastilla img {
position: absolute;
top: 10%; left: 0%;
transform: translate(10%,-20%);
color: #f58120;
text-shadow: 3px 3px 2px #fff;
text-align: center;
height: 200px;
filter: drop-shadow(3px 3px 5px #000);
}
.divppie img {
position: absolute;
top: 50%; left: 0%;
transform: translate(10%,-20%);
color: #f58120;
text-align: center;
height: 100px;
}
.bloquenewsa, .bloquenewsc, .bloquenewsb {
position: relative;
width: 66.5%;
height: 980px;
float: left;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
background-size: cover;
text-align: left;
float: left;
display: block;
-moz-box-shadow: inset 0 -200px 100px -100px black;
-webkit-box-shadow: inset 0 -200px 100px -100px black;
box-shadow: inset 0 -200px 100px -100px black;
}
.bloquenewsb{
width: 33.5%;
height: 490px;
border-left: 10px solid black;
border-bottom: 10px solid black;
box-sizing: border-box; /* Include padding and border in element's width and height */
}
.bloquenewsc{
width: 33.5%;
height: 490px;
border-left: 10px solid black;
box-sizing: border-box; /* Include padding and border in element's width and height */
}
#divtitularnewsa {
position: absolute;
bottom: 0;
left: 0;
padding: 2% 5%;
}
.titularnewsa {
font-size: 55px;
color: white;
text-shadow: 2px 2px 1px #000;
}
#divtitularnewsb {
position: absolute;
bottom: 0;
left: 0;
padding: 2% 5%;
}
.titularnewsb {
font-size: 35px;
color: white;
text-shadow: 2px 2px 1px #000;
}
.fechanewsa {
font-size: 35px;
color: white;
background-color: green
}
.fechanewsb {
font-size: 20px;
color: white;
background-color: green
}
.patrocinadores {
width:100%;
text-align:center;
margin:0 0 50px 0;
padding: 0 200px;
}
/* Media queries */
@media screen and (max-width: 2000px) {
.bloquenewsa, .bloquenewsc, .bloquenewsb {
height: 736px;
}
.bloquenewsc, .bloquenewsb {
height: 368px;
}
.titularnewsa {
font-size: 45px;
}
.titularnewsb {
font-size: 30px;
}
.fechanewsa {
font-size: 28px;
}
.fechanewsb {
font-size: 16px;
}
.bloquenaming {
height: 580px;
margin: 50px 0px;
}
.divnaming img {
text-shadow: 3px 3px 2px #fff;
height: 375px;
}
.patrocinadores {
width:100%;
text-align:center;
margin:0 0 50px 0;
padding: 0 120px;
}
}
@media screen and (max-width: 1500px) {
.bloquenewsa, .bloquenewsc, .bloquenewsb {
height: 516px;
}
.bloquenewsc, .bloquenewsb {
height: 258px;
}
.titularnewsa {
font-size: 32px;
}
.titularnewsb {
font-size: 20px;
}
.fechanewsa {
font-size: 16px;
}
.fechanewsb {
font-size: 12px;
}
.bloquenaming {
height: 480px;
margin: 50px 0px;
}
.divnaming img {
text-shadow: 3px 3px 2px #fff;
height: 265px;
}
.divpastilla img {
height: 175px;
}
.divpie img {
height: 100px;
}
.patrocinadores {
width:100%;
text-align:center;
margin:0 0 50px 0;
padding: 0 80px;
}
}
@media screen and (max-width: 1020px) {
.bloquenewsa, .bloquenewsc, .bloquenewsb {
width: 100%;
height: 400px;
float: left;
border-bottom: 16px solid white;
border-left: none;
}
.contenido {
font-size: 20px;
}
.bloquecontenidoa, .bloquecontenidob, .bloquecontenidoc {
width: 100%;
padding: 15px 30px;
}
.button, .buttonw {
padding: 10px;
font-size: 18px;
margin: 4px 2px;
}
.button1, .button1w {
border-radius: 6px;
}
.titularnewsa {
font-size: 20px;
}
.titularnewsb {
font-size: 20px;
}
.fechanewsa {
font-size: 15px;
}
.fechanewsb {
font-size: 15px;
}
.bloquenaming {
height: 250px;
margin: 50px 0px;
-moz-box-shadow: inset -400px 0 200px -200px #fcf400;
-webkit-box-shadow: inset -400px 0 200px -200px #fcf400;
box-shadow: inset -400px 0 200px -200px #fcf400;
}
.divnaming img {
text-shadow: 3px 3px 2px #fff;
height: 130px;
}
.divpastilla img {
height: 115px;
position: absolute;
top: 15%; left: 0%;
transform: translate(10%,-20%);
}
.patrocinadores {
width:100%;
text-align:center;
margin:0 0 30px 0;
padding: 0 50px;
}
}
@media screen and (max-width: 720px) {
.bloquenewsa, .bloquenewsc, .bloquenewsb {
width: 100%;
height: 300px;
float: left;
border-bottom: 12px solid white;
border-left: none;
}
.divpastilla img {
height: 85px;
position: absolute;
top: 20%; left: 0%;
transform: translate(10%,-20%);
}
.titularnewsa {
font-size: 16px;
}
.titularnewsb {
font-size: 16px;
}
.fechanewsa {
font-size: 12px;
}
.fechanewsb {
font-size: 12px;
}
}
@media screen and (max-width: 520px) {
.bloquenewsa, .bloquenewsc, .bloquenewsb {
width: 100%;
height: 250px;
float: left;
border-bottom: 10px solid white;
border-left: none;
}
.bloquenaming {
height: 200px;
margin: 50px 0px;
-moz-box-shadow: inset -200px 0 100px -100px #fcf400;
-webkit-box-shadow: inset -200px 0 100px -100px #fcf400;
box-shadow: inset -200px 0 100px -100px #fcf400;
}
.divnaming img {
text-shadow: 3px 3px 2px #fff;
top: 50%; right: -5%;
height: 100px;
}
.divpastilla img {
height: 70px;
position: absolute;
top: 20%; left: 0%;
transform: translate(10%,-20%);
}
}