.js-video {height: 0;padding-top: 25px;padding-bottom: 67.5%;margin-bottom: 10px;position: relative; overflow: hidden;}
.js-video.widescreen { padding-bottom: 56.34%;}
.js-video.vimeo {padding-top: 0;}
.video-normal{
	position:relative;
	padding-bottom:67.5%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-normal iframe, .video-normal object, .video-normal embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (min-width: 720px) and (max-width: 1023px) {
/*Todo lo que añadamos aquí se utilizará solo en resoluciones X, donde 700px<=X<=1000px*/
body { padding:0px; margin:0px; font-family:Arial; font-size:24px; background:#ebebeb; }
a{color:#f00;text-decoration:none; }
#imagen{max-width:80%;height:auto;vertical-align:baseline;}
#wrapper{width:720px;margin:10px auto; border:solid 1px #ccc; background:#fff;border-radius:5px;box-shadow:0px 0px 3px 3px rgba(150, 150, 150, 0.25);}
#header{width:720px;margin-left: auto ;  margin-right: auto ;padding:5px;border-bottom:solid 0px #ccc; font-size:16px;height:180px;align-items: center;  justify-content: center;}
#footer{padding:10px;border-top:solid 1px #ccc; font-size:24px;}
#maincontent{max-width: 94%;padding:3%;font-size:24px;}img{max-width:80%;height:auto;}
#left,#right,#center{display:inline-block;vertical-align:top;}
#left,#right{width:180px;padding:10px;background:#ebebeb;}
#center{width:470px;padding:0 0px;}
#navigation{width:720px;margin-left: auto ;  margin-right: auto ;align-items: center; justify-content: center;}
#menu{background:#eee;padding:10px;border-bottom:solid 0px #ccc;}#menu ul,#menu li{list-style:none;padding:0;margin:0;}#menu li{display:inline-block;position:relative;}#menu li a { display:block; background:#fff; border:solid 1px #ccc; padding:8px 11px; margin:0 8px 8px 8px;font-size:16px;white-space:nowrap;} #menu li.active a,#menu li a:hover,#menu li.active li a:hover {background:#ccc;}#menu li li{display:block;}#menu li.active li a { background:#fff;}#menu li ul{display:none;position:absolute;z-index:4}#menu li:hover ul { display:block;}
#fmenu{float:left;}#fmenu ul,#fmenu li{list-style:none;padding:0;margin:0;}#fmenu li{display:inline-block;position:relative;}#fmenu li a { display:block; border:solid 1px #ccc; padding:2px 8px; text-decoration:none; margin:0 8px 0 0;font-size:24px;} #fmenu li.active a,#fmenu li a:hover {background:#ccc;}
#crumbs{background:#eee;padding:2px 10px;border:solid 1px #ccc;margin:10px;border-radius:3px;}
#banner {  display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/images/logo.jpg) no-repeat; width: 700px; /* Width of new image */ height: 150px; /* Height of new image */ padding-left: 0px; /* Equal to width of new image */background-position: 50% 50%;}
h1 { margin:0 0 12px 0; font-weight:normal; letter-spacing:1px; font-size:32px; }
body.bPage_index h1 {display:none; }
}

@media screen and (min-width: 480px) and (max-width: 719px) {
/*Todo lo que añadamos aquí se utilizará solo en resoluciones X, donde 700px<=X<=1000px*/
body { padding:0px; margin:0px; font-family:Arial; font-size:24px; background:#ebebeb; }
a{color:#f00;text-decoration:none; }
#imagen{max-width:80%;height:auto;vertical-align:baseline;}
#wrapper{width:480px;margin:10px auto; border:solid 1px #ccc; background:#fff;border-radius:5px;box-shadow:0px 0px 3px 3px rgba(150, 150, 150, 0.25);}
#header{width:100%;padding:5px;border-bottom:solid 0px #ccc; font-size:16px;height:120px;align-items: center;  justify-content: center;}
#footer{padding:10px;border-top:solid 1px #ccc; font-size:24px;}
#maincontent{max-width: 100%;padding:0%;font-size:24px;}img{max-width:80%;height:auto;}
#left,#right,#center{display:inline-block;vertical-align:top;}
#left,#right{width:140px;padding:2px;background:#ebebeb;}
#center{width:320px;padding:0 0px;}
#navigation{width:100%;margin-left: auto ;  margin-right: auto ;align-items: center; justify-content: center;}
#menu{background:#eee;padding:10px;border-bottom:solid 0px #ccc;}#menu ul,#menu li{list-style:none;padding:0;margin:0;}#menu li{display:inline-block;position:relative;}#menu li a { display:block; background:#fff; border:solid 1px #ccc; padding:8px 11px; margin:0 8px 8px 8px;font-size:16px;white-space:nowrap;} #menu li.active a,#menu li a:hover,#menu li.active li a:hover {background:#ccc;}#menu li li{display:block;}#menu li.active li a { background:#fff;}#menu li ul{display:none;position:absolute;z-index:4}#menu li:hover ul { display:block;}
#fmenu{float:left;}#fmenu ul,#fmenu li{list-style:none;padding:0;margin:0;}#fmenu li{display:inline-block;position:relative;}#fmenu li a { display:block; border:solid 1px #ccc; padding:2px 8px; text-decoration:none; margin:0 8px 0 0;font-size:24px;} #fmenu li.active a,#fmenu li a:hover {background:#ccc;}
#crumbs{background:#eee;padding:2px 10px;border:solid 1px #ccc;margin:10px;border-radius:3px;}
#banner {  display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/images/logo-small.jpg) no-repeat; width: 480px; /* Width of new image */ height: 80px; /* Height of new image */ padding-left: 0px; /* Equal to width of new image */;align-items: center;  justify-content: center;background-position: 50% 50%;}
h1 { margin:0 0 12px 0; font-weight:normal; letter-spacing:1px; font-size:32px; }
body.bPage_index h1 {display:none; }
}

@media screen and (min-width: 360px) and (max-width: 479px) {
/*Todo lo que añadamos aquí se utilizará solo en resoluciones X, donde 700px<=X<=1000px*/
body { padding:0px; margin:0px; font-family:Arial; font-size:24px; background:#ebebeb; }
a{color:#f00;text-decoration:none; }
#imagen{max-width:80%;height:auto;vertical-align:baseline;}
#wrapper{width:360px;margin:10px auto; border:solid 1px #ccc; background:#fff;border-radius:5px;box-shadow:0px 0px 3px 3px rgba(150, 150, 150, 0.25);}
#header{width:100%;padding:5px;border-bottom:solid 0px #ccc; font-size:16px;height:120px;align-items: center;  justify-content: center;}
#footer{padding:10px;border-top:solid 1px #ccc; font-size:24px;}
#maincontent{max-width: 94%;padding:3%;font-size:18px;}img{max-width:80%;height:auto;}
#left,#right,#center{display:inline-block;vertical-align:top;}
#left,#right{width:320px;padding:10px;background:#ebebeb;}
#center{width:340px;padding:10 0px;}
#navigation{width:100%;margin-left: auto ;  margin-right: auto ;align-items: center; justify-content: center;}
#menu{background:#eee;padding:10px;border-bottom:solid 0px #ccc;}#menu ul,#menu li{list-style:none;padding:0;margin:0;}#menu li{display:inline-block;position:relative;}#menu li a { display:block; background:#fff; border:solid 1px #ccc; padding:8px 11px; margin:0 8px 8px 8px;font-size:16px;white-space:nowrap;} #menu li.active a,#menu li a:hover,#menu li.active li a:hover {background:#ccc;}#menu li li{display:block;}#menu li.active li a { background:#fff;}#menu li ul{display:none;position:absolute;z-index:4}#menu li:hover ul { display:block;}
#fmenu{float:left;}#fmenu ul,#fmenu li{list-style:none;padding:0;margin:0;}#fmenu li{display:inline-block;position:relative;}#fmenu li a { display:block; border:solid 1px #ccc; padding:2px 8px; text-decoration:none; margin:0 8px 0 0;font-size:24px;} #fmenu li.active a,#fmenu li a:hover {background:#ccc;}
#crumbs{background:#eee;padding:2px 10px;border:solid 1px #ccc;margin:10px;border-radius:3px;}
#banner {  display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/images/logo-small.jpg) no-repeat; width: 360px; /* Width of new image */ height: 80px; /* Height of new image */ padding-left: 0px; /* Equal to width of new image */;align-items: center;  justify-content: center;background-position: 50% 50%;}
h1 { margin:0 0 12px 0; font-weight:normal; letter-spacing:1px; font-size:32px; }
body.bPage_index h1 {display:none; }
}


@media screen and (min-width: 220 px) and (max-width: 359px) {
/*Todo lo que añadamos aquí se utilizará solo en resoluciones X, donde 700px<=X<=1000px*/
body { padding:0px; margin:0px; font-family:Arial; font-size:24px; background:#ebebeb; }
a{color:#f00;text-decoration:none; }
#imagen{max-width:80%;height:auto;vertical-align:baseline;}
#wrapper{width:220px;margin:10px auto; border:solid 1px #ccc; background:#fff;border-radius:5px;box-shadow:0px 0px 3px 3px rgba(150, 150, 150, 0.25);}
#header{width:100%;padding:5px;border-bottom:solid 0px #ccc; font-size:24px;height:150px;}
#footer{padding:10px;border-top:solid 1px #ccc; font-size:24px;}
#maincontent{padding:20px;font-size:24px;}img{max-width:80%;height:auto;}
#left,#right,#center{display:inline-block;vertical-align:top;}
#left,#right{width:110px;padding:10px;background:#ebebeb;}
#center{width:210px;padding:0 0px;}
#navigation{width:100%;margin-left: auto ;  margin-right: auto ;align-items: center; justify-content: center;}
#menu{background:#eee;padding:10px;border-bottom:solid 0px #ccc;}#menu ul,#menu li{list-style:none;padding:0;margin:0;}#menu li{display:inline-block;position:relative;}#menu li a { display:block; background:#fff; border:solid 1px #ccc; padding:8px 11px; margin:0 8px 8px 8px;font-size:16px;white-space:nowrap;} #menu li.active a,#menu li a:hover,#menu li.active li a:hover {background:#ccc;}#menu li li{display:block;}#menu li.active li a { background:#fff;}#menu li ul{display:none;position:absolute;z-index:4}#menu li:hover ul { display:block;}
#fmenu{float:left;}#fmenu ul,#fmenu li{list-style:upper-latin;padding:0;margin:0;}#fmenu li{display:inline-block;position:relative;}#fmenu li a { display:block; border:solid 1px #ccc; padding:2px 8px; text-decoration:none; margin:0 8px 0 0;font-size:24px;} #fmenu li.active a,#fmenu li a:hover {background:#ccc;}
#crumbs{background:#eee;padding:2px 10px;border:solid 1px #ccc;margin:10px;border-radius:3px;}
#banner {  display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/images/tsf-c.jpg) no-repeat; width: 220px; /* Width of new image */ height: 100px; /* Height of new image */ padding-left: 0px; /* Equal to width of new image */;align-items: center;  justify-content: center;background-position: 50% 50%;}
h1 { margin:0 0 12px 0; font-weight:normal; letter-spacing:1px; font-size:32px; }
body.bPage_index h1 {display:none; }
}

@media screen and (min-width: 1024px) {
/*Todo lo que añadamos aquí se utilizará solo en resoluciones X, donde 700px<=X<=1000px*/
body { padding:0px; margin:0px; font-family:Arial; font-size:14px; background:#ebebeb; }
a{color:#f00;text-decoration:none; }
#imagen{max-width:80%;height:auto;vertical-align:baseline;}
#wrapper{width:900px;margin:10px auto; border:solid 1px #ccc; background:#fff;border-radius:5px;box-shadow:0px 0px 3px 3px rgba(150, 150, 150, 0.25);}
#header{width:80%;margin-left: 10%;  margin-right: auto ;padding:5px;border-bottom:solid 0px #ccc; font-size:16px;height:180px;align-items: center; justify-content: center;}
#footer{padding:10px;border-top:solid 1px #ccc; font-size:16px;}
#maincontent{max-width: 94%;padding:3%;font-size:16px;}img{max-width:80%;height:auto;}
#left,#right,#center{display:inline-block;vertical-align:top;}
#left{width:180px;padding:10px;background:#ebebeb;}
#right{width:20px;padding:10px;background:#ebebeb;}
#center{width:580px;padding:0 0px;}
#navigation{width:80%;margin-left: 10%; margin-right: auto ;align-items: center; justify-content: center;}
#menu{background:#eee;padding:10px;border-bottom:solid 0px #ccc;}#menu ul,#menu li{list-style:none;padding:0;margin:0;}#menu li{display:inline-block;position:relative;}#menu li a { display:block; background:#fff; border:solid 1px #ccc; padding:6px 8px; margin:0 8px 2px 2px;font-size:16px;white-space:nowrap;} #menu li.active a,#menu li a:hover,#menu li.active li a:hover {background:#ccc;}#menu li li{display:block;}#menu li.active li a { background:#fff;}#menu li ul{display:none;position:absolute;z-index:4}#menu li:hover ul { display:block;}
#fmenu{float:right;}#fmenu ul,#fmenu li{list-style:none;padding:0;margin:0;}#fmenu li{display:inline-block;position:relative;}#fmenu li a { display:block; border:solid 1px #ccc; padding:2px 8px; text-decoration:none; margin:0 8px 0 0;font-size:16px;} #fmenu li.active a,#fmenu li a:hover {background:#ccc;}
#crumbs{background:#eee;padding:2px 10px;border:solid 1px #ccc;margin:10px;border-radius:3px;}
#banner {  display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(/images/logo.jpg) no-repeat; width: 720px; /* Width of new image */ height: 150px; /* Height of new image */ padding-left: 10px; /* Equal to width of new image */}
h1 { margin:0 0 12px 0; font-weight:normal; letter-spacing:1px; font-size:24px; }
body.bPage_index h1 {display:none; }
}