/* CSS Document */
	body{
		/*text-align: center;*/
		background-image:url(../img/fondo.png); background-repeat:repeat-x;
	}
@media all and (max-width: 600px){
	div{
		display: block !important;	/* Cuando el ancho sea inferior a 600px el elemento será un bloque */
		width: 100% !important;
		max-width: 100% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;
	}
}

.img {
padding-right:5px;
padding-top:5px;
float:left;
}

.superior{
	background: #333333;
	position: fixed;
	top: 0%;
	left: 0px;
	width: 100%;
}
.footer{
	background: #000000;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align:center;
	height:30px;
}
.cuerpo{	/* Este es el delimitador para que la página no sea excesivamente grande */
	max-width: 1000px;
	margin:auto;
	background-color:#FFFFFF;
}
.cabecera{
	margin-top: 20px;
}
.agenda{
	float: left;	/* flotamos el elemento a la izquierda */
	width: 35%;
	background-color:#FFFFFF;
}
.contenido{
	width: 63%;
	margin-left: 37%;
	background-color:#FFFFFF;
}

#contenedor {
	padding-top: 5px;
	overflow: hidden;
	display:block;
	padding-bottom: 10px;
}

#contenedor iframe,
#contenedor object,
#contenedor embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*////////////////////////////////////////////////  FONTS /////////////////////////////////////*/

@font-face {
	font-family: "gotham-light";
	font-style: normal;
	font-weight: normal;
	font-size:24px;
	src: local("?"), url("/RESPONSIVE/css/fuentes/Gotham-Light.ttf") format("truetype");
}
.ajalla {
font-family: 'Fjalla One', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:40px;
}
.roboto {
font-family: 'Robot', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:12px;
	color:#333333;
}
.roboto10 {
font-family: 'Robot', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:10px;
	color:#333333;
}
.roboto16 {
font-family: 'Robot', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:16px;
	color:#333333;
}

.roboto16w {
font-family: 'Robot', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:16px;
	color:#FFFFFF;
}

/*//////////////////////////////////////////////// COOR DE LINKS /////////////////////////////////////*/


a:link {
    color: #333333;
}

/* visited link */
a:visited {
    color: #999999;
}

/* mouse over link */
a:hover {
    color: #000000;
}

/* selected link */
a:active {
    color: #33CC33;
}


/*//////////////////////////////////   ICONOS JAVASCRIPT  //////////////////////////////////////*/

#m-soc7{margin:18px 0 0 10px; padding:0; width:280px; height:66px}
#m-soc7 li{list-style:none; margin:4px; padding:0; float:left; border:none}
#m-soc7 li a{background:url(../img/sprite7-compartidisimo.png) no-repeat 0 0; margin:0; padding:0; display:block; position:relative; width:48px; height:48px; overflow:visible}
#m-soc7 li a.twitter{background-position:0 0}
#m-soc7 li a.facebook{background-position:-48px 0}
#m-soc7 li a.google{background-position:-96px 0}
#m-soc7 li a.youtube{background-position:-144px 0}
#m-soc7 li a.rss{background-position:-192px 0}
#m-soc7 li a.twitter:hover{background-position:0 -48px}
#m-soc7 li a.facebook:hover{background-position:-48px -48px}
#m-soc7 li a.google:hover{background-position:-96px -48px}
#m-soc7 li a.youtube:hover{background-position:-144px -48px}
#m-soc7 li a.rss:hover{background-position:-192px -48px}
#m-soc7 li a span{background:#555; position:absolute; top:-10px; width:auto; left:0;opacity:0; padding:3px; text-align:left;text-decoration:none; color:#fff; filter:alpha(opacity=0); white-space:nowrap; border-radius:3px; font-size:12px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}#m-soc7 li a:hover{text-decoration:none}
#m-soc7 li a:hover span{opacity:.8; filter:alpha(opacity=80); top:-24px}


/*//////////////////////////////////   FACEBOOK PLUGIN WIDTH  //////////////////////////////////////*/
#fb-root {
  display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}