191 lines
2.6 KiB
CSS
191 lines
2.6 KiB
CSS
@charset "UTF-8";
|
|
/* RESET */
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
text-decoration: none;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
/* Suaviza scroll anclas */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
/* Propiedades body */
|
|
body {
|
|
background-image: url(../imagenes/fondo_plano.jpg); background-repeat: no-repeat;
|
|
background-size: cover;
|
|
font-family: Arial;
|
|
}
|
|
/* Propiedades header principal */
|
|
#cabecera_principal {
|
|
display:flex;
|
|
justify-content:space-between;
|
|
align-items:end;
|
|
position:sticky;
|
|
top:0px;
|
|
background-color:white;
|
|
box-shadow: 0px 4px 5px #000;
|
|
}
|
|
|
|
/* Imagen logo */
|
|
#img_logo {
|
|
width:100px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
/* Barra de navegación */
|
|
nav {
|
|
}
|
|
|
|
/* Contenedor botones menú */
|
|
#menu {
|
|
padding-left:1em;
|
|
}
|
|
|
|
.lista_menu{
|
|
float:left;
|
|
list-style-type:none;
|
|
}
|
|
|
|
/* Lista botones menú */
|
|
.boton_menu {
|
|
color:#1a89dc;
|
|
font-size:30px;
|
|
margin-right:10px;
|
|
}
|
|
|
|
/* Corrección posición anclas */
|
|
#arriba,#servicios,#productos,#contacto {
|
|
padding-top: 120px;
|
|
margin-top: -120px;
|
|
}
|
|
|
|
/* Barra separación menú */
|
|
#barra_menu {
|
|
width: 100%;
|
|
height: 2px;
|
|
background-color: #1a89dc;
|
|
margin-left: 0px;
|
|
box-shadow: 0px 4px 5px #000;
|
|
}
|
|
|
|
/* Padding general */
|
|
h2,h3,p {
|
|
|
|
padding:1em;
|
|
}
|
|
|
|
h2 {
|
|
color:#1a89dc;
|
|
}
|
|
|
|
/* Barra separación secciones */
|
|
|
|
.secciones {
|
|
width: 30%;
|
|
height: 2px;
|
|
background-color: #1a89dc;
|
|
margin:1em auto;
|
|
}
|
|
|
|
/* Tabla con flex */
|
|
|
|
.tablaflex {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
justify-content:space-around;
|
|
max-width:1000px;
|
|
margin:auto;
|
|
margin-top:2em;
|
|
}
|
|
|
|
.tarjeta {
|
|
width:300px;
|
|
margin-bottom:1em;
|
|
}
|
|
|
|
.tarjeta img {
|
|
width:100%;
|
|
}
|
|
|
|
.texto_tabla {
|
|
text-align:center;
|
|
font-weight:bold;
|
|
color:#1a89dc;
|
|
display:block;
|
|
}
|
|
|
|
#tablaflex2 {
|
|
max-width:1280px;
|
|
}
|
|
|
|
|
|
/* Lista cualidades */
|
|
ul#lista_cualidades li {
|
|
list-style-type:none;
|
|
}
|
|
|
|
/* Lista especialidades */
|
|
ul#lista_especialidades {
|
|
width:270px;
|
|
margin:auto;
|
|
}
|
|
|
|
#lista_especialidades li {
|
|
list-style-type:circle;
|
|
}
|
|
|
|
.info {
|
|
font-weight:bold;
|
|
color:#1a89dc;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
iframe {
|
|
width:100%;
|
|
height:400px;
|
|
border:2px solid #1a89dc;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
#subircaja {
|
|
position:fixed;
|
|
right:10px;
|
|
bottom:10px;
|
|
}
|
|
|
|
#subirimg{
|
|
width:60px;
|
|
}
|
|
|
|
|
|
/*Smartphone */
|
|
|
|
@media (max-width: 650px) {
|
|
.lista_menu{
|
|
clear: left;
|
|
list-style-type:none;
|
|
}
|
|
.boton_menu {
|
|
font-size:1.2em;
|
|
}
|
|
|
|
#arriba,#servicios,#productos,#contacto {
|
|
padding-top: 120px;
|
|
margin-top: -120px;
|
|
}
|
|
|
|
h2 {
|
|
font-size:1.2em;
|
|
}
|
|
|
|
.info {
|
|
display:block;
|
|
}
|
|
.datos {
|
|
font-size:0.8em;
|
|
}
|
|
} |