@import url(http://fonts.googleapis.com/css?family=Hind:400,300,500,600,700);
 
body {font-family: 'Hind', sans-serif;
} 

* {list-style-type: none;}

#pagina {width: 100%;
         height: 100px;
         position: relative;
         margin:0px 0px;
}

header {position: relative;
        float: left;
        background-color: rgba(255, 255, 255, 0.48);
        width:90%;
        height: 360px;
        text-align: center;
        padding: 50px 0px;
        margin: 0px 40px;
}

#logowajsman img{
                 max-width: 14%;
                 margin-bottom: 6%; 
                 margin-left: -150px;
}

header nav {position: relative;
            float: left;
            width:100%;
            margin-top: -20px;
            padding: 0px 220px;
            position: relative;
}

header nav #menu {
                  padding: 0px 0px 0px 20px;
                  margin: 0;
                  overflow: hidden;
}

header nav > #menu > li {
                         list-style-type: none;
                         float: left; 
                         margin: 0px 250px 0px 0px;
}

header nav > #menu > li > a {
                             border-bottom: solid 6px;
                             font-size: 105%;
                             font-weight: 600;
                             padding: 5px 0px;
                             margin: 7px 10px 10px 0px;
                             }

header nav > #menu > li > a:hover {
                                   background:#000;
                                   color: #fff;
}

div > ul > li > a {
                   font-size: 80%;
                   text-decoration: none;
                   padding: 2px 20px 2px 20px;
                   margin-left: -50px;
}

header nav #menu li a {
                       text-decoration: none;
                       display: block;
                       font-family: 'hind';
                       color: #000;
}

#iconoface  {
             z-index: 60;
             position: absolute; 
             top: 490px;
             left: 1240px;
             max-width: 2%;
}

ul #iconotwitter  {
             z-index: 60;
             position: absolute; 
             top: 530px;
             left: 1240px;
              max-width: 2%;
}

ul #iconorayo  {
             z-index: 60;
             position: absolute; 
             top: 570px;
             left: 1240px;
             max-width: 2%;
}

ul#menusecundario {z-index: 60;
                   padding: 0;
                   max-width: 10%;
                   position: absolute;
                   top: 377px;
                   left: 50px;
}

ul#menusecundario li { padding: 0;
}

ul#menusecundario li a {
                        padding: 3px 25px;
                        margin:132px 0px 0px 0px;
                        color: #f00;
                        font-size: 11px;
                        font-weight: 700;
                        text-decoration: none;
                        display: block;}

.rotar 
{
    white-space:nowrap;
	-webkit-transform: rotate(-90deg);
}

.rotar:hover {background-color: #fe0}

#fotosdisplay {
               position: relative;
               max-width: 70%;
               margin-left: 8%;
               margin-top: 1%;
}

#trianguloamarillo {z-index: -60;
                    position: absolute;
                    top: 0%;
                    left: -10%;
                    width: 90%;
                    margin-left: 8%;
                    margin-top: 0%;
                    float: left;
}

aside {
       float: left;
       position: relative;
       width:20%; 
       height: 417px;
       margin: 0;
}

#imagencalendario {
    float: left;
    max-width: 75%;
    position: relative;
    margin: 0px 15px;}


main {
      position: relative;
      float: left;
      background-color: #e0e0e0;
      width:70%; 
      padding: 0px 0px;
      margin-left: 8%;
}

.contenido {position: relative;
            float: left;
            background-color: #fff;
            width:100%;
            padding: 0px 10px;
            margin-left: 4%;
}

.contenido p {
            font-size: 14px;
            text-decoration: none;
            font-weight: 400;
            margin: 15px 19px;
}

#flotanteizquierda {
   float: left;
   border: solid 4px;
   width: 27%; 
   height: 400px;
   margin: 10px 3px;
   padding: 0px;
}

article {
   float: left;
   border: solid 4px;
   width: 27%; 
   height: 400px;
   margin: 10px 3px;
   padding: 0px;
}

article #bienvenidos {
              max-width: 92%;
              margin: 0px 6px;
}

article #exposicionesportada {
                              position: relative;
                              max-width: 82%;
                              margin: 0px 15px;}


article #informacionportada {
   max-width: 82%;
   margin: 0px 24px;
}

h2 {
    text-decoration: none;
    font-family: 'hind';
    font-size: 16px;
    text-align: center;
    margin: 10px 3px;
    color: #000;
}

h3 {
    text-decoration: none;
    font-family: 'hind';
    font-size: 16px;
    text-align: center;
    margin: 10px 3px;
    color: #000;
}

h3 {
    text-decoration: none;
    font-family: 'hind';
    font-size: 16px;
    text-align: center;
    margin: 10px 3px;
    color: #000;
}

footer {
        clear: both;
        border: solid #f00 2px;
        width:100%; 
        height: 60px;
        padding: 25px 170px;
        margin: 0;
        
}

footer p {
    text-decoration: none;
    color: #555; 
    font-size: 12px;
    font-style: italic;}