html, body{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background-attachment: fixed;
background: white;
overflow-x:hidden;
}
#btn_dialog{
color:white;
background: #00AC61;
padding:4px;
padding-left: 8px;
padding-right: 8px;
border-radius:7px;
font-family: 'Oswald', sans-serif;
border: 0;
}
#btn_dialog:hover{
color:white;
background: rgb(255, 50, 50);
}
#dialogoverlays{
display: none;
opacity: .8;
position: fixed;
top: 0px;
left: 0px;
background: rgba(255, 255, 255, 0.432);
width: 100%;
z-index: 1000;
}
#dialogboxs{
display: none;
position: fixed;
background: rgb(255, 255, 255);
border-radius:7px;
margin-left: 5%;
z-index: 1000;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#dialogboxs > div{margin:8px; }
#dialogboxs > div > #dialogboxheads{ font-size:18px; padding:10px;font-family: 'Oswald', sans-serif; color:rgb(0, 0, 0); }
#dialogboxs > div > #dialogboxbodys{ padding:20px;font-family: 'Oswald', sans-serif; color:rgb(100, 100, 100); }
#dialogboxs > div > #dialogboxfoots{ padding:10px; text-align:right; }
#dialogoverlay{
display: none;
opacity: .8;
position: fixed;
top: 0px;
left: 0px;
background: #FFF;
width: 100%;
z-index: 1000;
}
#dialogbox{
display: none;
position: fixed;
background: rgba(0, 0, 0, 0.76);
border-radius:7px;
margin-left: 10%;
z-index: 1000;
-webkit-box-shadow: 10px 10px 5px 0px rgb(0, 0, 0);
-moz-box-shadow: 10px 10px 5px 0px rgb(0, 0, 0);
box-shadow: 10px 10px 5px 0px rgb(0, 0, 0);
}
#dialogbox > div{margin:8px; }
#dialogbox > div > #dialogboxhead{ font-size:25px; padding:10px;font-family: 'Oswald', sans-serif; color:rgb(255, 255, 255); }
#dialogbox > div > #dialogboxbody{ padding:20px;font-family: 'Oswald', sans-serif; color:rgb(255, 255, 255); }
#dialogbox > div > #dialogboxfoot{ padding:10px; text-align:right; }
.menu_top{
background-color:rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
z-index:500;
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
height: 15%;
}
.menu_top a .img{
width:auto;
height:70%;
float: right;
margin-top:14px;
margin-right:15px;
margin-left:15px;
margin-bottom:14px;
overflow:hidden;
}
.menu_top a .img:hover{
filter: saturate(180%);
animation-name: corazon;
animation-duration: .8s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes corazon {
from{
transform: scale(1);
}
to{
transform: scale(1.3);
}
}
.menu_top P{
color: black;
font-family: 'Oswald', sans-serif;
font-size: 20px;
float: right;
margin-top:2.5%;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
}
.menu_top #back{
margin-top:1.5%;
margin-right:5px;
margin-left:.7%;
margin-bottom:5px;
float: left;
border-radius: 60px;
}
.menu_top #back img{
height: 30px;
width: 30px;
}
.barra-boton{
width: 100%;
background: #333333;
height: auto;
bottom: 0;
position: fixed;
-webkit-box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.75);
}
.barra-boton ul{
height: 100%;
width: 450px;
list-style: none;
float: right;
margin-right: 1.5%;
}
.barra-boton ul li div button{
color: white;
border-radius: 5px;
border: 0;
padding: 6px;
font: bold 'Oswald', sans-serif;
margin: 0;
float: right;
background: transparent;
}
#mapa{
border-radius: 10px;
height: 50%;
left: 0%;
position: absolute;
top:17%;
bottom: 0px;
float:left;
width: 45%;
margin-left: 1%;
margin-right: 1%;
background: #274587;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
}
#infor{
width: 100%;
height: 100%;
float:left;
padding: 0;
bottom: 0;
margin: 0;
top: 0;
}
#infor .accordion-heading .accordion-toggle{
color: white;
font-family: 'Oswald', sans-serif;
font: normal;
}
#infor .accordion-inner{
padding: 0;
}
#infor .accordion-inner ul{
height: 100%;
width: 100%;
list-style: none;
}
#infor .accordion-inner #formulario ul li div{
margin: .5%;
width: auto;
height: auto;
}
#infor .accordion-inner ul li div p{
color: rgb(82, 82, 82);
float: left;
font-family:'Oswald', sans-serif;
margin: 0;
padding: 0;
left: 5%;
width: 100px;
margin-bottom:.5%;
margin-top: 1%;
}
#infor .accordion-inner ul li{
margin-bottom: 1.5%;
}
#infor .accordion-inner ul li div input{
border-radius: 6px;
border: 0;
width: 82%;
height: 25px;
}
#infor .accordion-inner ul li div img{
margin-right: 1%;
width: 27px;
padding: 0;
float: left;
}
#infor .accordion-inner ul li div textarea{
border-radius: 6px;
border: 0;
max-width: 97.7%;
min-width: 97.7%;
word-break: break-all;
}
#infor .accordion-inner ul li ul li div span{
color: rgb(82, 82, 82);
float: left;
margin: 0;
padding: 0;
}
#infor .accordion-inner .tit-sup{
background: #274587;
margin: 0;
padding: 0;
width: 100%;
padding-bottom: 0;
margin-left: 0%;
margin-right: 0%;
margin-top: 1%;
padding: 0;
float: left;
border-top-left-radius:6px;
border-top-right-radius:6px;
-webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
}
#infor .accordion-inner .tit-sup1{
background: #274587;
margin: 0;
padding: 0;
width: 100%;
padding-bottom: 0;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
padding: 0;
float: left;
border-top-left-radius:6px;
border-top-right-radius:6px;
-webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
}
#infor .accordion-inner .tit-sup p{
padding-bottom: 1%;
padding-top: 1%;
padding-left: 5%;
padding-right: 5%;
margin: 0;
color: white;
font-family: 'Oswald', sans-serif;
}
#infor .accordion-inner .tit-sup1 p{
padding-bottom: 1%;
padding-top: 1%;
padding-left: 5%;
padding-right: 5%;
margin: 0;
color: white;
font-family:'Oswald', sans-serif;
}
/* jalar para escalas*/
#infor .accordion-inner #infoDetalle{
left: 48%;;
padding: 0%;
width: 100%;
height: auto;
position:absolute;
width: 50%;
float: right;
top:17%;
margin-bottom: 11%;
}
#infor .accordion-inner #informacionD{
margin: 0%;
padding-top: 50px;
padding-left: 1.5%;
padding-right: 1.5%;
background: rgb(226, 226, 226);
border-bottom-left-radius:6px;
margin-top: 0%;
border-bottom-right-radius:6px;
width: 96.4%;
height: auto;
margin-left: .35%;
margin-bottom: 1%;
padding-bottom: 1%;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
}
#infor .accordion-inner #datos-ubica{
position: absolute;
top: 68%;
height: 20%;
margin-right: 1%;
width: 45.26%;
margin-left: 1%;
margin-bottom: 560px;
}
#infor .accordion-inner #ubiD{
margin: 0%;
padding-top: 50px;
padding-left: 1.5%;
padding-right: 1.5%;
background: rgb(226, 226, 226);
border-bottom-left-radius:6px;
margin-top: 1%;
border-bottom-right-radius:6px;
width: 96.4%;
height: auto;
margin-left: .35%;
margin-bottom: 1%;
padding-bottom: 1%;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
}
#infor .accordion-inner #contactoDetalle{
bottom:500px;
width: 100%;
height: auto;
bottom:5px;
width: 100%;
float: left;
top: 10px;
position:relative;
}
#infor .accordion-inner #ContactoD{
margin: 0%;
padding-top: 50px;
padding-left: 1.5%;
padding-right: 1.5%;
background: rgb(226, 226, 226);
border-bottom-left-radius:6px;
margin-top: 1%;
border-bottom-right-radius:6px;
width: 96.4%;
height: auto;
margin-left: .35%;
margin-bottom: 1%;
padding-bottom: 1%;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
}
#infor .accordion-inner .tit-sup2 p{
padding-bottom: 1%;
padding-top: 1%;
padding-left: 5%;
padding-right: 5%;
margin: 0;
color: white;
font-family:'Oswald', sans-serif;
}
#infor .accordion-inner .tit-sup2{
background: #274587;
margin: 0;
padding: 0;
width: 100%;
height: 5%;
padding-bottom: 0;
margin-left: 0%;
margin-right: 0%;
margin-top: 1%;
padding: 0;
float: left;
border-top-left-radius:6px;
border-top-right-radius:6px;
-webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
}
#infor .accordion-inner .tit-sup2 div {
width: 35px;
border-top-left-radius: 6px;
background:rgb(68, 155, 116);
float: left;
height: 35px;
padding: 0;
margin: 0;
}
#infor .accordion-inner .tit-sup1 div {
width: 35px;
border-top-left-radius: 6px;
background:rgb(68, 155, 116);
float: left;
height: 35px;
padding: 0;
margin: 0;
}
#infor .accordion-inner .tit-sup div {
width: 35px;
border-top-left-radius: 6px;
background:rgb(68, 155, 116);
float: left;
height: 35px;
padding: 0;
margin: 0;
}
#infor .accordion-inner div #esquina {
width: 0;
padding: 0;
margin-right: 2%;
height: auto;
border-top-left-radius: 0px;
border-left: 10px solid rgb(68, 155, 116);
border-top: 17.7px solid #274587;
border-bottom: 17.7px solid #274587;
}
#infor .accordion-inner .tit-sup2 div img{
width: 25px;
margin: 5px;
}
#infor .accordion-inner .tit-sup1 div img{
width: 25px;
margin: 5px;
}
#infor .accordion-inner .tit-sup div img{
width: 25px;
margin: 5px;
}
#first {
margin-top: 6%;
background: rgb(226, 226, 226);
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.section {
padding: 20px;
padding-left: 80px;
}
.section input[type="radio"],
.section input[type="checkbox"]{
display: none;
}
.container {
margin-bottom: 10px;
}
.container label {
position: relative;
}
/* Base styles for spans */
.container span::before,
.container span::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
/* Radio buttons */
.container span.radio{
color: rgb(82, 82, 82);
font-family:'Oswald', sans-serif;
}
.container span.radio:hover {
cursor: pointer;
}
.container span.radio::before {
left: -52px;
width: 45px;
height: 25px;
background-color: #A8AAC1;
border-radius: 50px;
}
.container span.radio::after {
left: -49px;
width: 17px;
height: 17px;
border-radius: 10px;
background-color: #6C788A;
transition: left .25s, background-color .25s;
}
input[type="radio"]:checked + label span.radio::after {
left: -27px;
background: #E31F3E;
}
.imagen2{
top:108.7%;
position: relative;
position: absolute;
width: 52.9%;
right: 2%;
bottom: 0;
}
.imagen2 ul{
list-style: none;
}
.imagen2 ul li{
text-decoration: none;
}
#previewing{
width: 160px;
height: 160px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right:16px;
margin-left: 16px;
border-radius: 6px;
}
#line{
width: 2px;
height: 170px;
margin: 0;
margin-top: 5px;
float: left;
background: #c9c9c9;
border-radius: 50px;
}
#selectImage{
margin-top: 10%;
margin-left: 5px;
margin-right: 5px;
width: 65%;
float: right;
}
.submit{
cursor: pointer;
background: #E31F3E;
margin-top:6%;
width: 80px;
height: 40px;
border-radius: 6px;
outline: none;
float: right;
margin-right: 10px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
.submit:hover{
background: #252525;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
#success{
color: #3700ff;
padding-top: 10px;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
#imagenBuscar{
background: #E31F3E;
width: auto;
height: auto;
color: white;
font-family:'Oswald', sans-serif;
-webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
border-radius: 6px;
padding:6px;
margin-top:30px;
cursor: pointer;
}
#imagenBuscar:hover{
background: #252525;
color: white;
}
#contenido2{
background: rgb(226, 226, 226);
height: 180px;
margin-bottom: 0;
width: 100%;
margin-right: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
}
#barraTitulo{
min-width: 90.5%;
background:#274587;
border-top-left-radius:6px;
border-top-right-radius:6px;
-webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
padding-left: 10px;
padding-top: 1.5%;
height: 50%;
}
#message{
margin-top: 30px;
}