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

* {padding:0;
	margin:0;}/*esta instrucción es un reset, el * significa todos los elemento, con esto eliminamos los margenes y padding que vienen por defecto en cada etiqueta*/
	
header,nav,footer,article,section { display:block;}/*mediante esta instrucción nos aseguramos de que las etiquetas semanticas se muestren y desplieguen en todos los exploradores*/

header {overflow:hidden;} /*overflow:hidden se utiliza como parche, para evitar que los elemntos que contienen flotación se salgan del div*/

@font-face {font-family: HelveticaLTStd-BlkCondObl;
            src: url(../font/HelveticaLTStd-BlkCondObl.otf) format('opentype');}
			
@font-face {font-family: HelveticaLTStd-BlkCond;
            src: url(../font/HelveticaLTStd-BlkCond.otf) format('opentype');}	
			
@font-face {font-family: HelveticaLTStd-BlkObl;
            src: url(../font/HelveticaLTStd-BlkObl.otf) format('opentype');}
			
@font-face {font-family: HelveticaLTStd-Light;
            src: url(../font/HelveticaLTStd-Light.otf) format('opentype');}		
			
@font-face {font-family: HelveticaLTStd-Bold;
            src: url(../font/HelveticaLTStd-Bold.otf) format('opentype');}
			
@font-face {font-family: HelveticaRoundedLTStd-Bd;
            src: url(../font/HelveticaRoundedLTStd-Bd.otf) format('opentype');}															

body {  background-color:#0071BC;}

#pagina { width:93.7%; /*CAMBIÓ A RESPONSIVO*/
		  margin: 20px auto 0 auto;
		  max-width: 960px; }
		  
header { height: 151px;
         background-image:url(../imagenes/nubes.png);
         background-repeat: no-repeat;
		 background-position:right }
		 
header img { margin-bottom: 0px;  }		 	
	
section { width:100%;/*CAMBIÓ A RESPONSIVO*/
		  height:auto;
		  overflow:hidden;
		  float:center;
		  display:inline-block;}	 		
		
nav {  float:right;
	   margin: 11.5% 12px 0 0; }/*CAMBIÓ EN RESPONSIVO*/
	  
/*elimina los puntos*/
nav ul { list-style:none;} 
	
nav a { color:#0066CC; /*color texto base boton*/
        font-size: 1.1em;
		letter-spacing: 1.1px; 
		text-decoration:none;
		font-family: 'HelveticaRoundedLTStd-Bd', sans-serif;
		width:auto; }	

nav ul li:hover,.activo{ background-color:#FF3399; /*accion muestra color activo de fondo de boton*/
                        border-radius: 10px;} 
						
nav ul li { display:inline-block;/*display inline block nos permite hacer que elemntos de bloque se comporten como elemntos de linea y se posiciones uno al lado del otro*/
			padding: 2px 8px 2px 8px ;
			width:auto;
			/*background-color: #000; color de fondo de boton*/
			text-align:center; 	}
				
nav a:hover {color:#fff;} /*acción muestra color de texto al colocarce sobre boton*/

nav a:active {color:#0066CC;} /*acción muestra color de texto al hacer click sobre boton*/

#contiene_slider { padding-top: 15px;
                   background-color: #00b0e0;}
			
.slider { width: 93.75%; /*CAMBIAR A RESPONSIO*/
          float: center;
		  padding: 0 3.125% 20px 3.125%;
          height: auto; /*CAMBIÓ A RESPONSIO*/
		  background-color: #43AEDD;
          margin: 30px auto 0 0; }	
		  
#contenido { background-color: #fff;
             height: 100%;
			 background-image: url(../imagenes/nubes_2.png);
		     background-repeat: no-repeat;
			 background-position: left bottom;  /*se pueden colocar medidas en porcentaje o en palabras*/
			 padding-bottom: 200px }
			 
.col_1,.col_2,.col_3,.col_4,.col_5 { width: 260px;
                       float:left;
					   padding: 6.25% 1.1% 0 1.1%;
					   margin-left: 30px;  }
        			 
h3  { color: #0071BC; /*color texto base boton*/
        font-size: 1.4em;
		letter-spacing: 0.5px; 
		text-decoration:none;
		margin-bottom: 8px;
		font-family: 'HelveticaRoundedLTStd-Bd', sans-serif; }	
		
#contenido p { color: #0071BC;
               font-size:0.8em;
               letter-spacing: 0.5px; /* esta orden es para dar espaciado entre la tipografía*/
               font-family: 'HelveticaLTStd-Light', sans-serif; }
			   
    p   { color: #fff;
          font-size:0.8em;
          letter-spacing: 0.5px; /* esta orden es para dar espaciado entre la tipografía*/
          font-family: 'HelveticaLTStd-Light', sans-serif; }	    		   	
			   
