/* 
	-------------------------------------------------- 
   	Mi Trastero
	-------------------------------------------------- 

	Table of Contents

		:: html, body
		:: typography
		:: commons
		:: widgets
		:: sections
	-------------------------------------------------- 
*/



/* -----------------------------------------
	html, body
----------------------------------------- */
body {
	font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url('http://mitrastero.org/imagenes/css/bg-content-xl.png') repeat-x center 92px;
}

	body.page.front {
		background: url('http://mitrastero.org/imagenes/css/bg-home.png') repeat-x center 92px;
	}



/* -----------------------------------------
	typography
----------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-family: 'Lobster', 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

	h2 {
		font-size: 42px;
	}
	
	h3 {
		font-size: 32px;
	}
	
	h4 {
		font-size: 30px;
	}
	
	h5 {
		font-size: 26px;
	}
	
	h6 {
		font-size: 20px;
	}


p {
	font-size: 16px;
	line-height: 19px;
	color: #848484;
}

a {
	color: #65b6d6;
}



/* -----------------------------------------
	commons
	for more commons like floats, hides, text-aligns look at into foundation!
----------------------------------------- */
.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.alert-box.secondary {
	padding: 15px;
}


.p1{ color: white; background: transparent; padding-top: 10px;}
.p1 span{padding: 10px;}
/* -----------------------------------------
	forms
----------------------------------------- */
input[type="text"].campo, 
input[type="password"].campo, 
input[type="date"].campo, 
input[type="datetime"].campo, 
input[type="email"].campo, 
input[type="number"].campo, 
input[type="search"].campo, 
input[type="tel"].campo, 
input[type="time"].campo, 
input[type="url"].campo, 
textarea.campo {
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: inset 0 0 30px rgba(204,204,204,1);
	-moz-box-shadow: inset 0 0 30px rgba(204,204,204,1);
	box-shadow: inset 0 0 30px rgba(204,204,204,1);
	font-size: 16px;
}

select {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	border: none;
	font-size: 13px;
	height: 32px;
	width: 100%;
	border: 1px solid #ccc;
}

	.page.advanced-search select {
		margin-bottom: 10px;

	}
