body
{
   font-family: Arial, Helvetica, sans-serif;
}

#container
{
   width: 1265px;
   margin: auto;
   display: grid;
   grid-template-areas: 'title title'
                        'main_menu main_area'
                        'footer footer';
}

#title
{
   grid-area: title;
   width: 100%;
   text-align: center;
}

#main_menu
{
   grid-area: main_menu;
   width: 265px;
}

.main_option
{
   display: block;
   padding: 11px;
   text-decoration: none;
   color: black;
}

.selected_main_option
{
   font-weight: bold;
}

.main_option:hover
{
   background-color: #f0f0f0;
   border-radius: 5px;
}

#main_area
{
   width: 1000px;
   text-align: center;
   padding: 0px 10px;
}

#main_img
{
   display: inline-block;
   height: 250px;
   margin: 5px;
}

.photo
{
   border-radius: 5px;
}

.photo:hover
{
   scale: 1.5;
   transition: 0.3s;
}

#main_text
{
   text-align: left;
   font-size: 12px;
}

#footer
{
   grid-area: footer;
}

#copyright
{
    width: 100%;
    text-align: center;
}

.italic
{
   font-style: italic;
}

.bold
{
   font-weight: bold;
}

.text, .lateral_photo
{
   display: inline-block;
}

.text
{
   width: 315px;
   vertical-align: top;
   padding-right: 10px;
}

.romana
{
   height: 177px;
}

.visigoda
{
   height: 310px;
}

.medieval
{
   height: 165px;
}

.renaixement
{
   height: 239px;
}

.barroc
{
   height: 372px;
}

 .neoclassicisme
 {
   height: 360px;
 }

.historicisme
{
   height: 180px;
}

.a1888
{
   height: 187px;
}

.modernisme
{
   height: 204px;
}

.a1929
{
   height: 138px;
}

.seglexx
{
   height: 180px;
}

.jjoo
{
   height: 184px;
}

.mercats
{
   height: 185px;
}