/*
Theme Name: 	A Fuego Negro
Theme URI: 		
Description: 	A Fuego Negro Personal Theme
Version: 		1.0
Author: 		Mikel Apodaka
Author URI: 	http://apodaka.net
Tags: 			afuegonegro, donostia, sansebastian, personal
*/

/*
===========================
CONTENTS:

01 DIVS CONTENEDORES
02 TIPOGRAFIAS
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 DIVS CONTENEDORES ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

body { background: #000 url(images/background.png) repeat 0 0; font-family: 'Poppins', sans-serif; }
div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
::-moz-selection { background:#ff0000; color:#fff; }
::selection { background:#ff0000; color:#fff; }
body, input, textarea { /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }
a{outline: none;}
h1, h2, h3, h4, h5, h6 { font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }
.clearall{clear: both;}


.lineadepuntos{
	display: block;
	width: 90%;
	height: 5px;
	border-top: 1px dotted #cccccc;
	margin: 15px auto 0 auto;
}

#wrapper{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	display: block;
}

header{
	width: 940px;
	height: 227px;
	display: block;
 	background: url(images/header.png) no-repeat 0 0;
 	padding: 0;
 	margin: 0;
	}

#contenido{
	display: block;	
	width: 820px;
	padding: 10px 60px;
	background: url(images/content.png) repeat-y 0 0;
	margin: 0 auto;
	overflow: auto;
	}

#contentfooter{
	display: block;
	background: url(images/contentfooter.png) no-repeat 50% 0;
	width: 940px;
	height: 46px;
	margin: 0 auto;
	padding: 0!important;
}

#footerwidgets{
	display: block;
	background: url(images/footer_widgets.png) repeat-y 0 0;
	min-height: 300px;
	overflow: auto;
	padding-bottom: 30px;
}

footer{
	display: block;
	background: url(images/footer_info.png) no-repeat 50% 0;
	width: 940px;
	height: 76px;
	margin: 30px auto;
	text-align: center;
	font-size: 12px;
	padding-top: 7px;
	}
	
	
/* --------HEADER SECTION--------- */

#topnav{
	display: block;
	width: 100%;
	min-height: 50px;
	border-top: 1px solid #000;
	margin:0;
	padding: 0;
}	

a.h1link{
	display: block;
	float: left;
	width: 170px;
	height: 165px;
	margin-left: 40px;
	outline: none;
}

#menuppal{
	display: block;
	float: left;
	height: 50px;
	width: 680px;
	margin: 57px 0 0 10px;
}

#header_submenu{
	display: block;
	float: left;
	height: 50px;
	width: 680px;
	margin: 5px 0 0 10px;
}

/* --------SELECTOR DE IDIOMAS--------- */

UL.snippet{
	margin-top: 15px;
	margin-right: 70px;
	overflow: auto;
	padding-left: 20px;
	float: right;
}

UL.snippet li{
	display: inline;
}

UL.snippet li a{
	color: #999999;
	text-decoration: none;
	float: left;
	margin-right: 5px;
	display: block;
}

UL.snippet li a:hover{
	color: #fff;
}

UL.snippet li.current a{
	color: #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* --------HOME DELIVERY--------- */


#bannerportada-delivery{
	display: block;
	overflow: auto;
	max-width: 700px;
	height: auto;
	background: #000;
	color: #fff;
	margin-bottom: 30px;
	padding: 40px 60px;
	}
	#bannerportada-delivery	.afn-is-back{
		width: 63%;
		float: right;
		margin: 0;
		}
		#bannerportada-delivery	.afn-is-back img{
			width: 100%;
			}

	#bannerportada-delivery .txt{
		width: 36%;
		float: left;
		margin: 0;
		font-size: 13px;
		line-height: 1.4em;
		padding-top: 20px;
		}
		#bannerportada-delivery p, #bannerportada-delivery h2{
			margin-bottom: 20px;
			}
			
	#bannerportada-delivery a.button{
			color: #fff;
			border: 1px solid #fff;
			padding: 15px 25px;
			margin: 0 auto;
			display: block;
			max-width: 250px;
			text-align: center;
			}
			#bannerportada-delivery a.button:hover{
				color: #ff0000;
				border-color: #ff0000;
				}
				
