@charset "utf-8";

@font-face{ 
	font-family: 'avgardd-webfont';
	src: url('../fuente/avgardd-webfont.eot');
	src: url('../fuente/avgardd-webfont.eot?#iefix') format('embedded-opentype'),
	     /*url('../fuente/avgardd-webfont.woff') format('woff'),*/
	     url('../fuente/avgardd-webfont.ttf') format('truetype'),
	     url('../fuente/avgardd-webfont.svg#avgardd-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('../fuente/avgardn-webfont.eot');
    src: url('../fuente/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../fuente/avgardn-webfont.woff') format('woff'),*/
         url('../fuente/avgardn-webfont.ttf') format('truetype'),
         url('../fuente/avgardn-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


#estructura {
	width: 53,333312%;
	margin-right: auto;
	margin-left: auto;
	}

	
#estructura .anchocartel img{
	width:100%;
	max-width:768px;
	
	}

#contenido {
	
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 20px;
	width:100%;
	}
.clear { clear: both; }
#button { padding: 0; }
#button li { display: inline; }
#button li a {
	text-decoration: none;
	float:left;
	background-color: #f2f2f2;
	color: #d0913b;
	width:344px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	
	margin-left: 10px;	
	
} 

#button li h1 {
	font-family:  'WebFont', Arial, sans-serif;;
	font-size:1.5em;
	margin: 0px;
	padding: 0px;	
} 
#button li p {
	font-family: 'avantgarde_bk_btbook', Arial, sans-serif; ;
	font-size:0.8em;
	margin: 0px;
	padding: 0px;	
	color:#3f3f3f;
} 
#button li.ultimo{margin-right:0;}

.icono {
	width:60px;
	height:60px;
	float: left;
	margin-right: 7px;
	background-color: #454545;
	-webkit-border-radius: 1px 1px 1px 1px;
	border-radius: 10px 10px 10px 10px;

	}
.elcortejo {
	background-image: url(../imagenesSSanta/el-cortejo.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}
.itinerarios {
	background-image: url(../imagenesSSanta/itinerarios.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}

.hermandades {
	background-image: url(../imagenesSSanta/hermandades.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}
.fotogaleria {
	background-image: url(../imagenesSSanta/fotogaleria.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}
.visitas-recomendadas {
	background-image: url(../imagenesSSanta/visitas-recomendadas.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}
.noticias {
	background-image: url(../imagenesSSanta/noticias.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}	
.el-tiempo {
	background-image: url(../imagenesSSanta/el-tiempo.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}	
.agenda {
	background-image: url(../imagenesSSanta/agenda.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}
.twitter {
	background-image: url(../imagenesSSanta/twitter.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}
.venta-localidades {
	background-image: url(../imagenesSSanta/venta-localidades.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}

.parking {
	background-image: url(../imagenesSSanta/parking.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}	
.emergencias {
	background-image: url(../imagenesSSanta/emergencias.png);
	background-repeat: no-repeat;
	background-position: center center;	
	}		
/* 480px */

@media screen 
and (min-width : 240px) 
and (max-width : 760px) {
	#button li a {
	
	
	width:90%;
	
	

}

#estructura{padding:0 0px;}
}