body{
    width:100%;
}

#body-content{
    background:transparent no-repeat top left;
}

/*Estilos para apartados*/

#menu ul li.elayuntamiento a{background-color:#2a97d8;}
#menu ul li.serviciosmunicipales a{background-color:#a21ee0;}
#menu ul li.laciudad a{background-color:#e01eab;}
#menu ul li.serviciosonline a{background-color:#e0301e;}
#menu ul li.actualidadmunicipal a{background-color:#ffa200}
#menu ul li.agenda a{background-color:#d8ff00}

#menu ul li.elayuntamiento a:hover{background-color:#1872c1;}
#menu ul li.serviciosmunicipales a:hover{background-color:#7e10cb;}
#menu ul li.laciudad a:hover{background-color:#cb1089;}
#menu ul li.serviciosonline a:hover{background-color:#cb1b10;}

#news.actualidadmunicipal .header .title{border-top:3px solid #ffa200}
#events.agenda .header .title{border-top:3px solid #d8ff00}

/**/

/*HEADER*/

#header-tile {
    min-height: 0; /* IE7 Clearing */
    height: auto !important; /* IE5+6 Clearing */
    height: 1%;
}

#header-tile:after { /* CSS2 Clearing */
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#sentence{
    padding:0 0 0 50px;
    float:right;
    width:50%;
    text-align:right;
    overflow:hidden;
    margin-top:-73px;
}

#sentence .text{
    font-size:1em;
    background-color:#FFF;
    color:#0fa0f4;
    position: relative;
    vertical-align:middle;
}

#sentence .text .quote {
    top: 2px;
    left: -35px;
    background: url(../images/open-quote.png) no-repeat !important;
    background-image: url(../images/open-quote.gif); /* For IE6*/
    width: 27px;
    height: 20px;
    position: absolute;
    text-indent: 10em;
    overflow: hidden;
}

#sentence .author{
    color:#0fa0f4;
    font-size:.9em;
    background-color:#000;
    font-style:italic;
    vertical-align:middle;
    padding: 0.07em 0;
}

/**/

/*MENU*/

#menu-tile{
    padding:13.5em 0 0 0;
}

#menu {
    min-height: 0; /* IE7 Clearing */
    height: auto !important; /* IE5+6 Clearing */
    height: 1%;
    margin-right:15.5em;
}

#menu:after { /* CSS2 Clearing */
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#menu ul li a{
    color:#FFF;
    font-size:1.2em;
    display:block;
    padding:0 .4em;
}

#menu ul li a:hover{
    text-decoration:none;
}

#menu ul li{
    line-height:3.8em;
    display:block;
    float:left;
    padding:0 0 0 5px; /*Este padding es para el separador*/
    background:transparent url(../images/sep-menu.gif) no-repeat left center;
}

#menu ul li.first{
    padding:0;
    background:transparent;
}

#search-container{
    width:15.5em;
    float:right;
}

#search{
    width:13.5em;
    height:2.4em;
    float:right;
    background-color:#FFF;
    padding:.6em 1em;
}

#search form div{
    padding-bottom:.2em;
}

/**/

/*CONTENIDO DE LA PORTADA*/

#content-tile{
    padding:.6em 0 0;
}

* html #content-tile{
    padding:.3em 0 0;
}

#content-tile .content{
    background-color:#FFF;
    padding:0 1% 1em;
    width:47.5%;
}

#content-tile .content .header {
    min-height: 0; /* IE7 Clearing */
    height: auto !important; /* IE5+6 Clearing */
    height: 1%;
}

#content-tile .content .header:after { /* CSS2 Clearing */
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#content-tile .content .header .title{
    color:#000;
    font-size:1.2em;
    font-weight:bold;
    float:left;
    padding:.3em 0 0;
}

#content-tile .content .header .title a{
    color:#000;
    text-decoration:none;
}

#content-tile .content .header .title a:hover{
    text-decoration:none;
}

#content-tile .content .header .tools{
    list-style:none;
    display:block;
    float:left;
    padding:.8em .4em 0;
}

#content-tile .content .header .tools li{
    display:block;
    float:left;
    padding:0 .2em;
}

#content-tile .content .header .tools li a{
    opacity:1;
}