input[type="text"].campo:focus{box-shadow: 0 0 5px #afccd6; border: 1px solid #afccd6;}
.button1 {
	border: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	color: #ffffff;
	font-size: 18px;
	padding: 0px 10px 2px 10px;
	background: #681868;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.button1:hover{background: #cced82;}
.button2 {
	border: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	color: #fff;
	font-family: inherit;
	font-size: 18px;
	padding: 4px 10px 6px 10px;
	background: #681868;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.button2:hover{background: #cced82;	color: #083146;
}
.button,
.button:hover
.button:active,
.button:focus{
	display: inline-block;
	border: none;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
	color: #083146;
	font-size: 18px;
	padding: 10px 20px 11px;
}

.button {
	background: #cced82;
}

.button:hover,
.button:active,
.button:focus {
	color: #fff;
	background: #1f4d61;
}

.button.secondary:hover,
.button.secondary:active,
.button.secondary:focus {
	color: #666;
}






/* -----------------------------------------
	widgets
----------------------------------------- */



	/* -----------------------------------------
		slider
	----------------------------------------- */
	#featured {
		background: url(spinner.gif) center center; 
	}

		#featured .slide { display: none; }
		
			.slide h3 {
				color: #fff;
				font-size: 30px;
			}

				.slide h3 span {
					color: #cced82;
					font-size: 42px;
				}

			.slide p {
				color: #aeaeae;
				font-size: 17px;
				line-height: 1.5em;
			}

		#featured.orbit { background: none; }


			#featured.orbit .slide { display: block; }


			div.orbit img.fluid-placeholder {
				height: 220px;
			}



	/* -----------------------------------------
		download box
	----------------------------------------- */
	#download .panel {
		position: relative;
		text-align: center;
		border: none;
		background: #94214c url('http://mitrastero.org/imagenes/css/bg-kindajean-pink.png') repeat 0 0;
	}

	#download .panel:before,
	#download .panel:after {
		display: block;
		position: absolute;
		content: "";		
	}

	#download .panel:before {
		width: 27px;
		height: 48px;
		top: -5px;
		left: 10px;
		background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat 0 -80px;
	}

	#download .panel:after {
		width: 61px;
		height: 38px;
		bottom: -38px;
		right: 61px;
		background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat 0 -135px;

	}

		#download .panel h4,
		#download .panel p {
			color: #fff;
		}

		#download .panel h4 {
			width: 255px;
			margin: 0 auto;
			padding-top: 60px;
			background: #94214c url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat -115px -80px;
		}
		

		#download .panel p {
			font-size: 13px;
		}



	/* -----------------------------------------
		loading
	----------------------------------------- */
	#content-loading {
		display: inline-block;
		width: 22px;
		height: 22px;
	}

		#loading {
			display: none;
			width: 100%;
			height: 100%;
			background: url('http://mitrastero.org/imagenes/content/loader.gif') no-repeat -201px -201px;
		}

			.page.front #loading {
				position: absolute;
				text-align: center;
				vertical-align: middle;
				top: 0;
				left: 0;
				z-index: 999;
				background: #fff url('http://mitrastero.org/imagenes/content/loader.gif') no-repeat center center;
				opacity: .6;
			}

	

	/* -----------------------------------------
		search box
	----------------------------------------- */
	#search .doce.columns {
		margin: 20px;
		padding: 20px;
		position: relative;
		background: url('http://mitrastero.org/imagenes/css/bg-kindajean-blue.png') repeat 0 0;
	}

		#search .doce.columns .box {
			padding: 20px;
			border: 1px #95a2ab solid;
		}

	#search .six.columns {
		position: relative;
		background: url('http://mitrastero.org/imagenes/css/bg-kindajean-blue.png') repeat 0 0;
	}

		#search .six.columns .box {
			padding: 20px;
			border: 1px #95a2ab solid;
		}

			#search h3 {
				margin: 0 0 30px 0;
				padding: 0;
				font-size: 48px;
				color: #fff;
				text-align: center;
			}

			/*#search form {
				padding-left: 80px;
				background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat -954px 0;
			}*/
			#search .campos {
				padding-left: 80px;
				background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat -954px 0;
			}


				#search label {
					font-size: 18px;
					color: #fff;
				}

					#search .button {
						border: none;
						-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
						-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
						box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
						color: #fff;
						font-size: 18px;
						padding: 10px 20px 11px;
						background: #681868;
					}

					#search .button:hover,
					#search .button:active,
					#search .button:focus {
						color: #fff;
						background: #1f4d61;
					}

		#search img {border-top-width: 0em; border-left-width: 0em; border-bottom-width: 0em; border-right-width: 0em;}


		#search .error {
			padding: 15px;
			text-align: center;
			border-radius: 4px;
			background: #c93011;
		}



	/* -----------------------------------------
		features box
	----------------------------------------- */
	#features .panel{
		text-align: center;
		border: none;
		background: url('http://mitrastero.org/imagenes/css/bg-kindajean-skyblue.png') repeat 0 0;
	}

		#features .panel h4{
			font-size: 26px;
			color: #083146;
		}

		#features .panel p{
			font-size: 13px;
			color: #2f2f2f;
		}



	/* -----------------------------------------
		views box
	----------------------------------------- */
	#views {
	}

		#view-title .twelve.columns,
		body.page.advanced-search article .row .title {
			margin: 30px 0 80px;
			background: url('http://mitrastero.org/imagenes/css/bg-kindajean-blue.png') repeat 0 0;
		}

			#view-title h2,
			body.page.advanced-search h2 {
				padding-left: 58px;
				font-weight: normal;
				font-size: 30px;
				color: #fff;
				background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat -900px -75px;
			}

			body.page.advanced-search h2 {
				padding-left: 0;
				font-size: 42px;
			}
		
			#view-title h2 span {
				display: block;
				font-size: 42px;
				color: #cced82;
			}

		#view-mode {
			position: relative;
		}

		#view-mode:after {
			display: block;
			content: "";
			height: 1px;
			width: 100%;
			margin: 0 auto;
			border-bottom: 1px #cfcfcf solid;
		}

			#view-mode *{
				color: #848484;
			}

			#view-mode a {
				color: #9d2350;
				font-weight: bold;
				text-decoration: underline;
			}

			#view-mode .sub-nav {
				margin: 0;
				padding: 0;
				overflow: auto;
				margin-bottom: 0;
			}

			dl.sub-nav dt {
				color: #999;}

				dl.sub-nav dd.active a { 
					padding: 3px 9px; 
					font-weight: bold; 
					background: none; 
					color: #353535 !important; 
					cursor: default;
					text-decoration: none !important; }

				dl.sub-nav dd a.view-list-link {
					padding: 0 0 3px 20px;
					border-radius: 0;
					background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat -79px -134px;
				}

				dl.sub-nav dd a.view-map-link {
					padding: 0 0 3px 20px;
					border-radius: 0;
					background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat -79px -163px;
				}

		#views .row:last-child {
			padding: 15px 0;
			border-width: 0 0 1px 0;
		}


	/* -----------------------------------------
		result item
	----------------------------------------- */
	.results-item {
		padding: 20px 0;
		-webkit-transition: background 600ms ease-in-out;
		-moz-transition: background 600ms ease-in-out;
		-ms-transition: background 600ms ease-in-out;
		-o-transition: background 600ms ease-in-out;
		transition: background 600ms ease-in-out;
	}

	.results-item:hover {
		background: #ebebeb url('http://mitrastero.org/imagenes/css/bg-paperfibers-grayblue.png') repeat 0 0;}

		.results-item h3 a {
			color: #222;
		}

		.results-item h3 a:hover {
			color: #9d2350;
		}

		.results-item .th img {
			width: 100%;
			min-height: 180px;
		}

		.results-item blockquote cite {
			margin-top: 10px;
		}



	/* -----------------------------------------
		details
	----------------------------------------- */
	#details .row {
		background: #fff;
	}

		#details h2 {
			margin: 20px 0;
		}

		#details ul {
			list-style-type: none;
		}

		#details .tabs {
			margin: 0;
			z-index: 1;
		}

		#details ul.tabs-content {
			margin-top: -1px;
			border: 1px #e6e6e6 solid;

		}

		#details blockquote {
			border: none;
		}

		#details blockquote cite {
			margin-top: 10px;
		}


	/* -----------------------------------------
		map view
	----------------------------------------- */
	.map {
		width: 100%;
		height: 500px;
	}

	.map.small {
		height: 350px;
	}