@media screen and (max-width:940px){
	#bannerportada-delivery{max-width: 100%; padding-bottom: 60px; margin-bottom: 60px;}
	#bannerportada-delivery	.afn-is-back{width: 100%; float: none;}
	#bannerportada-delivery	.afn-is-back img{max-width: 600px; display: block; margin: 0 auto;}
	#bannerportada-delivery .txt{width: 100%; text-align: center; margin-top: 40px;}
}
	

/* --------HOME SECTION--------- */

#bannerportada{
	display: block;
	width: 100%;
	height: 300px;
	background: url(images/bannerportada.jpg) no-repeat 50% 0;
	margin-bottom: 30px;
}

.theme-default .nivo-controlNav{
	margin-bottom: 30px;
	display: block;
	border: 1px solid #fff000;
	float: none;
}

#menuportada{
	display: block;
	width: 770px;
	height: 182px;
	margin: 30px auto 0 auto;	
	padding: 0;
}

#menuportada a{
	display: block;
	width: 145px;
	height: 182px;
	float: left;
	margin: 0 4px;
}

#menuportada a:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

aside{
	display: block;
	width: 280px;
	float: left;
	margin: 15px 20px 0 25px;	
}

#berriakportada{
	display: block;
	width: 470px;
	float: left;
	margin: 15px 0 0 0;		
}

.berriak_home img.banner{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	}
	@media screen and (max-width:940px){
		.berriak_home img.banner{width: 97%;}
		}

H2.homewidgettitle{
	display: block;
	font-family: 'Poppins', sans-serif;
	border: 1px solid #ccc;
	background: #f0f0f0;
	color: #000;
	height: 36px;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 0 0 11px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

H2.homewidgettitle a{color: #333;}
H2.homewidgettitle a:hover{color: #ff0000;}


/* --------MENUS--------- */

.menutop ul{
	font-family: 'Poppins', sans-serif;
	margin-left: 50px;
	margin-top: 10px;
	overflow: auto;
	width: 450px;
	float: left;
}

.menutop ul li{
	display: inline;
}

.menutop ul li a{
	font-size: 15px;
	font-weight: lighter;
	color: #fff;
	text-decoration: none;
	float: left;
	margin-right: 15px;
	outline: none;
}

.menutop ul li a:hover, .menutop ul li.current-menu-item a{
	color: #ff0000;
}

.menutop #searchform #s  {
	font-size:13px;
	background:#888;
	color:#000;
	padding:5px 10px;
	width:170px;
	float: left;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: 11px 10px 0 10px;
}

.menuppal ul{
	margin-top: 20px;
	margin-right: 20px;
	overflow: auto;
}

.menuppal ul li{
	display: inline;
}

.menuppal ul li a{
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	float: right;
	margin-right: 15px;
	outline: none;
	padding-bottom: 10px;
	font-weight: 700;
}

.menuppal ul li a:hover{
	color: #cccccc;
}

.menuppal ul li.current-menu-item a, .menuppal ul li.current-post-parent a, .menuppal ul li.current-post-ancestor a{
	color: #ff0000;
}

#socialfooter{
	text-align: center;
}
#socialfooter a img{
	margin: 3px 5px;
}

/* --------ASIDE--------- */
.aside_portada h3{
	display: block;
	font-family: 'Poppins', sans-serif;
	border: 1px solid #ccc;
	background: #f0f0f0;
	color: #333;
	height: 36px;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 0 0 11px;
	margin-bottom: 10px;
	clear: both;
}

.asidehome li.wp-cpl, .aside_ikasi ul li.wp-cpl{
	background: #000 url(images/aside_button.jpg) repeat 0 0 !important;
	margin-bottom: 10px!important;
}

