/*
	Theme Name: El Arte dela Risa 1.0
	Theme URI: http://www.elartedelarisa.es
	Description: Risoterapia en Madrid.
	Author: Jesús Delgado
	Author URI: http://www.jotadelgado.es
	Version: 1.0 

*/ 
/* RESPONSIVE */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400 ); 

@media screen and (max-width: 400px) {
 
 nav { position:absolute; top:50px; left:0; z-index:999; } 
 nav ul { background-color:#ccc !important;}   
 nav ul li { display:list-item !important; border:none; } 
 nav ul li a {background-color:#ccc !important; padding: 20px 15px ; float:left; width:100%; text-decoration:none; color:#fff; text-transform:uppercase; font-family: 'Open Sans', sans-serif; }  
.social { margin:5px 5px 5px 0; float:right;}

.wrapper   {  width: 100%; } 
.textoIntro  {  width:100%;  padding:1px 10px; margin:0 0 10px 0;} 
.sec {  width: 100%;   }
.sec li {width:48%; height:150px; margin:1%; } 
.li1 div, .li2 div, .li4 div, .li5 div, .li3 div, .li6 div, .li7 div{ background-repeat:no-repeat; background-position:center ; width:165px !important; height:90px;  z-index:10;  text-align:center; position:relative;  padding:10px !important;  margin:0px 0 0px 0 !important; }

 #blog_subscription-3 { width:100% !important; padding:10px;  }
.entradas ul li { width:100%;}
.imgPingus, nav{ display:none;}

 .footer div { width:100%; float:left;  padding:10px; font-size:14px;  color:#666; } 
 .footer div img { max-width:35%;  }
}
@media screen and  (min-width: 401px) and (max-width: 960px) {
 
 nav { position:absolute; top:50px; left:0; z-index:999; } 
 nav ul { background-color:#ccc !important;}   
 nav ul li { display:list-item !important; border:none; } 
 nav ul li a {background-color:#ccc !important; padding: 20px 15px ; float:left; width:100%; text-decoration:none; color:#fff; text-transform:uppercase; font-family: 'Open Sans', sans-serif; }  
.social { margin:5px 5px 5px 0; float:right;}

.imgPingus, nav{ display:none;}
.wrapper   {  width: 100% ; } 
.textoIntro  {  width: 100%;  padding:1px 10px;margin:0 0 10px 0;} 
.sec {  width: 100%;   }
.sec li {width:48%; height:150px; margin:1%; } 
.li1 div, .li2 div, .li4 div, .li5 div, .li3 div, .li6 div, .li7 div{ background-repeat:no-repeat; background-position:center ; width:100% !important; height:90px;  z-index:10;  text-align:center; position:relative;  padding:10px !important;  margin:0px 0 0px 0 !important; }

.entradas ul li { width:47%;}
 .entradas ul li img { width:90%; }
 
 
 .footer div { width:100%; float:left;  padding:10px; font-size:14px;  color:#666; } 
 .footer div img { max-width:35%;  }
 
}
@media only screen and (min-width: 960px) { 

.wrapper {  width: 960px;   margin: 0 auto;    }
.textoIntro {  float:left; padding:1px 10px; width:50%; height:305px;}
.sec { width:49%; margin:0; padding:0;}
.sec li {width:150px; height:150px; padding:10px;  margin:0 5px 5px 0; }  
.social { margin:15px 10px 5px 0; float:right;}

.entradas ul li { width:32%;}

nav {  padding:0; margin:0 10px 0 0; }
nav ul {  padding:0; margin:0; }
nav ul li { float:left; padding:0  ; margin:0; }
nav ul li a { display:inline-block; padding: 15px 10px; text-decoration:none; color:#666; text-transform:uppercase; font-family: 'Open Sans', sans-serif; }

		.nav1{ border-bottom:8px solid #b68ab6;}
			.nav1 .actual { background-color:#b68ab6; color:#fff;}
           .nav1 a:hover {   background-color:#b68ab6; color:#fff;  } 
		.nav2{ border-bottom:8px solid #e47ab7;}
			.nav2 .actual { background-color:#e47ab7; color:#fff;}
           .nav2 a:hover {   background-color:#e47ab7; color:#fff;  } 
		.nav3{ border-bottom:8px solid #de7781;}
			.nav3 .actual { background-color:#de7781; color:#fff;}
           .nav3 a:hover {   background-color:#de7781; color:#fff;  } 
		.nav4{ border-bottom:8px solid #80c9a1;}
			.nav4 .actual { background-color:#80c9a1; color:#fff;}
           .nav4 a:hover {   background-color:#80c9a1; color:#fff;  } 
		.nav5{ border-bottom:8px solid #c8db74;}
			.nav5 .actual { background-color:#c8db74; color:#fff;}
           .nav5 a:hover {   background-color:#c8db74; color:#fff;  } 
		.nav6{ border-bottom:8px solid #e2ae78;}
			.nav6 .actual { background-color:#e2ae78; color:#fff;} 
           .nav6 a:hover {   background-color:#e2ae78; color:#fff;  } 
		.nav7{ border-bottom:8px solid #8FC556;}
			.nav7 .actual { background-color:#8FC556; color:#fff;} 
           .nav7 a:hover {   background-color:#8FC556; color:#fff;  } 
           
           
.li1 div, .li2 div, .li4 div, .li5 div, .li3 div, .li6 div, .li7 div{ background-repeat:no-repeat; background-position:center 20px; top:-10px; left:-11px; width:150px !important; height:90px;  z-index:10;  text-align:center; position:relative;  padding:0 !important;  margin:0px 0 0px 0 !important; }
  #blog_subscription-3 { width:30% !important;  }
 .footer div { width:48%; float:left;  margin:0 15px 10px 0;  font-size:14px;  color:#666; }          
}

/* COMUNES*/

.alignleft { float:left; margin:0 10px 0 0 ;}
.clearfix:before,
.clearfix:after { content: " ";  display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
.hidden {display: none !important;  visibility: hidden;}

a { text-decoration:none; color:#d97209;}
a:hover {  color:#802a85;}
ul { margin:0; padding:0;}
ul li { list-style:none;}
h2 {font-family: 'Open Sans', sans-serif !important;  color:#d97209; text-transform:uppercase; font-size:28px;text-align:left !important; }
body { background-color:#eceae8;  font-family: 'Open Sans', sans-serif ;  }

nav ul li a,.sec li,.li1 div, .li2 div, .li4 div, .li5 div, .li3 div, .li6 div, .li7 div {-webkit-transition:all 275ms ease-in; -moz-transition:all 275ms ease-in; -ms-transition:all 275ms ease-in; -o-transition:all 275ms ease-in; transition:all 275ms ease-in;}
.leftIMG{ float:left; margin:0 10px 0 0;}

/* CONTENEDORES*/
.header-container, .main-container, .footer-container { width:100%; } 
.header-container,.footer-container {  border-bottom:5px solid #afaba8;  } 
.footer-container {background-color:#f4f4f4; float:left; border-top:5px solid #afaba8 !important; border-bottom:none !important; }
.textoIntro,.sec li,   .galeria img, .InBoton ,.InBoton2 , .entradas ul li,article,aside,aside h2, aside h4,  .presu, .divli5, .divli1, .divli2, .divli3, .divli4, .divli6, .divli7, .divli8, .divli9, .divli10   {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.sec,.textoIntro,.wrapper,.sec li,.wrapper2,aside h2, aside h4,  .InBoton,.InBoton2 , .entradas ul li,article,aside, .footer div,.footer, .presu  { -moz-box-sizing:border-box;   -webkit-box-sizing:border-box;  -o-box-sizing:border-box;   box-sizing:border-box;  }

/* HEADER */ 
.social:hover {opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */} 
           
/* INDEX */
.hacemos,.galeria,.entradas { margin:0 0 20px 0; float:left; width:100%;}
.textoIntro{ border: 1px solid #fff;background-color:#fff;  float:left; font-size:14px;}
 
.sec { float:right;  }
.sec li {  display:inline-block; float:left; list-style:none;  font-size:14px; text-align:center; color:#fff;  }
.sec li a {  color:#fff !important;  }
.li1 div:hover, .li2 div:hover, .li4 div:hover, .li5 div:hover, .li3 div:hover, .li6 div:hover, .li7 div:hover{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); 	transform:scale(1.2);}
        .li1 {  border: 1px solid #b68ab6;  background-color:#b68ab6;  } 
       			.li1 div, .divli1  {  background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/varita.png);   } 
       			.li1:hover {  background-color:#802a85;   } 
        .li2 {  border: 1px solid #e47ab7;  background-color:#e47ab7;  }
       			.li2 div, .divli2 {   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/solteras.png);  } 
       			.li2:hover {  background-color:#dc0a87;   } 
        .li3 {  border: 1px solid #de7781;  background-color:#de7781;  }
       			.li3 div, .divli3 {  background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/madrid.png);  } 
       			.li3:hover {  background-color:#d0041b;   } 
        .li4 {  border: 1px solid #80c9a1;  background-color:#80c9a1;  }
       			.li4 div, .divli4  {   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/tallares.png);  } 
       			.li4:hover {  background-color:#14a85a;   } 
        .li5, .divli5  {  border: 1px solid #c8db74;  background-color:#c8db74;  }
       			.li5 div, .divli5  {   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/domicilio.png);  } 
       			.li5:hover {  background-color:#a6c61b;   } 
        .li6 {  border: 1px solid #e2ae78;  background-color:#e2ae78;  }
       			.li6 div, .divli6 {   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/empresas.png);  } 
       			.li6:hover {  background-color:#d97209;   } 
        .li7 {  border: 1px solid #e2ae78;  background-color:#e2ae78;  }
       			.divli7 {   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/teatroinfantil.png);   background-position:30px 15px !important; } 
       			.li7 div{   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/teatroinfantil.png);   background-position:54px 25px !important; }
       			.li7:hover {  background-color:#d97209;   } 
        .li8 {  border: 1px solid #e2ae78;  background-color:#e2ae78;  }
       			.li8 div, .divli8 {   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/regalo.png);  background-position:30px 20px !important;  } 
       			.li8:hover {  background-color:#d97209;   } 
        .li9 {  border: 1px solid #de7781;  background-color:#de7781;  }
       			.li9 div, .divli9 {   background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/pintacaras.png); background-position:30px 25px !important;  } 
       			.li9:hover {  background-color:#de7781;   } 
 
 .divli5, .divli1, .divli2, .divli3, .divli4, .divli6, .divli7, .divli8, .divli9, .divli10, .divli11 { float:left; width:100%; background-repeat:no-repeat; background-position:20px 15px; margin:20px 0 10px 0 ;  }
 .divli5 { background-color:#c8db74;} .divli2, .divli8 { background-color:#e47ab7;}  .divli6, .divli7 { background-color:#e2ae78;} .divli3,.divli9 { background-color:#de7781;} .divli4 { background-color:#80c9a1;} .divli1 { background-color:#b68ab6;}
 .divli5 h2, .divli4 h2, .divli3 h2, .divli2 h2, .divli1 h2, .divli6 h2, .divli7 h2, .divli8 h2, .divli9 h2, .divli10 h2   { color:#fff; float:left; padding:0 0 0 100px;} 
 
 .galeria { text-align:center;}
 .galeria img {border: 1px solid #e4dfdb; margin:0 10px 0 0;}
 .galeria img:hover {opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */} 
 .wrapper2 { width:100%; background-color:#e4dfdb;}
 .wrapper1 { width:100%; background-position:top center; background-image:url(http://www.elartedelarisa.com/wp-content/themes/elartedelarisa/img/fondo1.jpg); border-bottom:4px solid #d4d1cf; height:215px;}
 .imgPingus{ border:none !important; float:right;}
 .imgLogo{ float:left;}
 
 .entradas ul { margin:0; padding:0;}
 .entradas ul li { margin:0 15px 15px 0; padding:0; background-color:#fff;  float:left; padding:10px; color:#666666; font-size:12px; line-height:14px; display:inline-block;border: 1px solid #fff;}
 .entradas ul li img { max-width:285px; margin:0 0 10px 0;}
 .entradas ul li:last-child { margin:0 !important; }
 .entradas ul li h2 { margin:0; padding:0; font-size:18px; color:#666666; text-transform:uppercase;  }
 .InBoton { background-color:#ecb884; padding:10px 15px; color:#fff; text-transform:uppercase; width:100%; float:left;font-size:18px;  text-align:center; border: 1px solid #fff;}
 .InBoton:hover { background-color:#EFCEAE; color:#fff; }
 
 
 .InBoton2 { background-color:#ecb884; padding:5px 10px; color:#fff; text-transform:uppercase; width:200px; float:left;font-size:14px;  text-align:center; border: 1px solid #fff;}
 .InBoton2:hover { background-color:#EFCEAE; color:#fff; }
 
 /* SINGLE */
 
 article{ width:68%; background-color:#fff; padding:0px 20px;float:left; margin:0 10px 20px 0; font-size:14px; color:#666;}
 article h1 {font-family: 'Open Sans', sans-serif !important;  color:#d97209; text-transform:uppercase; font-size:26px; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; padding:10px 0; }
 article ul { margin:0 0 0 30px; padding:0 0 0 0px; display:inline-block;   }
 article ul li { margin:0; padding:0; list-style: disc!important;}
 
 aside{ width:30%; background-color:#fff; padding:10px; float:left;  font-size:14px; }
 aside h2, aside h4 { background-color:#b68ab6; padding: 5px 10px; margin:10px 0 !important; color:#fff; width:100%; float:left;font-family: 'Open Sans', sans-serif !important;  text-transform:uppercase; font-size:16px;  } 
  aside h2 a, aside h4 a{ color:#fff !important} 
 .footer div h4 {font-family: 'Open Sans', sans-serif !important;   text-transform:uppercase; font-size:18px;   }
 
 #text-2{ float:right !important; }
  .textwidget  { width:100% !important;  float:left; }
  .textwidget img { float:left !important; margin:0 10px 0 0  !important;  }
  .textwidget ul li  { padding:5px 0 ; }
 #subscribe-email input{ border:1px solid #ccc; padding:10px !important; color:#666;}
 #subscribe-submit input{ border:1px solid #ccc; padding:10px 30px!important; color:#fff; background-color:#333;}
 
 .entrada_Blog{float:left; width:99%; margin:0 0 5px 0 !important; padding:10px !important;}
 .entrada_Blog img{float:left;  margin:0 10px 0px 0 !important; }
 .entrada_Blog h2{ margin:0; padding:0 0 5px 0; border-bottom:1px solid #f4f4f4;}
 
 .presu { background-color:#b68ab6; padding: 5px 10px; color:#fff; width:100%;}
 .textoIntro {
    border: 1px solid #fff;
    background-color: #fff;
    float: left;
    font-size: 12px;
}

.entradas ul li h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #666666;
    text-transform: uppercase;
    line-height: 20px;
}