/*
Theme Name: AS
Version: 1.0
Made in exts
*/

/* Overwrites and Tag Declerations
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
}
html, body{ height:100%; }
body {
	font-family:  Georgia, serif;
	line-height: 1;
	background:#fff;
	color:#222;
	overflow-x: hidden;
	
}
body.single {
	background:#fff;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #666;
	outline: none;
	text-decoration: none;
}
a:hover {
  color: #000;
}
a img {
	border: none;
}
.hook {
	display: block;
}
.hook:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .hook {
	height: 1%;
}

ul li{ list-style-type:none}

p{font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;letter-spacing: 0;line-height: normal;word-spacing: normal; }

textarea, input {max-width:300px;}

.wpcf7-list-item{display:block}
.wpcf7-form { margin:20px 0}
.wpcf7-form p{font-weight:bold; font-size:12px!important}
.wpcf7-form-control-wrap{font-weight:normal}
.wpcf7-submit{margin: 20px 0; font-size:16px}

/* Columns
----------------------------------------------- */

#slider100{ background: none;   }
#container100 { background:#fff; }
#container100.dos { background:#fff; height: auto }
#container100.tres { background:#fff; border-top: 1px solid #ddd; }
#container100.cuatro {  background:#fff }
#container100.cuatro .container { background:#fff; }

.container {
  margin: 0 auto 30px auto;
  padding:0;
  display:block;
  height:100%;
  text-align:center;
  }

/* Typography
----------------------------------------------- */
h2 {}
h3 {}
p { margin:0 0 0 0;}

/* Core
----------------------------------------------- */
#browserInfo{display:none}


#wrapper{ height: auto;margin: 0 auto; padding:0;overflow: hidden; } 
#menu{ width:auto; height:auto; float: left }
#contenido{float:left; margin:0 0 0 0; }
#main{ margin:0 auto; }

/* Sizes
----------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper{  width:100%; }
#header{ width:1040px; }
#main{  width:1040px; margin:0 auto }
.container{ width:1040px; }
#slider{ width:1040px; }


#sidebar.movil{ display:none}


.portada h3{ font-size: 28px; margin: 0 0 10px 0;}


/* movil 
----------------------------------------------- */
.menu-movil{ display:none;}



/* header 
----------------------------------------------- */

#header100{ background: none; }

#header{ text-align:left; margin: 0 auto; background:#fff; height: auto  }

#header div.logo{ width:300px; height:100px; background:#fff url(images/Alicia-Suarez-bilbao-logo-2.png) no-repeat center center; text-indent:-1900px; overflow:hidden; margin: 10px auto 0 auto; }

#header .cabecera{width:100%; background:#fff; margin:0; }


#header .redes{ width:100%; height:22px;margin:0;float: rigth; }

#header .redes a{ float:right; margin: 0 0 0 5px; display:block; width:22px; height:22px;   }

 #header .facebook a{  background:#ccc url(images/redes/facebook.png) no-repeat 8px 4px; display:block; overflow:hidden; text-indent:200em; transition: none; background-size: 14px 14px;}
  #header .facebook a:hover{ background:#000 url(images/redes/facebook.png) no-repeat 8px 4px;background-size: 14px 14px;  }
  #header .twitter a{ background:#ccc url(images/redes/twitter.png) no-repeat 5px 4px; display:block; overflow:hidden; text-indent:200em; transition: none; background-size: 14px 14px;}
  #header .twitter a:hover{ background:#000 url(images/redes/twitter.png) no-repeat 5px 4px;background-size: 14px 14px;  }
  #header .instagram a{ background:#ccc url(images/redes/instagram.png) no-repeat 5px 4px; display:block; overflow:hidden; text-indent:200em; transition: none; background-size: 14px 14px;}
  #header .instagram a:hover{ background:#000 url(images/redes/instagram.png) no-repeat 5px 4px;background-size: 14px 14px;  }
  #header .youtube a{ background:#ccc url(images/redes/youtube.png) no-repeat 5px 4px; display:block; overflow:hidden; text-indent:200em; transition: none; background-size: 14px 14px;}
  #header .youtube a:hover{ background:#000 url(images/redes/youtube.png) no-repeat 5px 4px;background-size: 14px 14px;  }
  
  
