@charset "UTF-8";
/* CSS Document */

#wrapper{ width:90%; height:auto; margin:0px auto; text-align:center;     padding: 10px 0px 4px 0px;     max-width: 1200px;     display: -webkit-box; }

#fondo{ width:100%; height:auto; margin:0px auto; text-align:center; background-image:url(fondo.jpg); background-size:cover; background-position:center; background-attachment:fixed; min-height:1000px;}

#wrapperlogo{ width:100%; height:auto; text-align:center; margin:0px auto; background-color:rgba(255,255,255,0.80);     position: fixed;}

body{    margin: 0px auto;}

h1{ font-size:45px; text-align:left; color:rgba(0,0,0,1.00); font-weight:600; font-family: 'Hind', sans-serif;    line-height: 50px;     padding: 0px 20px; }

p {
    font-size: 18px;
    text-align: justify;
    color: rgba(0,0,0,1.00);
    font-weight: 100;
    font-family: 'Hind', sans-serif;
    line-height: 22px;
    padding: 0px 20px;
}

.maps {
    width: 100%;
    height: 300px;
    text-align: center;
    margin: 0px auto;
    background-size: cover;
    background-color: rgba(238,238,238,1.00);    display: inline-block;
}

img{ max-width:100%; height:auto; border:none;}

.espacio{ width:100%; height:auto; min-height:800px; margin:0px auto; display:inline-block;}

footer{ width:100%; height:auto; padding:40px 0px 40px 0px; text-align:center; margin:0px auto; background-color:rgba(255,255,255,0.80);font-size: 16px; font-family: 'Hind', sans-serif;    display: inline-block;
    color: black;     font-weight: 100;}
	
#datos{ width:100%; height:auto; text-align:center; margin:0px auto; display:inline-block; background-color:rgba(255,255,255,0.80);}

#wrapperdatos{ width:100%; height:auto; margin:0px auto; text-align:center; display:inline-block; max-width:1200px;}

.tipo{font-size: 24px;
    text-align: center;
    color: rgba(0,0,0,1.00);
    font-weight: 100;
    font-family: 'Hind', sans-serif;
    line-height: 29px;
    padding: 0px 20px;    margin: 10px auto;}
	
	#frame{width: 315px;
  height: auto;
margin: 0px auto;}
  
 #infocontact{  width: 100%;
  height: auto;
  max-width: 600px;
  min-height: 500px;
  text-align: right;
  padding-top: 20px;
  display: inline-block;}

@media screen and (max-width: 800px){
	
	h1 {
    font-size: 35px;
    text-align: left;
    color: rgba(0,0,0,1.00);
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    line-height: 35px;
        padding: 35px 20px;
}
	
}

@media screen and (max-width: 600px){
	
	h1 {
    font-size: 25px;
    text-align: left;
    color: rgba(0,0,0,1.00);
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    line-height: 27px;
    padding: 50px 20px;
}
	
}

@media screen and (max-width: 500px){
	
	    	h1 {font-size: 18px;
    text-align: left;
    color: rgba(0,0,0,1.00);
    font-weight: 600;
    font-family: 'Hind', sans-serif;
    line-height: 22px;
    padding: 60px 20px;}
	
}

@media screen and (max-width: 420px){

#wrapper {
    width: 90%;
    height: auto;
    margin: 0px auto;
    text-align: center;
    padding: 10px 0px 4px 0px;
    max-width: 1200px;
    display: block;
}

h1 {
    font-size: 18px;
    text-align: center;
    color: rgba(0,0,0,1.00);
    font-weight: 400;
    font-family: 'Hind', sans-serif;
    line-height: 22px;
    padding: 0px 0px;
}

}

#contacto{ width:100%; height:auto; margin:0px auto; text-align:center; background-color:rgba(255,255,255,1.00)
;     padding: 50px 0px 30px 0px;}

/*Redondear Campos de Texto*/	

input[type="password"], input[type="search"] , input[type="form"], input[type="email"], input[type="tel"], textarea {
    border:1px solid #ccc;
    font-size:16px;
	margin:0px 5px 0px 0px;
    padding:5px-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;-o-border-radius:5px;
	border-radius:5px; text-align:center; font-family:Verdana, Geneva, sans-serif;
	width:250px;} 	
	
	 input[type="text"], textarea {
    border:none;
    font-size:16px;
	margin:0px 5px 0px 0px;
    padding:5px-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;-o-border-radius:5px;
	border-radius:5px; text-align:center; font-family:Verdana, Geneva, sans-serif;
	width:250px;
	/*background-image: linear-gradient(to bottom,#00758a,#014457);*/
background-repeat: repeat-x;
height: 32px;
color:#ffffff;
background-color: #fbfbfb;
} 

#forma{ max-width:500px; height:auto; margin:0px auto;}
#formanombre, #formatelefono, #formaemail, #formamensaje, #formaenviar{    max-width: 500px;
    height: 40px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    margin: 20px;
    font-size: 18px;
    font-weight: 400; display:inline-block;
}

#formamensaje, #formaenviar{ height:100px;}

.g-recaptcha{  width: 310px; display: inline-block;}

input{    background-color: red;
    color: white;
    font-size: 18px;
    margin: 10px auto;
    border: none;
    padding: 10px 15px 10px 15px;
}