@charset "utf-8";

.paginaSec{



 padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
font-size: 60px;
font-family: 'Lato', sans-serif;;

}

.pagina{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100;Blue+3D+%231 */
background: #f7fbfc; /* Old browsers */
background: -moz-linear-gradient(top,  #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-9 */

}

h2, h3 {
  color: #11242A;
  
}
h1{

text-align: center;
  border-radius: 14px; 
font-size: xx-large;
  color: #ffffff;
  padding-top: 40px;
  padding-right: 10px;
  padding-bottom: 50px;
  padding-left: 5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
background: rgb(206,220,231); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */


}


p {
  
text-align: justify-all;

 }

 strong{

  color: #11242A;
 }








@media screen and (min-width: 1100px) {
   .estiloVectorial {
      width: 300px  ;
      }
     #marco{
      
     	 width: 40%; 
     	 height: 300px; 
      
     
     }
      
      .paginaSec{
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fcfff4 0%,#e9e9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
    color:#494B4C;
      padding-top: 60px;
      padding-right: 80px;
      padding-bottom: 10px;
      padding-left: 80px;
      margin-top: 60px;
      margin-right: 80px;
      margin-bottom: 40px;
      margin-left: 80px;
    font-size:22px;
    font-family: 'Lato', sans-serif;
    border-radius: 24px;
    box-shadow: 0 0 5px 5px #888;
    
    }
}


@media  (max-width: 1100px) {
      .estiloVectorial {
           width: 200px  ;
            height: 200px  ;
      }
      
     
    
    h1{
      font-size: 65px
    }
    #marco{
     
     	 width: 80%; 
     	 height: 600px; 
      
    }


}

@media  (max-width: 300px) {
  .estiloVectorial {
       width: 200px  ;
        height: 200px  ;
  }
  
     
     
    
    h1{
      font-size: 65px
    }
    #marco{
    
     	 width: 80%; 
     	 height: 400px; 
      
    }

  
}