h1{
    /*font-size:16.0pt;*/
    font-size:36.0pt;
    font-family:Algerian, fantasy;
}

h2,h3,h4{
	/*font-size:16.0pt;*/
	font-size:30.0pt;
	font-family:Algerian, fantasy;
}

a{
  /*color:white;*/
  color:blue;	
}

div.contenedor{
	       width:100%;
	       /*max-width:1000px;*/
	       margin:0 auto;  /* para centrar en pág*/
	       /*background:orange;*/
	       background:lightgrey;
	       font:12pt Arial;
	       overflow:hidden;
}

div.logotipo{
	   /*width:30%;*/  /* la caja div.logotipo ocupará el 30% del ancho de pantalla disponible. Si no se activa, ocupará el 100% de la pantalla*/
	   /*max-width:300px;*/
	   /*height:auto;*/
	   position:relative;
                   /*top:-10px;*/
                   /*bottom:0px;*/
                   /*right:0px;*/
                   left:240px;
	   /*margin:0 auto;*/ /*se centrará la caja div.logotipo en el ancho de pantalla disponible. No funciona si no se especifica width ya que el width sería el 100% del espacio de pantalla*/ 
	   /*background:orange;*/
	   /*overflow:hidden;*/   
}

div.encabezado{
                    width:55%;
                    position:relative;
                    /*top:-320px;*/
	    top:-20px;
                    bottom:0px;
                    right:0px;
                    left:430px;
	/*padding:20px 20px;*/
	/*background:blue;*/
	/*color:white*/
}

div.teléfonos{
	width:30%;
                position:relative;
                top:0px;
                bottom:0px;
                right:0px;
                left:40px;
	/*padding:20px 20px;*/
	/*background:blue;*/
	/*color:white*/
 	display:none;
}

div.foto1{
                /*display:inline-block;*/
            /*width:255px;*/
             position:relative;
             top:-10px;
             bottom:0px;
             right:0px;
             left:240px;
	/*padding:20px 20px;*/
	/*background:blue;*/
	/*color:white*/
}

div.certificada{
             width:40%;
             position:relative;
             top:-30px;
             bottom:0px;
             right:0px;
             left:240px;
	/*padding:20px 20px;*/
}

div.foto2{
                /*display:inline-block;*/
               /*width:255px;*/
               position:relative;
               top:-10px;
               bottom:0px;
               right:0px;
               left:240px;
	/*padding:20px 20px;*/
	/*background:blue;*/
	/*color:white*/
}

div.periodística{
             width:50%;
             position:relative;
             top:-40px;
             bottom:0px;
             right:0px;
             left:240px;
}

div.foto3{
              /*display:inline-block;*/
             /*width:255px;*/
             position:relative;
             top:-20px;
             bottom:0px;
             right:0px;
             left:240px;
	/*padding:20px 20px;*/
	/*background:blue;*/
	/*color:white*/
}

div.literaria{
             width:40%;
             position:relative;
             top:-60px;
             bottom:0px;
             right:0px;
             left:240px;
}

div.txt2{
           /*display:inline-block;*/
           /*width:800px;*/
           /*background:grey;*/
           /*color:blue;*/   
           width:80%; 
           position:relative;
           top:-90px;
           bottom:0px;
           right:0px;
           left:130px;   
}

div.txt3{
           /*display:inline-block;*/
           width:80%;
           /*background:green;*/
           /*color:blue;*/   
           position:relative;
           top:-70px;
           bottom:0px;
           right:0px;
           left:130px;    
}

section.main{
	display:none;
	 /*width:40%;*/
	 /*position:relative;*/
                 /*top:-850px;*/
                 /*bottom:0px;*/
                 /*right:0px;*/
                 /*left:520px;*/
	 /*color:blue;*/
}

div.redacción{
	/*width:57%;*/
	/*margin:0px 355px;*/
	box-sizing:border-box;
	width:40%;
	/*padding:10px 20px;*/
	position:relative;
                top:-20px;
                bottom:0px;
                right:0px;
                /*left:370px;*/ 
	left:0px;   
	/*background:blue;*/
	margin:0 auto;  /* para centrar en pág */
	/*color:white;*/
}

div.tarjeta{
	/*width:57%;*/
	/*margin:0px 355px;*/
	box-sizing:border-box;
	width:40%;
	/*padding:10px 20px;*/
	position:relative;
                top:0px;
                bottom:0px;
                right:0px;
                /*left:370px;*/ 
	left:0px;  
	/*background:green;*/
	margin:0 auto;  /* para centrar en la pág*/
	/*color:white;*/
}

