div#container{
max-width:1200px;
margin:20px auto;
float:center;
  border: 3px solid #426;
display: table;
}

div#container div#image .img-fluid{
height:100%;
padding:0;
margin:0;
width:100%;
position:relative;
top:0px;
}

div#container section{
float:center;
width:100%;
border: 0px solid #ccc;
margin:0px;
padding: 0px;
min-height:30px;
text-align:center;
background-color:#cde;
}


div#container main section div#date{
float:center;
font-size: 25px;
font-weight: bold;
color: #008;
float:center;
padding:10px;
margin: 0px;
}


div#main{
background-image:url('../images/ciell.png');
width:100%;
border: 0px solid #ccc;
float:center;
padding:0px;
margin:0px;
}



table{
background-image:url('../images/ciell.png');
color:#00f;
float:center;
text-align:center;
width:100%
}

table .row{
100%;
}

td {
color:#00a;
font-size:18px;
width:8%;
font-weight: bold;
}

td a {
color:#f00;
}

td a:hover
{
background-color:#000;
color:#fff;
text-decoration:none;
}

div#container main div#iframe
{margin:0;
padding:0;
height:30px;
position:relative;
width:100%;
bottom:0;
}

/* tablets */
@media (min-device-width: 768px)
and (max-device-width: 1024px)
{
div#container main td a,
div#container main td
{font-size:20px;}
{

}

/* smartphones */
@media (max-device-width: 767px)
{
div#container main td a,
div#container main td,
div#container main section div#date
{font-size:20px;}
}