@charset "utf-8";
/* CSS Document */
* { border:0;
margin:0;
padding:0;
box-sizing:border-box;

}
@import url('https://fonts.googleapis.com/css?family=Open+Sans|PT+Serif|Roboto&subset=latin-ext"&display=swap');
.main {
	width: 100%;
	top: 0px;
	
}


#top, #dosim, #app, #tripu, #cuatro, .main, #cuatro, .sepa, #forma {display:block; }

a{ color: #666666; text-decoration:none;}
a:hover{ color:#000000; text-decoration:underline; }
a:active{ color: #666666; }

#logo{ margin-top:60px; }

#pp{ width:540px; margin:auto; margin-top:60px; }
#pp p{font-family:'PT Serif', serif; font-style:italic; text-align:center; font-size:16px; color:#666666; line-height:30px}
#sp{ width:540px; margin:auto; margin-top:30px; border: #CCCCCC; border-style:solid; border-width:thin;}
#sp p{font-family: 'Open Sans', sans-serif; font-style:normal; font-size:14px; text-align:justify; padding-left:30px; padding-right:30px;}
#botongris { width:540px; margin:auto; background-color:#999999; margin-top:30px; }
#botongris:hover { opacity: 0.5;}
#botongris p{font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:16px; text-align:center; padding-bottom:15px; padding-top:15px; color:#FFFFFF; }

.op{font-family: 'Open Sans', sans-serif;  font-size:16px; text-align:center; margin-bottom:50px; margin-top:50px; }

#top {width:100%;height:660px;background-image:url(images/mm-slider.png);position:relative;background-position:center center;}


#app { width:1110px; margin:auto; margin-top:90px; margin-bottom:90px }
#dosim {width:1110px; margin:auto; }
#dosim img#apdf:hover{opacity: 0.5;}
#pie img:hover{opacity: 0.5;}



#tripu {margin:auto; margin-top:60px; }
#tripu img{max-width:340px; margin-bottom:30px; }

.lantes{ margin-bottom:30px; }
.lantes2{ margin-bottom:90px; }

#cuatro {width:1110px; padding-top:30px; margin:auto; padding-bottom:1230px; height:300px;}
.cuarto { width:255px; float:left;  }
.md { margin-right:30px; }



hr {border-top: 1px solid #CCCCCC;}

h2 {font-family: 'Roboto', sans-serif; font-size:30px; font-weight:bold;}
h3 {font-family: 'Open Sans', sans-serif;  font-size:16px; text-align:center; margin-top:60px; margin-bottom:60px;}

h4 {font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold;}


.sepa { width:100%; border-top:1px solid #CCCCCC; height:10px;  }

#forma{width:540px; margin:auto; }

input {
	height: 40px;
	width: 100%;
	border: thin solid #CCCCCC;
	padding-left:10px;
	color:#333333;
	margin:15px;
	font-family: 'Roboto', sans-serif;
	 -webkit-appearance: none;     -webkit-border-radius: 0; 
}

#ta{width: 100%;
	border: thin solid #CCCCCC;
	padding-left:10px;
	color:#333333;
	margin:15px;
    padding-top:10px;
	font-family: 'Roboto', sans-serif;
	 -webkit-appearance: none;     -webkit-border-radius: 0; 
	}
	
#enviar{ background-color:#999999; height:60px; color:#FFFFFF; font-weight:bold; cursor:pointer;   -webkit-appearance: none;     -webkit-border-radius: 0; }
#enviar:hover { opacity: 0.5;}



@media screen and (max-width: 890px){
#dosim { width:98%; }
#cuatro { width:70%; height:700px; padding-bottom:740px; }
#forma { width:100%; margin:auto; }
#pp { width:96%; }
#sp { width:96%; }
#botongris { width:96%; }
}
@media screen and (max-width: 768px){
#cuatro { width:100%; height:1400px;  padding-bottom:1600px; }
.cuarto { width:100%; margin:auto; padding-top:30px;   }

}

@media screen and (max-width: 568px){
input { width:90%;  }
#ta { width:90%; }
}
@media screen and (max-width: 540px){
#app { width:96%; margin:auto; margin-top:80px; margin-bottom:80px;}
/*#forma { width:96%; margin:auto; }*/

}
@media screen and (max-width: 420px){
#botongris p{font-size:14px; }
#pp p{padding:10px; }
#app { width:96%; }
#app p{padding:10px; }

}
@media screen and (max-width: 320px){
h2{ padding:10px; }
.op{ padding:10px; }

}