div.home{
	/*width:57%;*/
	/*margin:0px 355px;*/
	box-sizing:border-box;
	width:40%;
	/*padding:10px 20px;*/
	position:relative;
                top:0px;
                bottom:0px;
                right:0px;
                /*left:370px;*/ 
	left:0px;  
	/*background:green;*/
	margin:0 auto;  /* para centrar en la pág*/
	/*color:blue;*/
}

div.confirmación{
	/*width:57%;*/
	/*margin:0px 355px;*/
	/*width:360px;*/
	/*padding:10px 10px;*/
	width:40%;
	position:relative;
                top:-10px;
                bottom:0px;
                right:0px;
                /*left:370px;*/   
	font:12pt Arial;
	/*background:blue;*/
	margin:0 auto;  /* para centrar en la pág*/
	/*color:white;*/
}

div.teléfonos2{
	/*width:57%;*/
	/*margin:0px 355px;*/
	width:40%;
	/*padding:10px 10px;*/
	position:relative;
                top:0px;
                bottom:0px;
                right:0px;
                /*left:350px;*/
	left:0px;   
	/*background:blue;*/
	/*color:white;*/
	margin:0 auto;  /* para centrar en la pág*/
}

div.dirección{
	/*width:57%;*/
	/*margin:0px 355px;*/
	width:40%;
	/*padding:10px 10px;*/
	position:relative;
                top:0px;
                bottom:0px;
                right:0px;
                /*left:350px;*/
	left:0px;   
	/*background:blue;*/
	/*color:white;*/
	margin:0 auto;  /* para centrar en la pág*/
}

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

		a{
		  /*color:white;*/
		  color:blue;	
		}
	
		h1{
   		    /*font-size:16.0pt;*/
    		    font-size:40.0pt;
    		    font-family:Algerian, fantasy;
		}

		h2,h3,h4{
		              /*font-size:16.0pt;*/
		              font-size:40.0pt;
		              font-family:Algerian, fantasy;
		}

		div.contenedor{
	       		width:100%;
	      		/*max-width:1000px;*/
	       		margin:0 auto;
	       		/*background:orange;*/
	      		background:lightgrey;
	      		font:40pt Arial;
	       		overflow:hidden;
		}
		
		img{
		      width:80%;
		       height:auto;
		}

		div.logotipo{
	   		/*width:80%*/  /* si no se activa, la caja div.logo ocupará el 100% del ancho de pantalla disponible */
	   		/*max-width:300px;*/
	   		height:auto;
	   		/*margin:0 auto;*/
	   		/*background:orange;*/
	   		/*overflow:hidden;*/  
			 position:relative;
                                                 top:0px;
                                                 bottom:0px;
                                                 right:0px;
                                	 left:30px;
			 margin:0 auto;  /* para centrar en la pág. No funciona si no se define width */
		}	

		div.encabezado{
			       width:80%;
			        position:relative;
                                                        top:-10px;
                                                        bottom:0px;
                                                        right:0px;
                                                        /*left:170px;*/
			         left:0px;
			        /*font-size:35px;*/
			        font-size:40px;	
	    		        margin:0 auto;  /* para centrar en la pág*/
		}

			div.teléfonos{
	                                               width:60%;
                                                                position:relative;
                                                                top:-170px;
                                                                bottom:0px;
                                                                right:0px;
                                                                left:310px;
				/*font-size:35px;*/
				font-size:40px;	
	                                               /*padding:20px 20px;*/
	                                               /*background:blue;*/
	                                               /*color:white*/
			               display:none;
			}

			div.foto1{
              			          /*display:inline-block;*/
            			          /*width:255px;*/
			          /*width:70%;*/
           			          position:relative;
            			          top:0px;
             			          bottom:0px;
            			          right:0px;
             			          /*left:240px;*/
			          left:40px;
			          /*padding:20px 20px;*/
			          /*background:blue;*/
			          /*color:white*/
			          margin:0 auto;  /* para centrar en la pág. No funciona si no se define width ya que entonces el width equivale al 100% */
			}

			div.certificada{
             				width:80%;
             				position:relative;
             				top:-10px;
             				bottom:0px;
            				right:0px;
             				/*left:220px;*/
				left:0px;
				/*font-size:35px;*/
				font-size:40px;	
				/*padding:20px 20px;*/
				margin:0 auto;  /* para centrar en la pág*/
			}

			div.foto2{
               			             /*display:inline-block;*/
               			             /*width:255px;*/
			             /*width:70%;*/
               			             position:relative;
               			             top:0px;
               			             bottom:0px;
               			             right:0px;
               			             left:40px;
			             /*padding:20px 20px;*/
			             /*background:blue;*/
			             /*color:white*/
			             margin:0 auto;  /* para centrar en la pág. No funciona si no se define width ya que eso equivale a width de 100% */
			}

			div.periodística{
             				width:80%;
             				position:relative;
             				top:-40px;
             				bottom:0px;
            				right:0px;
             				/*left:240px;*/
				left:0px;
				/*font-size:35px;*/
				font-size:40px;	
				margin:0 auto;  /* para centrar en la pág */
			}

			div.foto3{
                		             /*display:inline-block;*/
             			             /*width:255px;*/
             			             position:relative;
             			             top:-20px;
             			             bottom:0px;
             			             right:0px;
             			             left:40px;
			              /*padding:20px 20px;*/
			              /*background:blue;*/
			              /*color:white*/
			}

			div.literaria{
            				width:80%;
             				position:relative;
             				top:-70px;
             				bottom:0px;
            				right:0px;
            				/*left:240px;*/
				left:0px;
				/*font-size:35px;*/
				font-size:40px;
				margin:0 auto;  /* para centrar en la pág*/	
			  }

			div.txt2{
           			            /*display:inline-block;*/
          			            /*width:800px;*/
          			            /*background:grey;*/
           			            /*color:blue;*/   
           			            width:80%; 
          			            position:relative;
           			            top:-130px;
           			            bottom:0px;
           			            right:0px;
           			            /*left:130px;*/
			            left:0px;   
			            /*font-size:35px;*/
			            font-size:40px;	
			            margin:0 auto;  /* para centrar en la pág*/	
			}

			div.txt3{
           			          /*display:inline-block;*/
           			          width:80%;
           			           /*background:green;*/
           			           /*color:blue;*/   
           			           position:relative;
           			           top:-120px;
           			           bottom:0px;
           			           right:0px;
           			           /*left:130px;*/
			           left:0px;  
			           /*font-size:35px;*/
			           font-size:40px;
			           margin:0 auto;  /* para centrar en la pág*/	  
			    }	

			    div.redacción{
		    	        	        /*width:57%;*/
				        /*margin:0px 355px;*/
				        /*box-sizing:border-box*/
			    	        width:70%;
				        /*padding:10px 20px;*/
				        position:relative;
                			        top:-20px;
                			        bottom:0px;
                			        right:0px;
                			        /*left:230px;*/
				        left:0px;   
				        /*background:blue;*/
				        /*color:white;*/
				        /*font-size:35px;*/
				        font-size:40px;	
			 	        margin:0 auto;  /* para centrar en la pág*/
				        /*display:none;*/
			       }

			       div.home{
				     /*width:57%;*/
				     /*margin:0px 355px;*/
				     box-sizing:border-box;
				     width:70%;
				      /*padding:10px 20px;*/
				      position:relative;
                			      top:0px;
                			      bottom:0px;
                			      right:0px;
                			      /*left:370px;*/ 
				      left:0px;  
				      /*background:green;*/
				      font-size:40px;	
				      margin:0 auto;  /* para centrar en la pág*/
				      /*color:blue;*/
			         }

			      div.tarjeta{
			     	 /*width:57%;*/
			      	/*margin:0px 355px;*/
			     	/*box-sizing:border-box;*/
			      	width:70%;
			     	/*padding:10px 20px;*/
			      	position:relative;
                		     	top:0px;
                		      	bottom:0px;
                		      	right:0px;
                		     	/*left:270px;*/ 
				left:0px;  
			      	/*background:green;*/
			      	/*color:white;*/
			     	/*font-size:35px;*/
				 font-size:40px;	
				 margin:0 auto;  /* para centrar en la pág*/
				 /*display:none;*/
			        }		

			        div.confirmación{
			        		/*width:57%;*/
			        		/*margin:0px 355px;*/
					/*width:360px;*/
					/*padding:10px 10px;*/
					width:70%;
					position:relative;
                				top:-10px;
                				bottom:0px;
                				right:0px;
                				/*left:220px;*/
					left:0px;   
					/*background:blue;*/
					/*color:white;*/
					font-size:40px;
					margin:0 auto;  /* para centrar en la pág*/
				}

				div.teléfonos2{
	                                               		    width:100%;
                                                                	    position:relative;
                                                                	    top:0px;
                                                                	    bottom:0px;
                                                                	    right:0px;
                                                                	    /*left:310px;*/
					    left:0;
					    /*font-size:35px;*/
					    font-size:40px;	
	                                               		    /*padding:20px 20px;*/
	                                              		    /*background:blue;*/
	                                               		    /*color:white*/
					    margin:0 auto;  /* para centrar en la pág*/
			                }

				div.dirección{
					/*width:57%;*/
					/*margin:0px 355px;*/
					width:100%;
					/*padding:10px 10px;*/
					position:relative;
              					top:0px;
               					bottom:0px;
               					right:0px;
              					/*left:240px;*/
					left:0px;   
					/*background:blue;*/
					/*color:white;*/
					/*font-size:35px;*/
					font-size:40px;	
					margin:0 auto;  /* para centrar en la pág*/
				  }

}