.asidehome li.wp-cpl:hover, .aside_ikasi li.wp-cpl:hover{
	background-image: none !important;
}

.asidehome li.wp-cpl:hover a, .aside_ikasi li.wp-cpl:hover a{
	color: #fff !important;
}

.asidehome li.wp-cpl a, .aside_ikasi li.wp-cpl a{
	text-decoration: none;
	color: #dedede;
	font-size: 17px;
	display: block;
	padding-top: 20px!important;
	outline: none;
}

.asidehome li.wp-cpl .thumb_lay a, .aside_ikasi li.wp-cpl .thumb_lay a{
	padding-top: 0!important;
}

/* --------BERRIAK PORTADA--------- */

#berriakportada article{
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
}

#berriakportada article h2 {
	padding: 0;
	margin: 0;
	text-align: left;
}

#berriakportada article h2 a{
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #444444;
	text-decoration: none;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	padding: 3px 5px;
	margin-bottom: 15px;
}

#berriakportada article h2 a:hover{
	background: #f1f1f1;
	color: #000;
}

#berriakportada article p{
	font-size: 13px;
	line-height: 20px;
	width: 300px;
	float: left;
	text-align: justify;
	padding-left: 5px;
}

#berriakportada article .wp-post-image{
	float: right;
}

/* --------FOOTER EXTRA--------- */
#footerwidgets h3{
	font-family: 'Poppins', sans-serif;
	color: #ff0000;
	font-weight: 700;
	font-size: 18px;
	margin: 15px 0;
	text-transform: uppercase;	
}

#footerwidgets ul li a{
	display: block;
	padding: 5px;
	color: #999999;
	text-decoration: none;
	border-bottom: 1px dotted #555555;
	font-size: 14px;
	margin-bottom: 5px;
}

#footerwidgets ul li a:hover{
	color: #fff;
}

.footer_left{
	display: block;
	width: 233px;
	float: left;
	margin-left: 80px;
	margin-top: 10px;
}

.footer_middle{
	display: block;
	width: 233px;
	float: left;
	margin-left: 40px;
	margin-top: 10px;
}

.footer_right{
	display: block;
	width: 233px;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
}

/* --------IMAGENES--------- */
img.aligncenter{
	display: block;
	margin: 0 auto 30px auto!important;
}

img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

img.alignright{
	float: right;
	display: block;
	margin: 0 0 20px 20px;
}


/* --------BLOG SECTION--------- */

#articulo_single{
	display: block;
	width: 770px;
	margin: 0 auto;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 50px;
}

#articulo_single article{
	min-height: 400px;
	text-align: justify;
}
#articulo_single article h2{
	display: block;
	background: #4c4c4c url(images/article_title.png) repeat-x 0 100% !important;
	padding: 5px 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
}

#articulo_single h3.article_subtitle{
	display: block;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	color: #777777;
	text-align: center;
	font-weight: 100;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 15px;
}

#articulo_single p{
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
}

nav.article_nav{
	display: block;
	width: 730px;
	margin: 0 auto;
	min-height: 40px;
	background: url(images/article_entzun_footer.jpg) no-repeat 0 0;
	padding: 13px 20px 0 20px;
}

nav.article_nav a{
	color: #777777;
	font-size: 13px;
	text-transform: uppercase;
}

nav.article_nav a:hover{
	color: #333;
}


nav.articledefault_nav{
	display: block;
	width: 730px;
	margin: 0 auto;
	padding: 5px 20px;	
	border-bottom: 1px dotted #cccccc;
	border-top: 1px dotted #cccccc;
	overflow: auto;
}
nav.articledefault_nav a{
	color: #777777;
	font-size: 13px;
	text-transform: uppercase;
}
nav.articledefault_nav a:hover{
	color: #000;
}

a.berrifreskue{
	display: block;
	width: 365px;
	height: 152px;
	margin: 0 auto;
	background: url(images/afn_berri_freskue.png) no-repeat 0 0;
}

.blacklinks a{
	color: #333;
}

/* --------BLOG ENTZUN--------- */

