@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=PT+Sans:700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);


.pagina {max-width: 960px;
         margin: 0px auto 0px auto;}

.logo {text-align: center}

.section1 {width: 100%;
           height: 250px;
           background: none;
           float: left;}

.section2 {width: 100%;
          height: 255px;
          background:#333332;
          float: left;}

.section3 {width: 100%;
           height: 505px;
           background: #333332;
           float: left}

.section4 {width: 50%;
           height: 505px;
           background: #333332;
           float: left}

.section5 {width: 50%;
           height: 505px;
           background: none;
           float: right}

.section6 {width: 50%;
           height: 505px;
           background: #333332;
           float: left}

.section7 {width: 50%;
           height: 505px;
           background: none;
           float: right}

.rotulogrupal {width: 70%;
               height: 250px;
               margin: 150px 25px 25px 25px;
               text-align: left}

.josefinasironi {width: 94%;
                 height: 205px;
                 margin: 25px;
                text-align: left:}

.fotojosefina {height: 130px;
               margin: 95px 255px 25px 25px;
               float: left;}

.imagencisne {width: 89%;
              margin: 50px 50px 50px 50px;
              text-align: left}

.imagenpajaritos {width: 89%;
              margin: 50px 50px 50px 50px;
              text-align: left}

.plan  {width: 70%;
        height: 305px;
        margin: 150px 25px 25px 25px;
        text-align: left}

.mapasvg {margin: 100px 25px 25px 25px;
          float: left;}

body {background-image: url(imgs/seamless_paper_texture.png)}

header {widht: 100%;
        height: 100px;
        background: #333332;
        margin: 0 auto 0 auto;}

nav {width: 100%;
     height: 25px;
     background: none;
     margin: 0 auto 0 auto;}

nav li { list-style: none; 
         font-family: 'PT Sans', sans-serif;
         font-size:12pt;
         display: inline-block;
         text-align: center;
         width:20%; 
         height: 25px;
         margin: 0 0px 0 auto; 
         background: #DE7898;
         float: left}

ul {margin: 0;
    padding: 0;}

nav a {color: #FFFFFF; 
       text-decoration: none}


main {width: 100%;
      height: 505px;}

footer {width: 100%;
        height: 50px;
        margin: 0px auto 0px auto;
        background: #DE7898;
        text-align: center;}

h1 {font-size: 17px;
    font-family: 'PT Sans', sans-serif;
    color: #DE7898;
    margin: 0 0 0 0}

h2 {font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    color: #FFFFFF;
    margin: 0 0 0 0}

p   {font-size: 12px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 0 0 0}

h3  {font-size: 10px;
    font-family: 'PT Sans', sans-serif;
    color: #FFFFFF;    
    margin: 0px 0px 0px 0px;
    padding: 10px;
    }

@media screen and (max-width: 768px) {
    
    footer {width: 98%}

    section article {width: 98%} 
    
    aside article {display: none}
    
    .section1 {width: 98%} 

    .section2 {width: 98%}
    
    .section3 {width: 98%}
    
    .section4 {width: 98%}
    
    .section5 {display: none}
    
    .section6 {width: 98%}
    
    .section7 {display: none}
    
    .plan {width: 98%}
    
    .mapasvg {width: 98%}

}