html, body {
margin: 0;
width: 100%;
min-height: 100%;
}
/*
.hola {
width: 200px;
height: 180px;
background-color: red;
position: absolute;
-webkit-animation-name: example;
-webkit-animation-duration: 4s;
-webkit-animation-fill-mode: forwards;
animation-name: example;
animation-duration: 4s ;
animation-fill-mode: forwards;
}
@-webkit-keyframes example {
0% { left:0px; top:0px; width:400px;}
100% {left:300px; top:0px; width:0px;}
}
@keyframes example {
0% { left:0px; top:0px; width:200px;}
100% {left:200px; top:0px; width:0px; }
}
*/
.form-consulta {
max-width: 250px;
/*background: #eee;*/
padding: 25px;
font-family: 'Source Sans Pro', sans-serif;
text-align: left;
background-color: gray;
float: left;
height: 470px;
}
.campo-form {
width:100%;
height:26px;
margin:2px 0 6px;
padding-left:6px;
box-sizing: border-box;
border-radius:3px;
border:0;
font-family: 'Source Sans Pro', sans-serif;
font-size:1em;
}
.letra{
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
text-align: justify;
width:800px;
margin: 0 auto;
}
.round {
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px;
}
.sombra{
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.86);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.86);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.86);
}
.datos{
float:left;
width:400px;
height:430px;
background-color: #eee;
font-family: 'Source Sans Pro', sans-serif;
}
label span {
color: #f00
}
textarea {
min-height: 70px!important;
}
.btn-form {
display: inline-block;
border:0;
background: #000;
height: 46px;
line-height: 46px;
padding: 0 20px;
border-radius: 6px;
color:#fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px
}
.btn-form:hover {
background: #444;
}
header{
margin: 0 auto;
width: 100%;
background-image: url("../imagen/fondomadera.png");
background-repeat: repeat-x;
height: 150px;
min-width: 1200px;
}
/*#secmenu{
display: none;
}
nav{
padding-top: 5px;
padding-left: 5%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important ;
background-color: red;
width: 95%;
height: 35px;
box-shadow:0 0.4em 1em red;
box-shadow: 0 8px 6px -6px black;
box-sizing: unset;
}*/
a:link
{
text-decoration:none !important;
}
/*
a:visited {
text-decoration: none;
color: white !important;
}
a:hover {
text-decoration: none;
color: black !important;
}
*/
.imagen{
/*width: 1000px;
height: 200px;
box-shadow:0 0.4em 1em black;
margin-left: 10px;*/
margin: 0 auto;
}
.menusuc{
width: 200px;
height: 1040px;
box-shadow:0 0.4em 1em black;
margin-left: 10px;
margin-top: 10px;
float: left;
}
.btnmenu{
border-bottom: solid 1px gray;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important ;
}
.btnmenu a{
color: red !important;
}
.btnmenu a:hover{
color: red !important;
}
.btnmenu:hover{
background-color: #E7E7E7;
color:red;
}
.btnmenuradius:hover{
border-radius: 10px 10px 0px 0px; /* top left, top right, bottom right, bottom left */
}
.btnmenuradiuslast:hover{
border-radius: 0px 0px 10px 10px; /* top left, top right, bottom right, bottom left */
}
.contenido{
width: 1200px;
/*height: 1040px;*/
/* box-shadow:0 0.4em 1em black; */
margin-left: 10px;
margin-top: 10px;
float: left;
background-color: white;
}
.contasoci{
width: 1200px;
height: 1040px;
/*box-shadow:0 0.4em 1em black;*/
margin-left: 10px;
margin-top: 10px;
float: left;
background-color: white;
}
.sucu{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif ;
font-weight: 700;
}
.ayuda{
position: absolute;
left: 55%;
margin-left: 20px;
top: 2%;
background-image: url("../imagen/gota.png") !important;
color: white;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif ;
font-weight: 700;
width: 440px;
height: 100px;
}
.ayuda p{
position: relative;
margin: 0 20px 0 120px;
}
.centro{
/*margin: 0 auto;*/
width:1200px;
height:100%;
margin: auto;
}
.asocentro{
/*margin: 0 auto;*/
width:1200px;
height:800px;
margin: auto;
}
.pintar{
float:left;
}
.marco{
width:802px;
margin: 0 auto;
}
#sucdiv{
width:1190px;
height:150px;
margin: 10px 0 0 10px;
}
#sucima{
width:1190px;
height:150px;
}
#succen{
height: 470px;
margin-top:10px;
margin-left:10px;
background: #eee;
}
#sucform{
float:left;
}
#gale{
width: 1200px;
height: 900px;
}
#divifr{
padding: 50px;
}
.parallax-window {
min-height: 400px;
background: transparent;
}
section{
margin: 125px auto;
width: 100%;
display: table !important;
/*height: 1250px; */
/*box-shadow:0 0 1em 0.5em blue;*/
/*box-shadow: 0 8px 6px -6px black;*/
text-align: center;
/*min-width: 1200px;*/
/*background-image:url("../imagen/fondo.png") !important;
background-position:0 0 !important;
background-repeat:no-repeat !important;*/
background-color: white;
}
.notibanner{
width:300px;
position:relative;
margin-left:20px;
float:left;
font-weight: 500;
}
.notititulo{
font-size:26px;
}
.notinoti{
font-size:18px;
height: 120px;
}
.noticolorb{
color: black;
background-color: hsla(227, 63%, 32%, 0.2);
}
.noticolorw{
color: white;
background-color: hsla(227, 63%, 32%, 0.2);
}
.noti3{
position:relative;
width:160px;
font-size:18px;
float:left;
color:black;
}
.notidown{
position: relative;
color:white;
width:500px;
height: 200px;
margin-left: 20px;
font-weight: 500;
}
.backr{
background-color:hsl(0,100%,75%,0.64);
}
.backw{
background-color:hsl(0,0%,100%,0.82);
}
.titulo{
margin-top: 10px;
font-weight: bold;
font-size: 1.5em;
}
.error {
background: #ACACAC;
font-family: 'Source Sans Pro', sans-serif;
color: red;
text-align: center;
}
.menu-fijo{
top:0px;
position: fixed !important;
z-index: 99999;
}
.noticias{
width:330px;
height: 500px;
margin: 0px 0px 0px 20px;
border-bottom:solid 2px #ccc;
float:left;
color:white;
}
.noticias2{
width:1040px;
height: 200px;
margin: 20px 0px 0px 0px;
background-color:white;
border-bottom:solid 2px #ccc;
float:left;
}
.noticias3{
width:690px;
height: 500px;
margin: 20px 0px 0px 0px;
background-color:white;
border-bottom:solid 2px #ccc;
float:left;
}
footer{
margin: 0 auto;
width: 100%;
background: #037bd0;
height: 250px;
min-width: 1200px;
}
#amenu3{
display: none;
}
#alogo{
float:left;
width: 32%;
text-align: center;
}
#logo{
width: 150px;
height: 150px;
margin-left: 20%;
}
#navidad1{
float: left;
top: 5px;
left:15%;
position:absolute !important;
z-index:100;
}
#redes{
width: 95%;
height: 50px;
font-size: 15px;
font-family: sans-serif;
font-weight: bold;
padding-left: 5%;
color: white;
}
.centrar{
display: table-cell;
vertical-align: middle;
}
#amenu{
width: 100%;
height: 200px;
color: white;
}
#copy{
color: white;
width: 100%;
height: 30px;
/*text-align: center;*/
font-size: 13px;
font-family: sans-serif;
background-color: #037bd0;
}
.menudown{
float:left;
width: 100%;
}
.menudown a{
font-family: 'Source Sans Pro', sans-serif;
}
.menudown a:hover{
color: red !important;
}
#copy #mod{
font-size: 10px;
}
#credito{
width: 100%;
height: 20px;
text-align:center;
font-family: sans-serif;
font-size: 12px;
background-color: white;
}
.btn {
cursor: pointer;
border-radius: 5px;
text-decoration: none;
padding: 5px;
font-size: 20px;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
display: inline-block;
}
.blue {
color: #55acee;
border: 2px #55acee solid;
}
.blue:hover {
background-color: #55acee !important;
color: #fff !important;
}
.green {
color: #2ecc71;
border: 2px #2ecc71 solid;
}
.green:hover {
color: #fff !important;
background-color: #2ecc71 !important;
}
.purple {
color: #9b59b6;
border: 2px #9b59b6 solid;
}
.purple:hover {
color: #fff !important;
background-color: #9b59b6 !important;
}
.buttons {
padding-top: 30px;
text-align: center;
}
.m-dropdown {
width: 250px;
display: block;
}
.m-dropdown .e-button {
line-height: 20px;
padding: 8px 40px 8px 15px;
z-index: 900;
color: #fff;
font-weight: 900;
position: relative;
margin-top: 2px;
z-index: 5;
display: block;
margin: 0 auto;
}
.m-dropdown .e-button:hover {
cursor: pointer;
color: black;
}
.m-dropdown .e-button:hover .e-burger span {
background: black;
}
.m-dropdown .e-button .e-burger {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 45px;
width: 15px;
height: 14px;
transform-origin: center;
z-index: -1;
}
.m-dropdown .e-button .e-burger span {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
width: 100%;
height: 2px;
background: #fff;
display: block;
left: 0;
transform-origin: center;
}
.m-dropdown .e-button .e-burger span:first-child {
top: 0;
transform: none;
}
.m-dropdown .e-button .e-burger span:last-child {
top: auto;
bottom: 0;
transform: none;
}
.m-dropdown .e-list {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
position:absolute;
width: 200px;
margin-top: 10px;
padding: 0;
list-style: none;
background: red;
float: left;
overflow: hidden;
z-index: 999;
}
.m-dropdown .e-list li {
display: block;
width: 100%;
float: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.01);
box-sizing: border-box;
}
.m-dropdown .e-list li:last-child {
border: none;
}
.m-dropdown .e-list li a {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 15px;
float: left;
width: 100%;
text-decoration: none;
color: #fff;
font-weight: 600;
box-sizing: border-box;
}
.m-dropdown .e-list li a:hover {
background: #fff;
color: #111;
}
.e-button2 {
font-size: 17px;
line-height: 20px;
padding: 8px 40px 8px 15px;
z-index: 900;
color: #fff;
font-weight: 900;
position: relative;
margin-top: 2px;
z-index: 5;
display: block;
margin: 0 auto;
}
.e-button2:hover {
cursor: pointer;
color: #669999;
}
/* INDEX */
.banaba{
width:1200px;
height: 500px;
margin: 20px auto;
}
.divpromo2{
width:1200px;
height: 500px;
padding: 10px;
margin: 0 auto;
}
.promo{
width:380px;
height: 480px;
float: left;
}
.promo2{
margin-left: 20px;
}
#divpin{
width:1200px;
height: 400px;
margin: 20px auto;
border: thick double gray;
}
#divlog{
width:40%;
height: 400px;
float: left;
text-align: left !important;
}
#divtext{
width:60%;
height: 100%;
padding: 40px;
float:left;
}
/* *********************** */
/*@media all and (max-width:380px) {
header {
width: 380px;
margin: 0;
min-width: 380px;
}
#logo {
margin-left: 2%;
}
#navidad1{
margin-left: 60%;
}
.ayuda {
display: none;
}
#wrap{
display: none;
}
section {
width: 380px;
margin: 0;
}
.asocentro{
width: 380px;
height: 800px;
margin: 0;
}
#gale{
width: 380px;
height: 700px;
}
#asuc, #amenu2 {
display: none;
}
#secmenu{
display: block;
}
#amenu{
height: 230px;
}
#amenu3{
display: block;
float: left;
width: 40%;
}
#alogo {
width: 60%;
}
#sucdiv{
width:380px;
height: 70px;
}
#sucima{
width:380px;
height: 70px;
}
#sucform{
float:left;
display: none;
}
.datos{
height: 380px;
width: 380px;
float: left;
}
#succen{
height: 750px;
width: 380px;
}
#sucifr{
margin-left: 0px !important;
}
#divifr{
float: left;
padding: 0px 0px 40px 40px;
}
footer {
width: 380px;
margin: 0;
height: 280px;
min-width: 380px;
}
.letra{
width: 380px;
}
#maps{
height: 350px;
width: 380px;
}
.imagen1{
width: 166px;
height: 207px;
}
.marco{
width:380px;
}
#logoab{
width: 380px;
}
*/
/* INDEX */
/* .banaba{
width:380px;
height: 150px;
margin: 20px auto;
}
.divpromo2{
width:380px;
height: 1480px;
padding: 0px;
}
.promo2{
margin-left: 0px;
margin-top: 20px;
}
.promo{
width: 100%;
}
#divpin{
width:380px;
margin: 30px 0px;
border: none;
}
#divlog{
width:100%;
text-align: center !important;
}
#divtext{
width:100%;
height: 680px;
padding: 10px;
}
}
*/
.departamento{
width:32%;
height: 330px;
float: left;
color:#14BEF9;
}
.filtro{
color: red;
width:100%;
/*height:650px;
margin-top: 20px;
float:left;
border-right: solid thin #14BEF9;
border-bottom: solid thin #14BEF9; */
text-align: LEFT;
}
.respro{
width:100%;
height:100%;
float:left;
}
.productos2{
width:1200px;
height:100%;
margin: auto;
}
.resprod2{
width:23%;
border-right: solid thin #14BEF9;
border-bottom: solid thin #14BEF9;
height: 275px;
float:left;
margin-top:15px;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
}
.prodesima{
width:48%;
height: 800px;
float: left;
text-align: left;
}
.prodesdat{
width:45%;
height: 800px;
float: left;
text-align: left;
margin-top: 50px;
margin-left:50px;
}
.otrosos{
width:30%;
border-right: solid thin #14BEF9;
border-bottom: solid thin #14BEF9;
height: 275px;
float:left;
margin-top:15px;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px;
}
@media all /*and (min-width:381px)*/ and (max-width: 500px) {
header {
width: 499px;
margin: 0;
min-width: 500px;
}
#logo {
margin-left: 2%;
}
#navidad1{
margin-left: 60%;
}
.ayuda {
display: none;
}
#wrap{
display: none;
}
section {
position: relative;
top: 110px;
width: 499px;
margin: 0;
}
.asocentro{
width: 479px;
height: 800px;
margin: 0;
}
.departamento{
width:100%;
}
.filtro{
width:459px;
height:250px;
margin-left: 20px;
}
.respro{
width:479px;
height:100%;
float:left;
}
.productos2{
width:459px;
}
.resprod2{
width:45%;
}
.prodesima{
width:499px;
height: 550px;
text-align: center;
}
.prodesdat{
width:479px;
margin-left: 20px;
}
.deleteee{
display: none;
}
.otrosos{
width:43%;
}
#gale{
width: 480px;
height: 700px;
}
#asuc, #amenu2 {
display: none;
}
#secmenu{
display: block;
}
#amenu{
height: 230px;
}
#amenu3{
display: block;
float: left;
width: 40%;
}
#alogo {
width: 60%;
position: relative;
top: 30px;
}
#sucdiv{
width:480px;
height: 70px;
}
#sucima{
width:480px;
height: 70px;
}
#sucform{
float:left;
display: none;
}
.datos{
height: 380px;
width: 480px;
float: left;
}
#succen{
height: 750px;
width: 480px;
}
#sucifr{
margin-left: 0px !important;
}
#divifr{
float: left;
padding: 0px 0px 40px 40px;
}
footer {
width: 499px;
margin: 0;
height: 280px;
min-width: 500px;
}
.letra{
width: 450px;
}
#maps{
height: 350px;
width: 480px;
}
.imagen1{
width: 166px;
height: 207px;
}
.marco{
width:499px;
}
/* INDEX */
.banaba{
width:399px;
height: 150px;
margin: 20px auto;
}
.divpromo2{
width:499px;
height: 1480px;
}
.promo2{
margin-left: 0px;
margin-top: 20px;
}
.promo{
width: 100%;
}
#divpin{
width:499px;
margin: 30px 0px;
border: none;
}
#divlog{
width:100%;
text-align: center !important;
}
#divtext{
width:100%;
height: 500px;
padding: 10px;
}
/* *********************** */
}
@media only screen and (min-width: 501px) {
}
@media only screen and (min-width: 768px) {
}
@media all and (min-width:1200px){
header {
width: 100%;
min-width: 1200px;
}
section{
width: 100%;
min-width: 1200px;
}
footer{
width: 100%;
min-width: 1200px;
}
.centro{
min-width: 1200px;
margin: 0 auto;
}
.ayuda{
left: 55%;
}
}