article.article_entzun{
	display: block;
	float: left;
	border: 0px solid #000;
	width: 240px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	margin: 0 15px 25px 15px;
}
article.article_entzun h2 a{
	background: #4c4c4c url(images/article_title.png) repeat-x 0 100% !important;
	color: #fff;
	display: block;
	padding: 5px;
	text-transform: uppercase;
	font-weight: 100;
	margin-bottom: 10px;
	font-size: 14px;
}

article.article_entzun h2 a:hover{
	background: #777777 url(images/article_title.png) repeat-x 0 100% !important;
}


h3.entzun_subtitle{
	font-weight: 100;
	border-bottom: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	padding: 3px 0;
	margin-top: 10px;	
	color: #4c4c4c;
	font-size: 13px;
}

article.article_entzun a img:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;	
}

.spotify{display: block; width: 90%; border: 1px solid #ccc; padding: 10px; margin: 0 auto 20px auto;}



/* --------KARTAK--------- */

.price{color: #ff0000;}

#contenido.jan{

}

#kartak{
	background: #000;
	text-align: center;
	color: #fff;
	padding: 40px 20px;
	width: 70%;
	display: block;
	margin: 0 auto;
	font-family: 'Poppins', sans-serif;
}

#kartak h2{
	font-weight: 700;
	font-size: 2.2em;
	margin-top: 33px;
	margin-bottom: 20px;
}

#kartak h5{
	font-weight: 500;
	font-size: 1.3em;
}

#kartak h3{
	font-size:1.7em;
	color: #ff0000;
	margin-top: 15px;
}

#kartak .price{
	font-weight: 400;
}

#kartak ul li{
	font-size: 1em;
}

#kartak em{
	color: #999;
}

#kartak .lineadepuntos{
	width: 40%;
	margin-bottom: 30px;
}

#kartak .onegin{
	display: block;
	margin: 30px auto 0;
	background: url(images/afn_onegin.png) no-repeat 50% 0;
	width: 200px;
	height: 49px;
}

#kartak.edan p{
	font-size: 0.9em;
	color: #999;
	padding: 0 30px 15px;
}

#kartak.edan p.intro{
	text-align: justify;
}

@media screen and (max-width:940px){
	#kartak.edan p{padding: 0 0 11px;}
}

@media screen and (max-width:730px){
	#kartak{width: 88%;}
}





#articulo_single.kartak_content{
	display: block;
	width: 540px;
	padding: 45px;
	font-family: 'Poppins', sans-serif;
	border: 1px solid #ccc;
}

.kartak_column{
	display: block;
	width: 300px;
	float: left;
	padding-left: 13px;
}

#articulo_single.kartak_content h2{
	background: #000!important;
	color: #fff;
	text-align: left;
	font-size: 1.3em;
	font-weight: 500;
	padding: 3px 15px;
	margin-bottom: 20px!important;
	margin-top: 20px;
	display: block;
	width: 60%;
	}

#articulo_single.kartak_content h3{
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: 100;
}

#articulo_single.kartak_content h3.edan{
	border-bottom: 1px solid #333;
	font-weight: bold!important;
	margin-top: 30px;
}

#articulo_single.kartak_content h5{
	display: block;
	padding-left: 13px;
	margin: 7px 0;	
	font-weight: 100;
}

#articulo_single.kartak_content h5.nomargin{
	margin: 0!important;
}

#articulo_single.kartak_content h5:hover{
	padding-left: 10px;
}

#articulo_single.kartak_content em{
	font-size: 1.2em;
	color: #555555;
}

/* --------BLOGS--------- */

#webblog{
	overflow: auto;
	padding-right: 0!important;
}

#webblog, #webblog_ikusi, #booksblog{
	display: block;
	padding: 0 20px;
	margin: 0 auto;
}
#webblog h2{
	display: block;
}


#webblog h2 a{ 
	display: block;
	padding: 0px 5px 0 0;
	line-height: 27px;
	color: #000;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: 'Poppins', sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	text-align: left;
}

