/* Responsive template para Ciudad de Nájera 16/04/2015 basada en earth */

*{	
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	padding: 0;
	margin: 0;
	color: #660000;/*400000*/
	}

#contenedorvideo {
	margin: 10px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	display:block;
}
#contenedorvideo iframe,#contenedorvideo object,#contenedorvideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 550px;
	max-height: 315px;
}
body, html{
	width:100%;
	height:100%;
	}
.print{background-color:#fff;color:#000}
#fondo{
	overflow:auto;
	background-image: url(images/claustroizq03.png), url(images/fondo01.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat, repeat;
	background-position: left bottom, center top;
	background-color: #FFF;
	height:100%;
	width:100%;
	position: absolute;
	bottom: 0;
	left: 0;
	margin:0px;
	}
#hoja{
	margin:20px auto;
	max-width:1100px;
	padding: 10px;
	background: url(images/cabecera50.png) repeat;
	}
#header_in{
	overflow:hidden;
	display: block;
	background:url(images/cabecera.png) right no-repeat;
	max-height:150px;
	}
	
h1.header_in{
	color:#660000;
	font-weight:bold;
	font-size:300%;
	text-shadow:4px 4px 0 #000000,4px 4px 0 rgba(0,0,0,0.2);
	line-height:100%;
	}
#localizador{
	box-shadow: 5px 5px 20px -9px #000;
	margin:10px 0 0 0;
	font-size: 12px;
	padding:5px 10px;
	background: url(images/cabecera50.png) repeat;
	color: #660000;
	}
#content{
	float:right;
	width:78%;
	margin:10px 0 0;
	padding:0;
	}