#header{   }

  

/* menu
----------------------------------------------- */

.menu{ margin: 0 0 0 0; padding:0; width:100%; text-align:center; float:left;  }

.menu a{ color: #000;font-family:  'Merriweather', Georgia, serif;font-size: 15px;font-weight: 400;line-height: normal;text-decoration: none;text-transform: none; margin:20px; padding:0; display:inline-block; width:160px; height:35px;   }
.menu a:hover { color:#000; background:url(images/menu-a-2.png) no-repeat center bottom;  }
.menu .current_page_item a { color:#000; background:url(images/menu-a-2.png) no-repeat center bottom;  }

.menu-menu-secundario-container{ width: auto; height:70px; float: right; line-height:70px;  }
a.cart-contents{ width: auto; float: right; height:70px; line-height:70px; margin:0 0 0 50px;  padding:0 0 0 50px;  background:url(images/cart.png) no-repeat bottom left;color:#7a7a7a}

a.cart-contents:hover{ background:url(images/cart.png) no-repeat top left; color:#000; }

.menu li { display: inline-block; position:relative}

.menu li.current_page_item a { }




.menu-movil{ width: 100%; height:85px; line-height:normal; background:#fff; margin: 0; background:url(images/menu.png) no-repeat top center; cursor:pointer; position:absolute;   }
.menu-movil a{ font-family:  'Merriweather', Georgia, serif;font-weight: 400;text-decoration: none;text-transform: none; display: block; }
.menu-movil a{ color: #000;font-size: 15px; margin:0; padding:0; widows:100%; height:50px; line-height:50px; background:#fff; border-bottom:1px solid #000; }
.menu-movil ul li:first-child a{border-top:1px solid #000; border-bottom:1px solid #000; }

.menu-movil a:hover{ color:#fff; background:black }

.menu-movil .children{ display: none; }
.menu-movil .menu li:hover .children{ display: none; }

.menu-movil .menu li{ display: block; }

.menu-movil .current_page_item a { color:#fff; background:#000;  }

.menu-movil .menu { position: relative; top: 80px; border-bottom:40px solid #fff; display:none; }




/* portada
----------------------------------------------- */


#slider100{ width: 100%; height: auto;  }
#slider{ margin: 0 auto; padding:0 0; background:#fff;  }

#slider img{ width:100%; height:auto;}


.titulos { font-family:  'Merriweather', Georgia, serif;font-weight: 400;font-size: 26px; margin: 0 0 20px 0;  display:block; color:#666  }

.titulos.pelucas { margin: 20px 0 20px 0;    }
.titulos.entreactos { margin: 60px 0 20px 0;    }

.thumb { width:650px; height:auto; margin:0 auto; }
.thumb img{ width:100%; height:auto; }

.posts{ width: 280px; height:auto; display:inline-block; margin:20px; }
.posts .thumb { width:100%; height:auto;  }
.posts .entrada.portada { width:100%; }
.posts .entrada.portada p { font-size:14px; line-height:1.4em; text-align:left; }
.posts .titulos { font-size:20px; text-align:left; height:30px;  }

.posts:nth-child(3){ margin-right:0; }

.thumb.blog { width:400px; height:auto; margin:0 auto; }

.flecha{ display:block; width:50px; height:50px; margin:0 auto; }
.flecha.right{ background:url(images/arrow-right.png) no-repeat; width: 190px; line-height:50px;  }
.flecha.down{ background:url(images/arrow-down.png) no-repeat; overflow:hidden; text-indent:-200px; }

#pelucas{ padding:20px 0 0 0; }


/* contenido
----------------------------------------------- */

.intros { margin:20px 0 50px 0; }
.intros .titulos { color:#222  }
.thumb.paginas { width:400px; height:auto; margin:0; display:inline-block }
.entrada.portada.paginas { width:400px;display:inline-block; vertical-align:top; padding: 0 30px 0 0; margin:20px 30px 0 0; border-right:1px solid #000; }

.contacto-directo{ margin:60px 0; font-size:125%; }

.galerias p{ font-family:  'Merriweather', Georgia, serif;font-weight: 400;font-size: 26px; margin: 30px 0 20px 0;  display:block; color:#666  }
.galerias .gallery-item{ width:200px; height:auto; display:inline-block; margin:6px; border:1px solid #ddd; background:#eee; padding:6px; }
.galerias .gallery-item img{ width:100%; height:auto;  }
.galerias .gallery-item a{ display: block  }

.galerias iframe{ width:700px; height:400px!important  }


.final{ margin:60px 0; }
.final p{ margin:10px 0; font-size:110%; }

.entrada{ margin:0 0 20px 0; text-align:center; }
.entrada.textos{ padding:0 0 30px 0;  margin:0 0 40px 0; }

.entrada.textos{   }
.container.single.hijos{  }


.entrada article {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
		 
 -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
		  
		  height:320px;
		  
}

.page table td { padding:7px!important; border: 1px solid #ccc; }

#contenido.cuatrocientos{ margin:100px 0; width:100%; text-align:center; float:none; }
.entrada { margin:20px 0; }
.entrada.portada{ width:80%; margin:30px auto; }
.entrada p {  font-family:  Georgia, serif;font-size: 16px; letter-spacing: 0.02em;line-height: 28px;word-spacing: normal;color:#222; margin: 0 ; width:auto; text-align:center; }
.otras .entrada p {  font-family:  Georgia, serif;font-size: 16px; letter-spacing: 0.02em;line-height: 28px;word-spacing: normal;color:#222; margin: 20px auto 0 auto; width:auto; text-align:left; width: 100%; max-width: 800px; }

.entrada.portada p, .entrada.portada li{ font-size:120%;  padding:0 0 10px 0; }
.raya{ display:block; position:relative; z-index:5; border-top:1px solid #222; margin:-40px 0 40px 0; }
.entrada.imagenes img{ width:100%; height:auto; }
.entrada.imagenes p, .entrada img{ width:100%; height:auto; }
.entrada.textos img{ width:auto; height:auto; }
.entrada img{ max-width:100%; width: auto; height:auto; }
.entrada.imagenes a{ display: block; float:left; width:33%; height:auto; border: 1px solid #fff;  }
.contacto .entrada a{ display: inline; float:none; width:auto; height:auto; border: none;  }

.icon-container{ width:100%; text-align:center; margin:10px 0 20px 0; padding:20px 0 0 0;   }
.iconos{ width:340px; height:380px; display:block; margin:10px 0; vertical-align:top; float:left }
.iconos h2{ font-family: 'Asul',sans-serif;font-size: 22px;font-weight: 700; margin: 20px 0 20px 0;}
.icono, .texto{ width:220px; height:auto; margin:0 auto; }
.icono img{ width:100%; height:auto; }

.hijos .iconos{ width:250px; height: auto; margin:0 0 50px 0; padding:0 0 0 0;  } 
.hijos .iconos h2{ margin: 20px 0;  } 

.hijos .icono{ width:100%; height:auto; background:#000; border: 1px solid #fff; }

ul.posts{ margin:40px 0 20px 0; }

.videof{ margin:20px 0; }


/* Sidebar
----------------------------------------------- */

#sidebar { background:#ccc; margin:0 0 30px 0; width:auto;  }

.content-sidebar { display:block;   }

#sidebar .titulos { padding:10px 10px 10px 40px; margin:0; background:#eee; }

#sidebar a { font-family: 'Source Sans Pro', sans-serif;font-size: 22px;color:#333;font-weight: 400;margin: 0; padding: 10px 10px 10px 40px; display:block; text-align:left; border-top:1px solid #fff; }
#sidebar a:hover { background:#333; color:#ccc;  }

#sidebar li a {
  
	
}


#sidebar .back li {
    margin: 0 0 5px 0;
}

	
#sidebar li.current_page_item a, #sidebar li.current-cat a { background:#333; color:#eee;   }

#sidebar.movil { width: 100%; margin:10px 0 0 0;}

#sidebar.movil ul{ width: 100%; 

}

/* Contacto
----------------------------------------------- */
#contacto { }

/* footer
----------------------------------------------- */
#footer { padding:50px 0; margin: 20px 0 30px 0; background:#222; color: #fff; height: auto; width:100%; color:#F5F5F5}
#footer a {text-decoration: none;color: #ddd; }
#footer a:hover {color: #abeb00; text-decoration:underline }

#footer .entrada p{ color:#F5F5F5}
 
  #footer .facebook a{ width:65px; height:65px; background:url(images/icon-facebook.png) no-repeat top left; display:block; overflow:hidden; text-indent:200em; margin:0; transition: none; }
  #footer .dos .facebook a:hover{ background:url(images/icon-facebook.png) no-repeat bottom left;  }
  #footer .dos .twitter a{ width:65px; height:65px; background:url(images/icon-twitter.png) no-repeat top left; display:block; overflow:hidden; text-indent:200em; margin:0 auto 15px auto; transition: none; }
  #footer .dos .twitter a:hover{ background:url(images/icon-twitter.png) no-repeat bottom left;  }
  #footer .dos .instagram a{ width:65px; height:65px; background:url(images/icon-instagram.png) no-repeat top left; display:block; overflow:hidden; text-indent:200em; margin:0 auto 15px auto; transition: none; }
  #footer .dos .instagram a:hover{ background:url(images/icon-instagram.png) no-repeat bottom left;  }
  #footer .dos .feed a{ width:65px; height:65px; background:url(images/icon-feed.png) no-repeat top left; display:block; overflow:hidden; text-indent:200em; margin:0 auto 15px auto; transition: none; }
  #footer .dos .feed a:hover{ background:url(images/icon-feed.png) no-repeat bottom left;  }

 




/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: visible; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%!important; height:auto; display: block; margin:0}
.flex-pauseplay span {text-transform: capitalize;}

.flexslider .slides > li { }
.flexslider .slides > li.flex-active-slide { margin: 0;
-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s; 
	transition: all .5s; }

.flexslider .slides li {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s; }

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > p:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0; border: none; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;    }
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; }
.flex-direction-nav a {width: 30px; height: 30px; margin: -30px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; top: -32px; text-align: right; right:27px; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666666; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; text-indent:200em;}
.flex-control-paging li a:hover { background: #eee;  }
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}








/* Media queries
*********************************/

@media screen and (max-width: 1040px) {
#wrapper{ margin:0 10px; width:auto; }
#header{ width:100%; }
#main{ width:100%; }
.container{ width:100%; }

#slider {width: 100%;height: auto;}
#slider100 {width: 100%;height: auto;}

iframe{ width:100%; height:auto; }

.menu a{ width:auto; }

.posts{ margin:10px;}

.posts .titulos{ height:30px; }

.galerias .gallery-item{ width: 320px; }

}

@media screen and (max-width: 887px) {

.intros .thumb.paginas { height: 290px; width: 250px; overflow:hidden; }
.intros .thumb img { height: 100%; width: auto; }
.intros .entrada.portada.paginas{ width:250px; }

}


@media screen and (max-width: 721px) {

.posts{width:97%; }
.thumb{width:97%; }

.galerias iframe{ width:97%; }

}

@media screen and (max-width: 620px) {

.menu{ display:none; }
.menu-movil{ display:block;  }
.menu-movil .menu{ background:none; }

#header{ height:200px; }

.intros .thumb.paginas { height: auto; width: 97%; }
.intros .thumb img { height: auto; width: 100%; }
.intros .entrada.portada.paginas{ width:97%; }

.footer-container{ width:85%; margin:0 auto; }

.galerias .gallery-item{ width: 94%; }

.page table td { font-size: 7px; line-height: normal; }

#cookie-notice .button.bootstrap{ display: block; margin:10px 0; }

}


@media screen and (max-width: 478px) {
	

	
}

@media screen and (max-width: 341px) {

}