#webblog h2 a:hover{
	color: #555;
}

#webblog_ikusi article, #booksblog article{
	overflow: auto;
	margin-bottom: 20px;
	}
	
#webblog ol{
	float: left;
}

#webblog article{
	overflow: auto;
	margin-bottom: 5px;
}

h3.webblog_subtitle{
	font-weight: 100;
	border-bottom: 1px solid #777;
	border-top: 1px solid #777;
	padding: 3px 0 3px 5px;
	margin-top: 10px;
	margin-bottom: 15px;	
	color: #333;
	font-size: 13px;
	display: block;
	width: 414px;
}

.introtext{
	display: block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Poppins', sans-serif;
	text-align: left;
	padding: 20px 60px 50px 20px!important;
	padding-top: 20px!important;
	background: url(images/ikasi_postit.jpg) no-repeat 100% 100%;
	width: 430px;
	overflow: auto;
}

a.introfoto{
	border: 1px solid #ccc;
	overflow: auto;
	padding: 5px;
	display: block;
	float: left;
	margin-right: 10px;
	background: #fff;
}

.introfoto:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.titulos{
	display: block !important;
	float: left;
}

#webblog #ikasicolumn{
	display: block;
	float: left;
	width: 280px;
	margin-left: 5px;
}

#ikasicolumn .aside_ikasi{
	width: 280px;
	display: block;
}


/* --------IKUSI--------- */

#webblog_ikusi h2 a, h2.spotify_title{
	font-family: 'Poppins', sans-serif;
	width: 100%;
	height: auto;
	color: #333 !important;
	display: block;
	margin: 0 auto;
	font-size: 30px;
	text-align: center;

}

/* --------BOOKS--------- */

#booksblog article{
	margin-bottom: 30px;
}

#booksblog h2 a{
	font-family: 'Poppins', sans-serif;

	color: #333 !important;
	display: block;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: lighter !important;
	text-transform: none !important;
}

#booksblog h2 a:hover{
	color: #ff0000 !important;
	padding-left: 5px;
}

.book_thumb{
	border: 1px solid #ccc;
	overflow: auto;
	padding: 5px;
	display: block;
	float: left;
	margin-right: 20px;
}

.book_thumb:hover{
	background: transparent;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.bookintro{
	display: block;
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Poppins', sans-serif;
	padding: 10px;
	width: 450px;
	margin-top: 10px;
}


.ngg-galleryoverview{
	margin-bottom: 30px !important;
}

p.txt_lopd{
	font-size: 0.7em !important;
	color: #888;
	margin-bottom: 5px !important;
}


/* --------BOOKS SHOP--------- */

.books_data{display: block; width: 420px; float: left;}

#booksform{
	display: block;
	width: 300px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 11px 11px 0;
	border: 1px solid #dedede;
	}

#booksform .wpcf7{

}

#booksform p{
	margin-top: 15px;
	}

#booksform span label{font-weight: bold;}
form select{ background: #f0f0f0; border: 1px solid #dedede;}

#booksform p.title{
	margin-bottom: -11px!important;
	font-size: 1.1em;
	color: #555;
	}

#booksform #datos input{
	padding: 15px;
	border: 1px solid #dedede;
	width: 85%;
	margin: 5px 0;
	color: #000!important;
	font-weight: 500!important;
	}
#booksform .wpcf7-list-item{
	margin-top: 11px;
	font-size: 1.1em;
	font-weight: 500;
	}
#booksform .wpcf7-radio .wpcf7-list-item{
	display: block;
	width: 100%;
	float: left;
	}

#booksform .wpcf7-submit{
	display: block;
	padding: 11px 20px;
	background: #ff0000;
	color: #fff;
	margin: 10px 0!important;
	}

#booksform .wpcf7-submit:hover{
	background: #222;
	}

#booksform .tallakami{
	padding-left: 30px;
	color: #ff0000;
	}
#booksform .tallakami select{
	width: 50%;
	}

#booksform .red{color: #ff0000; font-size: 0.85em!important; margin: 0!important;}