#footer { height: 240px;  }
		  
.ami_1 { width: 290px;
         padding: 40px 0 0 30px;
         float: left; }		  
		  
footer p { color: #fff;
           font-size:0.7em;
		   line-height: 18px;
           letter-spacing: 0.9px; /* esta orden es para dar espaciado entre la tipografía*/
           font-family: 'HelveticaLTStd-Light', sans-serif; }			  	   			 
			 
  h2  { color: #fff; /*color texto base boton*/
        font-size: 1.1em;
		letter-spacing: 0.5px; 
		text-decoration:none;
		font-family: 'HelveticaRoundedLTStd-Bd', sans-serif; }	
		
.logo_ami { float: right;
            padding: 20px 0 10px 0}
            
.facebook { float: left;
            padding: 30px 0 25px 30px }			 

     p1   { font-size:0.6em;
            letter-spacing: 0.9px; /* esta orden es para dar espaciado entre la tipografía*/
            font-family: 'HelveticaLTStd-Light', sans-serif; }
			
/*estados del link fabian...cl*/		   
 footer p1 a:link {color: #fff;}
 footer p1 a:visited {color: #fff}
 footer p1 a:hover {color: #00b0e0} 		 
 a:link {text-decoration:none}	
 
 /*--------------------------------------------------------------
 ---------------------     TRAYECTORIA     ----------------------
 -------------------------------------------------------------*/			 
			
.tias { float:left;
        padding: 6.25% 0% 0 0%;
					   margin-left: 30px;    }	
		
		
 /*--------------------------------------------------------------
 ---------------------     MATRICULAS     ----------------------
 -------------------------------------------------------------*/		 		 
 
.matriculas_2017 {  padding: 8px 0% 0 40%;
                 margin-top: 30px;
                 background-color:#FF3399;
				 height: 30px;
				 width: 100%;  }

.matriculas_2017 h3 { padding: 0px;
                     color: #FFF;
					 width: 93.75%; }	
					 
.iconos { width: 250px;
          float:left;
		 padding: 50px 20px 0px 20px;
		 margin-left: 20px;  }
		 
.jornadas { width: 66%;
             float:left;
			 margin: 100px 0 0 11%;
			 padding: 30px 40px 25px 5.8%;
             background-color:#00b0e0 }

.jornadas p2 {line-height: 22px;
              letter-spacing: 0.9px; }

.jornadas h3{ color:#FFF }		 

.horarios {  float:left;
             margin: 30px 8% 30px 12%;
		     width: 80%;  }

.horarios h3 { color:#FF3399;
               font-size: 1.3em}
			   
			   	 		
		
 /*--------------------------------------------------------------
 ---------------------     GALERÍA     ----------------------
 -------------------------------------------------------------*/		 		 


.info_galeria { width:208px;
		    padding: 60px 0 0px 0px;
			margin-left: 25px;
			}	  		
		
		figure	 { width:208px;
		    padding: 10px 0 40px 0px;
			margin-left: 25px;
			float:left;
			}	
			
figcaption { background-color: #43AEDD;
		color:#fff;
		text-align:center;
		height:20px;
		margin-top:1px;
		vertical-align:middle; }

p2 { color: #fff;
               font-size:0.8em;
               letter-spacing: 0.5px; /* esta orden es para dar espaciado entre la tipografía*/
               font-family: 'HelveticaLTStd-Light', sans-serif; }
			   
			   
		
 /*--------------------------------------------------------------
 ---------------------     CONTACTO     ----------------------
 -------------------------------------------------------------*/			   	
		
/*estilos formularios*/

#formulario { width: 90%;
              margin: 50px 0px 50px 18%;
			  float: center; }
			  
#formulario h3 { width: 60%;
              margin-left:  1%;
			   }	
			   
			   
/*GRACIAS*/

.mensaje_gracias { width: 60%;
           margin: 130px 0px 90px 28%;
			  float: center; }
			  			   		  
/*/////////*/

input, textarea, select {display:block;
                         border: 1px solid #ccc;
						 border-radius:5px;
						 margin:1%;
						 padding:1%;
						 width: 70%;
						 align: center; }

.boton { width: 60px ;
         height: 30px ; }
		 
		 
			
.mapa_google { width: 43.7%;
               margin: 50px 10px 50px 35px;
			   float: left;   }				  
			  
.mapa_google iframe { width: 100%;  }