#content-tile .content .header .tools li a:hover{
    opacity:.75;
}

#news-entries{
    list-style:none;
}

#news-entries li{
    padding:1.4em 0 .5em;
    position:relative;
    display:block;
    background:url(../images/border-dotted.gif) repeat-x bottom;
    /*El borde lo meto asi por que en IE6 no lo mostraba*/
}

#news-entries .fix{
    position:absolute;
    top:.2em;
}

#news-entries .info{
    float:left;
}

#news-entries li .date{
    color:#003575;
    font-size:.75em;
    font-weight:bold;
    padding:0 .6em 0 0;
}

#news-entries li .category a{
    color:#000;
    font-size:.75em;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:.5em;
    background:url(../images/sep-cat-entry.gif) no-repeat center left;
}

#news-entries li .text a{
    color:#003575;
    font-size:.8em;
}

#news-entries li .tools{
    list-style:none;
    display:inline;
    padding-left:.6em;
}

#news-entries li .tools li{
    border:none;
    display:inline;
    padding:0 0 0 .3em;
    background:url(../images/sep-tools-entry.gif) no-repeat left 7px;
}

#news-entries li .tools li.first{
    padding-left:0;
    background:none;
}

#content-tile .content .foot{
    padding:.8em 0;
}

#content-tile .content .foot p{
    padding:0 0 .4em 0;
}

/*Contenido News*/
#news{
    float:left;
}

#content-tile .content .foot .press-link{
    color:#003575;
    font-size:1em;
}
/**/

/*Contenido Agenda*/
#events{
    float:right;
}

#nexts-events{
    margin-left:11.5em;
    padding:.3em 0 0;
}

#nexts-events .title{
    color:#000;
    font-size:.75em;
    font-weight:bold;
    text-transform:uppercase;
}

#nexts-events .entries{
    list-style:none;
    border-bottom:1px dotted #969494;
    padding:0 0 1em;
}

#nexts-events .entries li{
    padding:1.2em 0 .2em;
    position:relative;
}

#nexts-events .entries li .date{
    color:#003575;
    font-size:.72em;
    font-weight:bold;
}

#nexts-events .entries li .text a{
    color:#0b0b0b;
    font-size:.72em;
    display:block;
}

#nexts-events .entries li .tools{
    display:inline;
    list-style:none;
}

#nexts-events .entries li .tools li{
    display:inline;
    position:relative;
    top:.1em;
}

/**/
#nexts-events .entries li .fix{
    position:absolute;
    top:0;
}

* html #nexts-events .entries li .fix{
    left:3px;
}

/**/

#banners{
    min-height: 0; /* IE7 Clearing */
    height: auto !important; /* IE5+6 Clearing */
    height: 1%;
    border-top:1px dotted #DFDFDF;
    padding-top:.5em;
}

#banners:after { /* CSS2 Clearing */
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#banners{
    list-style:none;
    display:block;
    clear:both;
}

#banners .banner {
    display:block;
    float:left;
    width:49.5%;
    border-top:1px solid #dfdfdf;
    overflow:hidden;
    text-align: center;
}

#banners .banner img {
    vertical-align: middle;
    margin:auto;
}

#banners .left{
    border-right:1px solid #dfdfdf;
    clear: left;
}

#oviedo2016{border-top:1px solid #DFDFDF;}
#oviedo2016 a{padding-left:11%;}

#banners .first-row{
    border-top:none;
}

#banners .banner a{
    display:block;
    opacity: 1;
    width: 100%;
}

#banners .banner a:hover{
    opacity:.75;
}

#elecciones{
	background-color:#FFF;
	margin:0 0 1em 2em;
}
/**/

/* Estilos para la nueva entrada en portada correspondiente a la agenda de gobierno */
#agendagobierno{
	float:left;margin:8px 0 0 15px;
	background-color:#f6f6f6;
	padding:5px 8px 5px 8px;
	font-size:0.8em;
	font-weight:bold;
}
#agendagobierno a{
	padding-left:3px;
	color:#8b8b8b;
	text-decoration:none;
}
#agendagobierno a:hover{
	padding-left:3px;
	color:#000000;
}

/* Estilos para el video de investidura*/
#video{
	float:left;margin:0 10px 10px 0;
}

#agendaportada{
	float:left;
}