/* --------BIDEOAK--------- */

.articlefooter{
	display: block;
	width: 784px;
	margin: 10px auto;

}

.srp-widget-container{padding-bottom: 30px;}
.srp-post-content-container{margin-bottom: 10px;}

.srp-widget-container .srp-widget-singlepost{
	display: block;
	width: 90%;
	margin: 7px auto;
	padding: 50px 10px 10px 16px;
	background: #f1f1f1 url(images/videoicon.png) no-repeat 10px 5px;
	border-left: 1px solid #ccc;
}

div.srp-widget-singlepost:hover{
	background-color: #dedede;
}

div.srp-widget-singlepost h4 a{
	padding-left: 10px;
	margin-top: -25px;
	display: block;
	color: #555;
}

div.srp-widget-singlepost h4 a:hover{
	color: #000;
}

/* --------PAGES--------- */

#pagina{
	display: block;
	width: 770px;
	margin: 0 auto;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 50px;
	min-height: 400px;
	text-align: justify;
}
#pagina h2{
	display: block;
	background: #4c4c4c url(images/article_title.png) repeat-x 0 100% !important;
	padding: 5px 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: center;
}

#pagina p{
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
}

/* --------Reservas--------- */

#reservas_phone{
	display: block;
	width: 265px;
	height: 57px;
	background: url(images/reservas_phone.jpg) no-repeat 0 0;
	margin-bottom: 10px;
	padding: 20px 0 0 90px;
}

#reservas_email{
	display: block;
	width: 265px;
	height: 57px;
	background: url(images/reservas_email.jpg) no-repeat 0 0;
	margin-bottom: 10px;
	padding: 20px 0 0 90px;
}

#reservas_email a{color: #000;}

#reservas_email a:hover{color: #ff0000;}


#reservas_location{
	display: block;
	width: 720px;
	height: 40px;
	background: url(images/reservas_location.jpg) no-repeat 0 0;
	margin-bottom: 10px;
	padding: 10px 0 0 50px;
}

#reservas{
	display: block;
	float: right;
	width: 355px;
	margin-left: 30px;
	font-size: 21px;
	}
	
.reservas_txt{
	width: 350px;
	border: 1px dotted #999999;
	padding: 10px 20px; 	
}

/* --------SEARCH RESULTS--------- */

#bookscolumn{
	display: block;
	float: right;
	width: 280px;
	margin-left: 5px;
	margin-top: 45px;
}

#searchresults{
	display: block;
	width: 500px;
	float: left;
	margin-bottom: 20px;
}

#searchresults article{
	display: block;
	clear: both;
	overflow: auto;
	margin-bottom: 25px;
}

#searchresults article h2 {
	padding: 0;
	margin: 0;
	text-align: left;
}

#searchresults article h2 a{
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #6f0b0b;
	text-decoration: none;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	padding: 3px 5px;
	margin-bottom: 15px;
	background-color: #fff;
}

#searchresults article h2 a:hover{
	background: #f1f1f1;
	color: #000;
}

#searchresults article p{
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	padding-left: 5px;
}

#lupa{
	display: block;
	background: url(images/searchicon.jpg) no-repeat 0 0;
	padding: 4px 0px 4px 35px;
	margin-bottom: 15px;
}


/* --------ERROR 404--------- */

#error404{
	display: block;
	width: 770px;
	margin: 0 auto;
	font-family: 'Poppins', sans-serif;
	padding-bottom: 50px;
	min-height: 400px;
	background: url(images/404_notfound.jpg) no-repeat 50% 0;
}

#error404 ul{
	padding-top: 350px;
	text-align: center;
}

#error404 ul li{
	display: inline;
}

#error404 ul li a{
	color: #333;
	margin: 0 5px;
}

#error404 ul li a:hover{
	border-bottom: 1px solid #ff0000;
	color: #ff0000;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.primary-mobile-nav {display: none;}


			