/* -----------------------------------------
	regions
----------------------------------------- */



	/* -----------------------------------------
		header
	----------------------------------------- */
	#header{
		margin: 0 0 20px;
		border-width: 0 0 3px 0;
		border-bottom: 3px #681868 solid;
	}



	/* -----------------------------------------
		advanced search
	----------------------------------------- */
	body.page.advanced-search #search-form h3 {
		color: #222;
	}

	#capa_cp,
	#capa_provincia {
		display: none;
	}

	/* -----------------------------------------
		anchor
	----------------------------------------- */
	.more {
		margin-top: 20px;
		padding-top: 15px;
		border: 1px solid #ddd;
		border-width: 1px 0;
	}






/* -----------------------------------------
	media queries: screens
----------------------------------------- */

	#main,
	#search {
		margin: 0;
	}

	/* menu */
	.top-bar {
			min-height: 80px;
			margin: 10px auto 0 auto;
			z-index: 9999;
			color: #242424;
			background: #fff;
		}

		.top-bar > ul .name h1 {
			margin: 0;
			padding: 0;
			line-height: auto;
		}

		.top-bar > ul .name h1 a {
			min-height: 60px;
			padding: 0 0 5px 70px;
			font-weight: normal;
			font-size: 35px !important;
			background: url('http://mitrastero.org/imagenes/css/sprite.png') no-repeat 0 0;
		}

				.top-bar ul > li a:not(.button) {
					color: #242424;
				}


				.top-bar section ul li:hover, 
				.top-bar section ul li.active {
					color: #000 !important;
					cursor: pointer;
					background-color: transparent !important;
				}
				

				.top-bar section ul li a:hover, 
				.top-bar section ul li:hover a, 
				.top-bar section ul li.active a,
				.top-bar section ul li:hover a:hover, 
				.top-bar section ul li.active a:hover {
					color: #999;
					background-color: transparent; }

				.top-bar section ul li.busqueda > a,
				.top-bar section ul li.publicar > a,
				.top-bar section ul li.descargar > a,
				.top-bar section ul li.busqueda > a:hover,
				.top-bar section ul li.publicar > a:hover,
				.top-bar section ul li.descargar > a:hover {
					display: block;
					padding-top: 34px;
					background-image: url('http://mitrastero.org/imagenes/css/sprite.png');
					background-repeat: no-repeat;
				}

					.top-bar section ul li.busqueda > a {
						background-position: -194px 0;
					}

					.top-bar section ul li.publicar > a {
						background-position: -434px 0;
					}

					.top-bar section ul li.descargar > a {
						background-position: -698px 0;
					}

					
					.top-bar section ul li.busqueda > a:hover {
						background-position: -314px 0;
					}

					.top-bar section ul li.publicar > a:hover {
						background-position: -554px 0;
					}

					.top-bar section ul li.descargar > a:hover {
						background-position: -698px 0;
					}

						
						.top-bar ul > li.has-dropdown:hover > .dropdown {
							top: 50px;
							z-index: 99999;
						}
						
						.top-bar ul > li.has-dropdown .dropdown li a {
							color: white; 
							font-weight: normal; 
							height: 100%; 
							line-height: 1; 
							padding: 5px 17px 5px 15px;}
						.top-bar ul > li.has-dropdown .dropdown li a:hover { background: #3c3c3c; }

	/* features */
	#features .panel {
		min-height: 240px;
	}
	

	#features .panel h4{
		width: 100%;
		margin: 0 auto 10px 0;
		padding-top: 70px;
		background-image: url('http://mitrastero.org/imagenes/css/sprite.png');
		background-repeat: no-repeat;
	}

		.feature-first h4 {background-position: -330px -80px;}
		.feature-second h4 {background-position: -505px -80px;}
		.feature-third h4 {background-position: -684px -80px;}


	body.advanced.search .abc{
		padding-top: 15px;
	}