.content_in{
	background: url(images/cabecera50.png) repeat;
	margin:0 0 10px 10px;
	padding:20px;
	box-shadow: 5px 5px 20px -9px #000;
}
.content_in a,.content_in a:visited{color:#660000}
.content_in a:hover{transition:color 1.0s;color:#660000}
#newsbox{
	display: table;
	width: 100%;
	table-layout: fixed;
	}
.newsbox_in{
	background: url(images/cabecera50.png) repeat;
	padding:20px;
	font-size:85%;
	font-style:italic;
	box-shadow: 5px 5px 20px -9px #000;
	}
.newsbox_incentral{
	background: url(images/cabecera50.png) repeat;
	margin:0 10px;
	padding:20px;
	font-size:85%;
	font-style:italic;
	box-shadow: 5px 5px 20px -9px #000;
	}
.celdanewsbox_in{
	display: table-cell;
	width:33%;
	}
.newsbox_in a,.newsbox_in a:visited{color:#660000;font-style:normal}
.newsbox_in a:hover{transition:color 1.0s;color:#660000}
.newsbox_in h4{color:#660000;font-style:normal;text-shadow:none}
#nav{
	background: url(images/cabecera50.png) repeat;
	float:left;
	width:22%;
	margin:10px 0;
	box-shadow: 5px 5px 20px -9px #000;
}
img{box-shadow: 5px 5px 20px -9px #000;
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
	width:auto
	}
.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
h1,h2,h3{margin:0;font-size:130%;color:#660000;text-shadow:2px 2px 2px #c08080}
h4,h5,h6{margin:0;font-size:120%;color:#660000;font-weight:bold;text-shadow:2px 2px 2px #c08080}
input[type="submit"]{background:#660000;color:#fff;display:inline-block;height:24px;position:relative;text-align:center;text-decoration:none;margin-left:5px;margin-top:11px;padding:2px 10px 4px;font-variant:normal;font-weight:normal;font-size:70%}
input[type="text"],input[type="text"]:focus,input[type="password"]:focus{border:#c08080 inset 1px;font-size:75%}
#search{margin-bottom:0.4em;border-radius:5px;padding-left:1em;padding-bottom:0.6em;height:40px}
#iconmenu{visibility:hidden}
p{margin:1em 0;line-height:1.3}
a{color:#660000;text-decoration:underline}
#menu li,#menu ul{list-style-type:none;margin:0;padding:0}
#menu a{
	display:block;
	color:#660000;
	text-decoration:none;
	line-height:150%;
	margin-left:1em;
	padding-left:1em;
	border-bottom:1px #c08080 solid;
	width:85%;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
	}
#menu a:hover{background:#660000;transition:background 2.0s;color:#fff}
#menu{float:left;width:95%;font-size:100%;color:#fff}
#menu li{list-style-type:none;list-style-image:none;padding:0}
#menu ul.menulevel1 li{line-height:1em;margin:0}
#menu ul.menulevel2{margin:1px 0}
#menu ul.menulevel2 li{line-height:1em;margin:0 0 0 10px}
#menu ul.menulevel2 li a{}
#menu ul.menulevel2 li a:hover{}
#menu ul.menulevel3{}
#menu ul.menulevel3 li a{margin:0 0 0 20px}
#menu ul.menulevel3 li a:hover{background:#660000}
#menu ul ul.menulevel3 li{}
#menu2{margin-top:.5em;margin-left:0}
#menu2 li{list-style:none;padding:0;margin:0}
#menu2,#menu2 a{
	text-decoration:none;
	list-style:none;
	padding:0;
}
.lastupdate{
	text-align: center;
	font-size:80%;
	padding:0.5em;
	}
.langmenu{
	text-align: center;
	margin-bottom: 10px;
	}
ul{padding-left:10px}
li{list-style-type:square;margin-left:10px}
blockquote{font-family:Georgia,serif;font-size:100%;font-style:italic;width:88%;margin:0.25em 0;padding:0.25em 40px;line-height:1.45;position:relative;color:#cfcfcf;background-color:#2f2f2f}
blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-5px;top:-20px;color:#f00}
blockquote a,blockquote a:visited{color:#f00}
blockquote a:after{content:"\00BB"}
#footer{clear:both;max-width:1200px;margin:0;padding:0;color:#000;height:auto}
.footer_in{padding:10px 20px;text-align:center;font-size:80%}
#top{margin:1em auto;width:150px}
.button_top a{
	background:#660000;
	background:-moz-linear-gradient(top,#990000 0%,#5a0000 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#990000),color-stop(100%,#5a0000));
	background:-webkit-linear-gradient(top,#990000 0%,#5a0000 100%);
	background:-o-linear-gradient(top,#990000 0%,#5a0000 100%);
	background:-ms-linear-gradient(top,#990000 0%,#5a0000 100%);
	padding-top:4px;
	padding-left:8px;
	padding-bottom:4px;
	padding-right:8px;
	font-size:200%;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	}
@media screen and (max-width:900px){
	#content{width:70%}
	#nav{width:30%}
	#newsbox{
	width: 100%;
	table-layout: fixed;}
	.newsbox_in{margin:0 0 10px 0}
	.newsbox_incentral{margin:0 0 10px 0}
	.celdanewsbox_in{
	display: table-cell;
	float:left;
	width:100%;}
	}
/* viewport width <= 800 pixels ... */
@media screen and (max-width:700px){
	#content{width:100%}
	h1.header_in{font-size:250%;padding-top:4em;padding-left:1em}
	.content_in{margin:0 0 10px}
	#nav{width:100%;}
	#newsbox{float:none;clear:both;width:100%;margin:10px 0}
	#content{margin:0}
	}
/* viewport width <= 480 pixels ... */
@media screen and (max-width:480px){
.content_in{margin:0}
.header_in h1{padding-top:0;font-size:150%;padding-left:0}
.header_in{padding-top:5px;padding-bottom:5px}
#slogan{margin-left:0}
.header_in{background-image:none;height:auto}
body{margin:0}
ul.menulevel1{display:none}
#menu:hover ul.menulevel1{display:block}
#iconmenu{float:right;margin-top:-25px;padding-right:5px;visibility:visible}
#iconmenu img{box-shadow:none !important}
.header_in,#nav,#newsbox{}
#content{margin-bottom:10px}
#search{margin:0;width:auto}
h1.header_in{font-size:250%;padding-top:2em;padding-left:1em}
#newsbox{
	margin-right:0;
	display: block;
	width: 100%;
	table-layout: fixed;}
.celdanewsbox_in{
	display: table-cell;
	width:100%;}
	.newsbox_in{margin:0 0 10px}
	.newsbox_incentral{margin:0 0 10px 0}
	}