/* 940 */
@media screen and (max-width:940px) {
	#wrapper{width: 100%;}
	#pagina{width: 90%;}
	header{width: 100%; margin: 0 auto; background: url(images/header_800.png) repeat-x 0 0;}
	a.h1link{width: 110px;height: 160px;margin-left: 40px; background: url(images/header_logo.png) no-repeat 0 0;}
	#bannerportada{height: auto;}
	.theme-light.slider-wrapper{background-color: transparent;}
	#menuportada{width: 100%; height: auto; overflow: auto; max-width: 770px;}
	#menuportada .textwidget a{width: 19%; height: auto; margin: 0 0 0 1%;}
	#menuportada .textwidget a img{width: 95%; margin: 0 auto; display: block;}
	#contenido{width: 100%; margin: 0; padding: 0 0 20px 0 !important; background: url(images/content_800.png) repeat 0 0;}
	#menuppal{width: 450px; float: right;}
	.menutop ul{margin-left: 20px;	width: 270px;}
	.menutop #searchform #s{display: none;}
	#header_submenu{width: 70%;}
	UL.snippet{float: right; margin-right: 10px; width: auto;padding-left: 0px;}
	
	aside{width: 100%; margin: 0 auto;}
	.aside_portada h3, H2.homewidgettitle {width: 95% !important; margin: 0 auto;}
	H2.homewidgettitle{margin-bottom: 20px;}
	.asidehome ul{display: inline;}
	.wp-cpl-widget li{float: left !important;}
	.asidehome li.wp-cpl{background: #000 url(images/aside_button.jpg) repeat 0 0 !important; margin: 10px !important;}
	.asidehome li.wp-cpl:hover a{color: #fff;}
	
	
	#berriakportada{width: 100%;}
	#berriakportada article{width: 90%; margin: 0 auto 11px auto;}
	#berriakportada article p{width: 70%;}
	#berriakportada article .wp-post-image{width: 25%; max-width: 150px; height: auto; overflow: auto;}
	
	#contentfooter{display: none;}
	footer{width: 100%;}
	#footerwidgets{background: url(images/footer_widgets_800.png) repeat 0 0;}
	.footer_left, .footer_middle, .footer_right{width: 30%; margin: 10px;}
	
	#articulo_single{width: 95%;}
	nav.article_nav{width: 80%; background: none; border-top: 1px dotted #000;}
	
	#articulo_single.kartak_content{width: 80%; background: #fff; margin-bottom: 20px;}
	
	article.article_entzun{width: 30%; margin: 0.5em;}
	article.article_entzun a img.wp-post-image{width: 90%; height: auto;}
	
	#articulo_single p img.alignnone.size-full{width: 95%; height: auto;}
	.ngg-galleryoverview{width: 95%; margin: 0 auto;}
	.ngg-gallery-thumbnail-box {width: 23%; margin: 2px; overflow: auto;}
	.ngg-gallery-thumbnail img{width: 90%; height: auto;}
	
	#webblog ol{padding: 10px 10px 0 10px; background: #fff; width: 63%;}
	#webblog ol article{width: 100%;}
	#webblog .introtext{width: 80%;}
	h3.webblog_subtitle{width: 100%;}
	#webblog ol article a.introfoto{width: 25%;}
	#webblog ol article a.introfoto img{width: 100%; height: auto;}
	#webblog #ikasicolumn{width: 30%; float: right; margin-right: 15px;}
	#ikasicolumn .aside_ikasi{width: 100%;}

	#booksform{width: 95%; margin: 11px auto; display: block; background: #fff;}
	.books_data{width: 100%;}
	.books_data img{width: auto; height: auto; margin: 0 auto 15px; display: block; float: none;}

}

@media screen and (max-width:830px) {
	#articulo_single a img.size-large, #articulo_single img.size-large, #articulo_single a img.size-full, #articulo_single img.size-full{width: 80%; height: auto;}
	
	iframe.youtube-player{width: 99%; height: auto; min-height: 300px;}
	.articlefooter{width: 100%;}
	.srp-widget-container{display: block; width: 98%; margin: 0 auto; padding: 0;}
	.srp-widget-container .srp-widget-singlepost{margin: 0 auto 5px; float: none; display: block; width: 90%;}

	
}	

@media screen and (max-width:680px) {
	.menuppal ul{margin-right: 3px;}
	article.article_entzun{width: 45%;}
	
	#webblog{padding: 0; margin: 0;}
	#webblog ol{padding: 10px; width: 96%;margin: 0 auto; float: none; background: none;}
	#webblog .introtext{background: #f0f0f0; padding: 10px; float: none; margin: 0 auto 10px; border: 1px solid #fff;}
	#webblog #ikasicolumn{width: 98%; float: left; margin-top: 20px;}
	#ikasicolumn .aside_ikasi{width: 90%; margin: 0 auto;}
}

@media screen and (max-width:700px) {
	.srp-widget-container .srp-widget-singlepost{background-image: none; padding: 10px;}
	div.srp-widget-singlepost h4 a{margin:0; text-align: center;}
	.srp-post-thumbnail-link{display: block; margin: 0 auto; text-align: center;}
	.srp-post-thumbnail-link img{border: 2px solid #fff; }
}

@media screen and (max-width:625px) {
	.menutop ul{margin-left: 20px;	width: auto;}
	.menutop ul li a{font-size: 1em; margin-right: 5px}
	UL.snippet li a{font-size: 0.8em;}
	
	header{background: url(images/header_600.png) repeat-x 0 0; height: auto; overflow: auto;}
	a.h1link{float: none; margin: 0 auto;}
	#menuppal{width: 100%;margin-top: 0;}
	#menuppal ul li a{width: 20%; text-align: center; margin: 0;}
	#header_submenu{width: 99%; margin: 0;}
	
	#footerwidgets{padding: 30px 0;}
	.footer_left, .footer_middle, .footer_right{width: 100%; margin: 0 auto; text-align: center;}
	
	#articulo_single.kartak_content{width: 70%;} 
	#articulo_single.kartak_content h2{width: 90%;}
	#articulo_single.kartak_content h5{text-align: left !important;}
	#articulo_single.kartak_content img{width: 80%; height: auto;}

	.ngg-gallery-thumbnail-box{width: 32%;}

	#webblog article{width: 80%;}
	#webblog h2 a{width: 100%;}
	
	nav.article_nav a{width: 100%; display: block !important; text-align: center; margin: 0 auto 5px;}
	nav.article_nav div{float: none !important;}
}

@media screen and (max-width:440px) {
	#menuportada{display: none;}
	.primary-nav .menuppal ul{margin-top: 0;min-height: 50px; }
	.primary-nav .menuppal li{height: 40px;width: 20%; float: right; text-indent: -9999px; }
	.primary-nav .menuppal li > a{display: block; min-height: 40px; min-width: 40px; float: none; margin: 0 auto;}
	.primary-nav .menuppal li:hover{background-color: #ff0000 !important;}
	.primary-nav .menuppal li.btn_jan {background: url(images/menu_icon_jan.png) no-repeat 50% 0;}
	.primary-nav .menuppal li.btn_edan {background: url(images/menu_icon_edan.png) no-repeat 50% 0;}
	.primary-nav .menuppal li.btn_entzun {background: url(images/menu_icon_entzun.png) no-repeat 50% 0;}
	.primary-nav .menuppal li.btn_ikusi {background: url(images/menu_icon_ikusi.png) no-repeat 50% 0;}
	.primary-nav .menuppal li.btn_ikasi {background: url(images/menu_icon_ikasi.png) no-repeat 50% 0;}
	
	article.article_entzun{width: 240px; margin: 10px auto 0 auto; float: none;}
	.ngg-gallery-thumbnail-box{width: 48%;}
	
}

@media screen and (max-width:420px) {
	#menuppal ul{text-align: center; padding: 0;}
	#menuppal ul li a{width: auto !important; margin: 0 5px; font-size: 0.8em; }
}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}