html, body{width:100%; margin:0 auto; font-family: 'Lato', sans-serif;}
body{background:#FFF;}

.modalDialog {position: fixed; 
	top: 0; right: 0; 	bottom: 0;	left: 0; background: rgba(0,0,0,0.8);	z-index: 99999;
	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;
}
.modalDialog:target {opacity:1;	pointer-events: auto;}

.modalDialog > div {
	width:80%; max-width: 700px; position: relative; margin: 5% auto; padding: 5px 20px 13px 20px; border-radius: 10px;
	background: #fff; height:auto; 
}
.close {background: #606061; color: #FFFFFF; line-height: 25px;	position: absolute;	right: -12px;	text-align: center;
	top: -10px;	width: 24px; text-decoration: none;	font-weight: bold;	-webkit-border-radius: 12px;
	-moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000;	box-shadow: 1px 1px 3px #000;
}


.close:hover { background: #ee3224; }

#botonConsulta a{color:#FFF; text-decoration:none;  display:block; font-weight:400;}

#botonConsulta{
  background: #ee3224;
  width:200px;
  color:#FFF;
  height:30px;
  padding:12px 5px 2px 5px;
  margin:0 auto;
  margin-top:60px;
  transition: background 0.6s ease 0s;
}  

#botonConsulta:hover{
background: #ffd200;
  
}


#texto-footer a{color:#ffd200;}

#texto-footer a:hover{color:#ee3224;}

#openModal h2{text-transform:uppercase; font-weight:300; letter-spacing:2px;}

.labelContacto{display:block; clear:both; font-size:12px; text-align:left; padding-left:10px;}
#descripcionContacto input:focus{border:1px solid #005D7C; outline:medium none; }
#descripcionContacto textarea:focus{border:1px solid #005D7C; outline:medium none; }
.inputContacto{ height:25px; width:100%; max-width:250px; border:1px solid #CCC;}
.textareaContacto{width:100%; height:100px; border:1px solid #CCC;}
.campoCapcha{width:100%; max-width:530px; margin:10px 5px;  clear:both; display:inline-block; margin-bottom:30px;}
.labelCapcha{font-size:20px; font-weight:bold; padding-right:10px; vertical-align:middle;}
.botonContacto{width:100%; max-width:160px; height:30px; background:#ee3224; color:#fff; border:0; font-size:12px; margin-top:20px; text-transform:uppercase; font-weight:bold; transition: background 0.6s ease 0s;}
.botonContacto:hover{background:#ffd200; color:#fff;}
.campoContacto{width:96%; max-width:270px; margin:10px 0px; display:inline-block;}
.campoContactotext{width:96%; max-width:520px; margin:10px 0px; display:inline-block;}
.campoContactotext label{padding:0;}



.modalDialog2 {position: fixed; 
	top: 0; right: 0; 	bottom: 0;	left: 0; background: rgba(0,0,0,0.8);	z-index: 99999;
	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;
}
.modalDialog2:target {opacity:1;	pointer-events: auto;}

.modalDialog2 > div {
	width:80%; max-width: 700px; position: relative; margin: 5% auto; padding: 5px 20px 13px 20px; border-radius: 10px;
	background: #fff; height:auto; 
}
.close2 {background: #606061; color: #FFFFFF; line-height: 25px;	position: absolute;	right: -12px;	text-align: center;
	top: -10px;	width: 24px; text-decoration: none;	font-weight: bold;	-webkit-border-radius: 12px;
	-moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000;	box-shadow: 1px 1px 3px #000;
}


.close2:hover { background: #00d9ff; }


.modalDialog3 {position: fixed; 
	top: 0; right: 0; 	bottom: 0;	left: 0; background: rgba(0,0,0,0.8);	z-index: 99999;
	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;
}
.modalDialog3:target {opacity:1;	pointer-events: auto;}

.modalDialog3 > div {
	width:80%; max-width: 700px; position: relative; margin: 5% auto; padding: 5px 20px 13px 20px; border-radius: 10px;
	background: #fff; height:auto; 
}
.close3 {background: #606061; color: #FFFFFF; line-height: 25px;	position: absolute;	right: -12px;	text-align: center;
	top: -10px;	width: 24px; text-decoration: none;	font-weight: bold;	-webkit-border-radius: 12px;
	-moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000;	box-shadow: 1px 1px 3px #000;
}


.close3:hover { background: #00d9ff; }

#openModal2 h2{text-transform:uppercase; font-weight:300; letter-spacing:2px;}
#openModal3 h2{text-transform:uppercase; font-weight:300; letter-spacing:2px;}



@media only screen and (max-width: 695px){.botonContacto{max-width:270px;}.campoContactotext{max-width:270px;}#direcel{display:none !important;} #direbox{display:none !important;} #boxloc{display:none !important;} #openModal h2{ font-size:16px; letter-spacing:1px;}
 #openModal p{ font-size:12px !important;}
}

@media only screen and (max-height: 520px){.modalDialog {position:absolute;} .modalDialog2 {position:absolute;} .modalDialog3 {position:absolute;}
}