/*
Theme Name: pmk nuestra barriada
Theme URI: www.tallerespmk.com
Author: pedro serrano (pmk)
Author URI: http:tallerespmk.com/author/pedro/
Description: tema creado por pedro pmk para nuestro barrio con destacados derecha
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, right-sidebar, accessibility-ready, post-formats, threaded-comments
Text Domain: pmk-nuestra-barriada

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/







/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family: 'Open Sans', sans-serif;-ms-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em
40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,
html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],
html input[disabled]{cursor:default}button,input:{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px
solid #c0c0c0;margin:0
2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

.limpiar{
clear:both;
}
body {
background-color:#fff;
/*background:url(imagenes/fondobody.png)  repeat-x;*/
padding-top: 6px;
margin:0px;
font-family: arial, sans-serif;
font-size:14px;
line-height:18px;

}
p{
font-family: 'Roboto', sans-serif;
font-size:1.3em;
color:#333;
margin-bottom:10px;
line-height:1.5em;
margin-top: 2px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
color:#333;
padding:0px;
margin:0px;
}
h1{
line-height: 1em;
}
h2{
font-size:1.6em;

line-height: 1em;
}
h3	{
font:normal 20px/22px 'Roboto', sans-serif;
margin:0 0 10px 0;
}
h4	{
font:bold 16px/24px  'Roboto', sans-serif;
margin:0;

}
h5	{
font:bold 14px/22px  'Roboto', sans-serif;
margin:0;
}
h6	{
font:normal 12px 'Roboto', sans-serif;
margin:0;
}
/*para combiar los enlaces*/

a:hover {
text-decoration: none;
color:#8ed6ff;
}
/*fin para combiar los enlaces*/
table, td, tr {
font: normal 14px 'Roboto', sans-serif;
line-height:18px;
}
td {
padding:5px;
}
th {
font: bold 16px  'Roboto', sans-serif;
line-height:20px;
padding: 5px;
}
form {
margin:0px;
padding:0px;
}
blockquote {
float: left;
clear: both;
padding:10px; 
margin: 30px;
width: 40%;
border: solid 1px #00bcd4;
border-left: solid 8px #0097a7;
box-shadow: -2px 4px 17px 11px rgba(181,193,197,0.33);
border-radius: 0  10px  10px 0;
background-color: #fff;/* Standard syntax */
font: normal 120%/100% 'Roboto', sans-serif; 
}
blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5{
	border-bottom:solid 3px  #a1b1bc;
	text-align: center;
	padding: 10px 0;
	margin: 0;

}
blockquote p{
	font-style: italic;
	color: #3A3E40;
}

ul{
font: normal 14px 'Roboto', sans-serif;
padding:0px; 
margin:0px;
}

ol{
font: normal 14px 'Roboto', sans-serif;
list-style-type:decimal;
padding:0px; 
margin:0px 0px 10px 10px; 
}
cite,em,i {
font-style: italic;
border: none;
}
strong {
font-weight:bold;
}
pre{font-family:"Courier New", Courier, monospace;
font-size:14px;
line-height:18px;
}
/*--- comienza la Maquetacion ---*/



#contenedor{
max-width: 1400px;
width:94%;
margin:0 auto;
margin-top: -40px;
padding:25px;
background:#F4F5FB;
box-shadow: 0px -10px 30px #B5C1C5;
position: absolute;
left: 0;
right: 0;

}
#cuerpo{
	padding: 20px 0px;
}
/*-- Cabecera ---*/

#cabezeraconten{

margin-top: -6px;	
padding: 0;
}
#cabecera{
overflow-x: hidden;
margin: 0px;
margin-bottom: -5px;

}
#logo{
position: relative;
background-color: #00bcd4;
}
#logo img{
max-width: 1600px;
height: auto;
}

.fondo{
margin-top: -7px;
width: 100%;
height: 62px;
background-color: #00bcd4;
}
.accion{
	display: none;

}


/*-----menu----*/
/*ocultamos el bonton de menu para moviles*/
.menu_bar {
    display:none;
 }

nav{
	font-family: "roboto", arial, sans-sherif, helvetica;
}
li.widget:nth-child(4),#menu-menu-principal > li.widget.widget_search{
   margin-top: -12px;
   margin-bottom: 0px;
       border-left: 1px solid #BDBDBD;
}
#menu-menu1 > li:nth-child(2),#menu-menu2 > li:nth-child(2),#menu-menu3 > li:nth-child(2),#menu-menu4 > li:nth-child(2),#menu-menu5 > li:nth-child(2){
	display: none;
}
.navcabecera {
	background-color: #0097a7;
	z-index:1000;
	width:100%;
	margin-top:0px;
	padding: 0;
	text-align: right
} 

.navcabecera ul{
    border:1px solid rgba(255,255,255, .3);
    /*border-bottom: 1px solid #BDBDBD;*/
}

.navcabecera ul li {
display:inline-block;
position: relative;
margin-left: -4px;

}
.navcabecera ul li:hover {
background:#cddc39;


}
.navcabecera ul li a {

min-width: 90px;
color:#fff;
font-weight: bold;
letter-spacing: 1px;
display:block;
text-decoration:none;
text-align: center;
padding:10px 15px;
border-left:1px solid #BDBDBD;

}
.navcabecera ul li a:hover {
color: #fff;
}

.navcabecera ul li:hover .sub-menu {
display:block;
}
.navcabecera ul li .sub-menu {
display: none;
background:#3364D6;
position: absolute;
width: 150%;
z-index:1000;
}
.navcabecera ul li .sub-menu li {
display:block;
overflow: hidden;
border-bottom: 1px solid rgba(255,255,255,.5);
}
.navcabecera ul li .sub-menu li a {
display: block;
}

#navcuerpo{
	background-color: #F4F5FB;
	border: 3px dotted #0097a7;
	/*background-color: rgba(0,188,212,.1);*/
	border-radius: 5px;
	z-index:1000;
	/*width:99%;*/
	width:auto;
	height: auto;
	margin: 0px 10px 55px 10px;
	/*margin-bottom:55px;*/
	padding: 0;
	box-shadow: 0px 10px 20px   #B5C1C5;
}


#navcuerpo ul a{
background: #cddc39;
padding: 10px;
position: relative;
top:-30px;
text-decoration: none;
color: #212121;

}
#navcuerpo ul a:hover{
	background: #C0CA33;
}
#navcuerpo ul li {
	margin-left: 15px;
margin-top: 17px;
 margin-bottom: 7px;
 font-weight: bold;
 font-size: 1.1em;
list-style: none;
	
}
#navcuerpo  ul li .sub-menu li a {
    background-color: #F4F5FB;
  display: inline-block;
  margin:  0;
  color: #757575;
  float: left;
}
#navcuerpo  ul li .sub-menu li a:hover{
	background: #EEEEEE;
}
/*.fa{
    margin-left: -10px;
	margin-right:10px;
}*/
.fa-angle-double-down{
	margin-left: 15px;
	margin-right: -4px;
}

 .breadcrumb {
width: 100%;
float:left;
display:block;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 10px;
font-size: 1.2em;
font-weight: bold;
}
.breadcrumb p a {
text-decoration:none;
color: #0097a7;

}
.breadcrumb p a:hover {
	color: #00bcd4;
}
/*.breadcrumb p{
margin: 0;
padding: 8px;
background-color: rgba(240,244,195 ,.50);

}*/
/*---cuerpo--*/


/*.anuncios_conten{
margin: 0px 0;
padding-left: 0;
margin-bottom: 30px;
}

.anuncios_conten h2{
	margin-top: 0px;
	text-align: center;
}

.anuncios {
	
width: 27%;
min-height:220px;
padding: 12px;
float:left;
margin: 1% 1% 3% 1% ;
box-shadow: -2px 4px 17px 11px rgba(181,193,197,0.33);
border-right: 9px solid #0097a7;
border-radius: 5px;
}
.anuncios img{
width: 70%;
height: auto;
margin-right: 15%;
margin-left: 15%;
}*/

.anuncios_destacados_conten{
margin: 0px 0;
padding-left: 0;
margin-bottom: 30px;
}

.anuncios_destacados_conten h2{
	margin: 5px 0;
	text-align: center;

}
article.anuncios_destacados a{
color: #00bcd4;
text-decoration: none;
}

.anuncios_destacados_conten h2 a{
text-decoration: none;
color:#212121;
}

.anuncios_destacados {
	
width: auto;
min-height:170px;
padding: 12px;
float:left;
margin: 1% 1% 3% 1% ;
box-shadow: -2px 4px 17px 11px rgba(181,193,197,0.33);
border-right: 9px solid #0097a7;
border-radius: 5px;
}
.anuncios_destacados:active {
	background: #CFD8DC;
}

.anuncios_destacados img,.dos-tercios-index  img{
width: 70%;
height: auto;
margin-right: 15%;
margin-left: 15%;
}
#cddc39

.dos-tercios {
float:left;
margin-bottom:20px;
padding: 0 9px;
width:97%;
 }
 .dos-tercios-index p {
text-align: left;
 }
 .dos-tercios-index {
float:left;
margin-bottom:20px;
padding: 0 15px;
width:46%;
min-height: 365px;
 }

.listado {
margin: 0px;
margin-bottom: 23px;

border-bottom: 1px solid #0097a7;
}
.dos-tercios.listado  ul{
	margin-top: 10px;

}

#contenedor-articulo > div.pmk-share{
	padding-left: 9px;
}

#contenedor-articulo > div.pmk-share{
  /* Choose the animation */
  animation-name: movingBox;

  /* The animation’s duration */
  animation-duration: 900ms;

  /* The number of times we want
      the animation to run */
 /* animation-iteration-count: infinite;*/
 -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    animation-iteration-count: 1;

  /* Causes the animation to reverse
      on every odd iteration */
  animation-direction: alternate;
}

@keyframes movingBox {
  0% {
    transform: translate(0, 0);
    opacity: 0.3;
  }

  25% {
    opacity: 0.9;
  }

  50% {
    transform: translate(-1000px, -1000px);
    opacity: 0.2;
  }

  100% {
    transform: translate(30px, 30px);
    opacity: 0.8;
  }
}

.dos-tercios.listado  ul li,.dos-tercios-index.listado  ul li{
 list-style: square;
 margin-left: 15px;
margin-top: 7px;
 margin-bottom: 7px;
 font-weight: bold;
 font-size: 1.1em;
}
.anuncios h2 a, .dos-tercios h1 a, .dos-tercios h2 a,.dos-tercios-index h1 a, .dos-tercios-index h2 a{
text-decoration: none;
color: #000;
line-height: 1em;	
}
.dos-tercios a,.dos-tercios-index a{
color: #00bcd4;
text-decoration: none;	
}
.dos-tercios a:hover,.dos-tercios-index a:hover {
text-decoration: none;
color:#0097a7;
}
#contenidopage{
width: 72%;
float: left;
margin-top: 18px;
}
#contenidopage img {
width: 60%;
height: auto;
}
#contenidopage h1{
font-weight:bold;
}
#contenidopage h2 a{
	/*display: none;*/
}
#separador{
border-bottom: 3px solid #0097a7;
margin-bottom: 30px;
}
/*#contenidopage  ul{
	margin-top: 10px;

}
#contenidopage  ul li{
 list-style: square;
 margin-left: 15px;
margin-top: 17px;
 margin-bottom: 7px;
 font-weight: bold;
 font-size: 1.1em;
}
#contenidopage  ul li a,#contenidopage a{
	text-decoration: none;
    color:#757575;
}*/
/*#contenidopage  ul li a:hover,#contenidopage a:hover{
	text-decoration: none;
    color:#598CB5;
}*/


#contenedor-articulo{

width: 73%;
float: left;

}
#contenedor-articulo h1{
font-size:2.5em;
color:black; 
font-weight:bold;

}
#contenedor-articulo-index{

width: 100%;
float: left;
margin-bottom: 25px;

}
#contenedor-articulo-index h1{
font-size:43px;
color:black; 
font-weight:normal;

}
#contenedor-articulo-sinsidebar{
margin:0;
width: 100%;
padding: 0;
}

aside{
float: right;
margin-left: 1px;
margin-bottom: 35px;
width: 25%;
height: auto;
padding: 5px;
border-radius: 10px;
border: 0.2px solid #B5C1C5;
box-shadow: 0px 20px 30px   #B5C1C5;

}

aside ul{
	list-style: none;
}
aside ul li a{
text-decoration:none;
color: #7ec5ff;
}

.ir-arriba {
display:none;
padding: 0px;
width: 43px;
height: 43px;
border-radius: 100%;
background:url(imagenes/spriters_web.svg) no-repeat;
background-size: 255px 405px;
background-position: -215px -128px;
background-color: #0097a7;
cursor:pointer;
position: fixed;
bottom:20px;
right:20px;
}

#footer {
	background-color: #Fff;
	padding: 5px;
width: 100%;
overflow-x: hidden;
margin-top: 10px;
border-radius: 10px;
border: 0.5px solid #B5C1C5;
box-shadow: 0px 20px 30px   #B5C1C5;
}
.pmk-foolow{
	float: right;
}
#socialfoter{
float: right;
width: 34%;
margin-top: 0px;
 } 

 .widget-footer{
	width: 64%;
	float: left;
padding-right: 0px;
padding: 0 5px;
margin-top: 15px;

}
.widget-footer ul{
padding:0 30px ;
list-style:none;
margin: 0 auto;
text-align: center;

 }
 .widget-footer a{
 color: #7ec5ff;
text-decoration: none;
padding:0;
}
.widget-footer a:hover{
color: #598CB5;
}

#searchsubmit{
	border-radius: 10px;
	color: #212121;
	background: #cddc39;
	border: none;
	padding: 6px 10px;
	margin-top: 12px;
}

/*#searchsubmit:hover{
	background:#13378A;
}*/
#s{
	border-radius: 10px;
	border: 1px solid #B5C1C5;
	padding: 5px;
	margin-top: 12px;
	}
.widget ,.textwidget{
	text-align: center;
	margin-top: 10px;
 margin-bottom: 20px;
 padding: 5px;
 width: auto;
 }

.widget li{
margin-bottom: 10px;
}
.widget a {
 color: #00bcd4;
text-decoration: none;
padding:0;
}
.widget a:hover{
color: #0097a7;
}



.tagcloud a{
	margin: 15px;
	line-height: 2em;
}

/*datos de autor*/

#contenedor-articulo > div.dos-tercios.listado > p.byline{
background-color: #F4F5FB;
max-width: 330px;
width: 95%;
font-weight: bold;
margin: 20px 0;
padding:5px;
border-radius: 10px;
border: 0.5px solid #B5C1C5;
box-shadow: -2px 4px 17px 11px rgba(181,193,197,0.33);
}
.metabox {
	width: 97%;
	height: auto;
 padding: 10px;
  background-color: #0097a7;
  color:white;
 border-radius: 10px;
 margin: 10px 0;
 display:block;
 float:left;
box-shadow: 0px 10px 20px   #B5C1C5;
 }

.metabox a {
 color: #cddc39;

text-decoration: none;
padding:5px;
}
.metabox a:hover{
color: #9E9D24;
}

 .meta {
 background-repeat: no-repeat;
 padding-left:20px;
 margin-bottom: 4px;
 float:left;
 height:auto;
 background-position: center left;
 }
 #comments{
	 	margin: 15px 0;
	 	color: #B61E07;
	 }

.time,.author,.comments,.category,.tags{background:url(imagenes/spriters_web.svg) no-repeat;background-size: 255px 405px;}
.time{background-position: -153px -305px;}
.autor img{
	width: 40px;
	height: 40px;
margin-right: 8px;
}

.author{background-position: -151px -230px;}
.comments{background-position: -151px -339px;}
.category {background-position: -153px -377px;}
.tags{background-position: -153px -267px;}
 /*fin datos de autor*/
  /**************body general*********/
 .body-general{
background-color:#fff;
background:url(imagenes/fondobody11.png)  repeat-x;
padding-top: 6px;
margin:0px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
line-height:18px;
}
/**********fin body general*********/
 /* alignments de imagenes de post */
.aligncenter {text-align: center;}
img.aligncenter, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;height:0px;}
/* fin alignments de imagenes de post */
/* Commentarios! */
ol.comment-list {
list-style-type: none;
width:85%;
}
ol.comment-list li {
width:95%;
position:relative;
overflow:hidden;
border-radius: 10px;
padding:10px;
margin: 10px 0;
background: rgba(32, 124, 202, 0.15);
}
ol.comment-list li p {}
 .reply a {
 padding: 5px 10px;
 background: #0097a7;
 border-radius: 8px;
 color:white;
 text-decoration:none;
 margin: 5px 0;
 }
/*.depth-1 {background: #e1e1e1;}
.depth-2 {background: #f1f1f1;}
.depth-3 {background: #f9f9f9;}*/
.comment-author {
 width: 50%;
 float:left;
 height:50px;
 }
 .comment-author img {

 float:left;
 border: 1px solid #ccc;
 margin: 2px;
 }
 .fn {
 color: #2d435a;
 font-weight:bold;
 font-size:14px;
 }
 .says { 
 	margin-left:5px;
 	color: #333;
 }
 .comment-meta {
 width: 50%;
 float:left;
 height:50px;
 text-align:right;
 overflow:hidden;
 }
 .comment-meta p{
 	clear: both;
 }
 .comment-awaiting-moderation {
/* position:absolute;*/
 left:0px;
 top:10px;
 width:100%;
 margin-right:10px;
 text-align:right;
 color: #333;
 }
 .comment-meta a,#respond a {
 	color: #13378A;
  text-decoration: none;
 }
 .comment-meta a:hover{
 	color: #598CB5;
 }
#respond h2{
  color: #757575;
}
#respond {
width: 100%;

margin-top: 10px;
float:left;
display:block;
}
#commentform > div > input {
margin-right: 0 !important;
}
form#commentform{
	width: 100%;
	margin-top: 10px;
}
form#commentform p label {
width: 200px;
float:left;
}
.wysija-after-comment{
width: 200px;
float: left;
background: #fff;
border: solid 1px #D2D2D2;
border-radius: 8px;
padding: 10px;
margin-bottom: 10px;
}
form#commentform p input {
/*width: 200px;
float:left;*/

}
 form#commentform a {
 color: #7ec5ff;
text-decoration: none;
padding:0;
}
form#commentform a:hover{
color: #598CB5;
}
input#author, input#email,input#url {
	    border: 1px solid #BDBDBD;
    	border-radius: 15px;
    	padding: 11px;
       	display: block;
    	margin-top: 15px;
    	font-family: "roboto", arial, sans-sherif, helvetica;
    	font-size: 1em;
    	color: #757575;
}
#comment{
        width: 70%;
        border: 1px solid #BDBDBD;
    	border-radius: 15px;
    	padding: 11px;
       	display: block;
    	margin-top: 15px;
    	font-family: "roboto", arial, sans-sherif, helvetica;
    	font-size: 1em;
    	color: #757575;
}
#submit{
    padding: 12px;
	margin-top: 15px;
	margin-bottom: 30px;
	background: #3f51b5;
	color: #FFFFFF;
    font-family: "roboto",arial,sans-sherif,helvetica;
	border-radius: 15px;
	border: none;
	cursor: pointer;
}
/* Commentarios! */

/*barra de busqueda pagina 404*/
#searchInner{
	text-align: center;
}

#q, .btn{
    margin-bottom: 20px;
	background: #ffcf30;
	border-radius: 8px;
	height: 25px;
}
/*fin barra de busqueda pagina 404*/
/*barra de busquedas*/
label.screen-reader-text{
	display: none;
}
/*fin barra de busquedas*/



.categorias {
width: 97%;
height: auto;
margin: 30px 5px;
padding:5px;
box-shadow: -2px 4px 17px 11px rgba(181,193,197,0.33);
border-radius: 10px;
/*border: 1px solid #e9e9e9;*/
}
.categorias a {
text-decoration:none;
color: #00bcd4;
}
.categorias img {
width: 40%;
height: auto;
margin: auto;
border: 2px solid #e9e9e9;
}
.autor img{
	width: 40px;
	height: 40px;
margin-right: 8px;
}
.categorias h2 {
text-align: left;
line-height: 1em;
}
.categorias a h2 {
text-decoration:none;
color: #333;
}
.categorias:hover {
background-color: #fff;
}
 .wp-pagenavi span.pages,
 .wp-pagenavi a.page,
 .wp-pagenavi .page-numbers,
 .wp-pagenavi span.extend,
 .wp-pagenavi a.first,
 .wp-pagenavi a.nextpostslink,
 .wp-pagenavi a.previouspostslink,
 .wp-pagenavi a.last {
 padding:5px;
 height:20px;
 margin-right:5px;
 background: #00bcd4;
 color: white;
 border: 1px solid #0097a7;
 text-decoration:none;
 border-radius: 3px;
 display:block;
 float:left;
 margin-bottom: 20px;
 }
 .wp-pagenavi span.current,
 .wp-pagenavi a:hover {
 padding:5px;
 height:20px;
 margin-right:5px;
 background: #cddc39;
 color: #0097a7;
 border: 1px solid #0097a7;
 text-decoration:none;
 border-radius: 3px;
 display:block;
 float:left;
 }
 #contenedor-articulo i{
 	margin: 0;
 }
 .wp-pagenavi a.next,
 .wp-pagenavi a.prev {
    padding: 5px 13px 5px 13px;
    height: 20px;
    margin-right: 5px;
    background: #cddc39;
    color: white;
    border: 1px solid #0097a7;
    text-decoration: none;
    border-radius: 3px;
    display: block;
    float: left;
 }
 .wp-pagenavi img {
 height:20px;
 width:25px;
 margin-top:0px;
 }
/*paginacion comentarios*/
.navigation {
	width: 70%;
text-align: center;
font-size: 1em;
font-weight: bold;
margin-left: 10px;
}
.navigation a{
	text-decoration: none;
	color: #7ec5ff;
	}
.navigation a:hover{
	color: #598CB5;
}

/*css contac form 7*/
div.wpcf7-response-output {margin: 3.5em 0.5em 1em;padding: 0.2em 1em;border-radius: 15px;}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;}
.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip {color: #f00;font-size: 1em;display: block;}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}
div.wpcf7 img.ajax-loader {
width: 16px; 
height: 16px;
border: none;
vertical-align: middle;
margin-left: 4px;
}

div.wpcf7 div.ajax-error {display: none;}
div.wpcf7 .placeheld {color: #888;}
/*---css propio----*/

/*--FORMULARIO DE LA PAGINA DE CONTACTO--*/

#wpcf7-f694-p82-o1{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
/*--fin FORMULARIO DE LA PAGINA DE CONTACTO--*/
#suscribenone{
	display: none;
}
div.wpcf7{
width: 60%;
margin: 0 auto;
margin-top: 20px;
padding: 20px;
border-radius: 15px;
background: #fff;
overflow: hidden;
box-shadow: 0 0 3px grey;
border-top: 8px solid #3364D6;
}
.wpcf7 p{
font-weight: bold;
margin-top: 10px;
}
.wpcf7 p.campos{
color: #9E9E9E;
}
.wpcf7-form-control{
border: 1px solid #BDBDBD;
border-radius: 2px;
padding: 16px;
width: 90%;
display: block;
margin-bottom: 20px;
font-family: "roboto", arial, sans-sherif, helvetica;
font-size: 1em;
color: #141938;
border-radius: 15px;
}
.wpcf7-form-control:focus{
border:2px solid #3f51b5;
padding: 15px;
border-radius: 15px;
}
.wpcf7-submit{
max-width: 150px;
padding: 15px;
background: #3364D6;
color: #fff;
font-size: 1.2em;
font-family: "roboto", arial, sans-sherif, helvetica;
border-radius: 2px;
border: none;
float: right;
cursor: pointer;
border-radius: 15px;
}
.wpcf7-submit:hover{
background: #303f9f; 
}
/*fin css contac form 7*/

.recuadro-grande,.recuadro-medio,.recuadro-chico {
height: auto;
margin: 30px 5px;
padding:15px;
border: 0.2px solid #B5C1C5;
box-shadow: 0px 20px 30px   #B5C1C5;
border-radius: 10px;
}
.recuadro-grande{
width: 97%;
height: auto;
}
.recuadro-medio {
width: 43%;
float: left;
margin-left: 10px;

}
.recuadro-chico {
width: 30%;
}
.recuadro-grande h1,.recuadro-medio h1,.recuadro-chico h1,.recuadro-grande h2,.recuadro-medio h2,.recuadro-chico h2,.recuadro-grande h3,.recuadro-medio h3,.recuadro-chico h3,.recuadro-grande h4,.recuadro-medio h4,.recuadro-chico h4,.recuadro-grande h5,.recuadro-medio h5,.recuadro-chico h5{   
border-bottom:solid 3px  #a1b1bc;
text-align: center;
padding:  0;
margin-top: -10px;

}

.relacionadas {
width: 95%; 
margin:5px 5px 20px 15px;
float: left; font-size: 12px;
}
.relacionadas h3 {font-size: 20px; margin: 0 0 5px 0; font-weight: bold;}
.miniaturarelacionada {margin: 0 1px 0 1px; float: left; }
.miniaturarelacionada img {margin: 0 0 3px 0; padding: 0;}
.miniaturarelacionada a {color :#333; text-decoration: none; display:block; padding: 4px; width: 100px;margin:0 auto; margin-right: 30px;}
.miniaturarelacionada a:hover {background-color: #ddd; color: #000;}


/*estilo biografia autor*/
.autor-biografia { 
width: 65%;
margin: 30px auto;
margin-top: 30px;
background-color: #F4F5FB; 
box-shadow: 0px 20px 30px   #B5C1C5; 
border: 0.5px solid #B5C1C5;
padding: 20px 35px;
border-radius: 10px;
/* font-size: 12px; line-height: 16px;*/ 
}
.autor-info img{width: 80px; height: auto;}
.autor-info p{ font-weight: bold;}
.autor-enlaces { margin: 0; padding: 0; }
span.autor-enlaces p { margin: 0 10px 0 0; display: inline-block; }
.autor-enlaces a { display: block; width: 37px; height: 37px; background-color: #a00; background:url(imagenes/spriters_web.svg) no-repeat;background-size: 255px 405px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.autor-enlaces .autor_web a { background-position: -75px -153px; }
.autor-enlaces .autor_tw a { background-position: -145px -148px; }
.autor-enlaces .autor_fb a { background-position: -70px -369px; }
.autor-enlaces .autor_googleplus a { background-position: -70px -221px; }

/*****************************************/

/* Estilos para la biografía del autor (perfil del usuario sin imagen de enlace) */
/*.autor-biografia { margin-top: 50px; background-color: #ddd; border: 1px solid #ccc; padding: 20px 35px; font-size: 12px; line-height: 16px; }
.autor-info { padding-left: 90px; }
.autor-info .avatar { float: left; margin-left: -100px; border: 1px solid #fff; }
.autor-biografia h3 { display: inline-block; margin: 0 0 10px; font-weight: bold; font-size: 18px; }
.autor-enlaces { margin: 20px; }
.autor-enlaces li { margin: 0; }
.autor-enlaces a { /* Añadir estilos para los enlaces de la lista *//*}*/


/****************cookies***********************/
.cookietool-message {
	position: fixed;
	width: 100%;
	padding: .5em;
	text-align: center;
    position: fixed;
	background: #F4FF74;
	border: 0 solid #9AA704;
	color: #444;
	text-align: center;
    width: 100%;
	position: fixed;
background-color: rgba(205,220,57,.50);
display:inline-block;
}

.cookietool-message-top {
	border-top-width: 1px;
	bottom: 0;

}

.cookietool-message-bottom {
	border-top:solid 1px  #34509C; 
	/*border-top-width: 1px solid;*/
	bottom: 0;
}
.cookietool-message-top button{
	padding: 8px 10px;
	border-radius: 10px;
background:#0097a7;
color:#212121;
border:solid 1px #BDBDBD;
margin-right: 8px;
}
.cookietool-message-top button:hover{
	background:#00bcd4;
}

.cookietool-message p {
	width: 100%;
	margin: 10px;
	margin-bottom: .5em;
	color: #212121;
	display:inline;
}
.cookietool-message a{
	color:#00bcd4;
}
/*************fin cookies***********************/

#cabezera_articulo{
	margin: 0;
	
}
#cabezera_articulo img{
	width: 100%;
	height: auto;
}



/*pendiente de revisar*/

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.wp-caption.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}


.wp-caption.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}


.wp-caption.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}
/**
 * 14.1 Captions
 */

.wp-caption {
	margin-bottom: 1.6em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.sticky {
	background-color: #333;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.25em 0.5em;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}
.bypostauthor{
	content: "\f304";
	position: relative;
	top: 5px;
	left: 3px;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.barra_anuncio,#contenedor-articulo > div.barra_anuncio{
	clear: both;
    border: 1px solid #0097a7;
    border-radius: 5px;
    padding: 0;
    text-align: center;
    margin: 10px;
}
.barra_anuncio i,#contenedor-articulo > div.barra_anuncio i,#contenedor-articulo > article > div.barra_anuncio  i{
    margin: 0;
    font-size: 2em;
    margin: 5px 7px ;
    background: #0097a7;
    color: #f3f3f3;
    padding: 8px;
    border-radius: 5px;
}



#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-message {
    
	background: #fff;
	border: solid 1px #333;
	color:#333;
}

/***************css budypres*****************************/

#buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress .standard-form button, #buddypress a.button, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button {
    background: #fff;
    /* border: 1px solid #ccc; */
    color: #fff;
    font-size: small;
    cursor: pointer;
    outline: 0;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    background: #0097a7;
        float: left;
         margin: 5px;
}

#buddypress ul.item-list li div.action {
     position: static; 
    top: 15px;
    right: 0;
    /* text-align: right; */
    margin-top: 20px;
}
#buddypress ul.item-list li {
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
    margin: 0;
    position: relative;
    list-style: none;
    background: rgba(32, 124, 202, 0.15);
}
#buddypress ul.item-list {
    border-top: 8px solid #0097a7;
    width: 100%;
    list-style: none;
    /* clear: both; */
    margin: 0;
    padding: 0;
    border-radius: 5px;

}
#object-nav ul li a {
    color: #fff;
    }
#object-nav  ul li a:hover{
        color: #555;
 }
 #subnav ul li a{
 	color: #00bcd4;
 }
  #subnav ul li a:hover{
color: #555;
  }
#buddypress div.item-list-tabs#object-nav {
    margin-top: 0;
    background: #0097a7;
    border-radius: 5px;
}
#buddypress select,#buddypress button {
    max-width: 185px;
    border-radius: 5px;
    padding: 5px;
    background: rgb(205, 220, 57);
     margin: 5px;
    /* border-color: rgb(205, 220, 57); */
}
#messages_search{
    border-radius: 5px;
    padding: 5px;
    background: rgb(205, 220, 57);
    border: none;
    margin: 5px;
}

#buddypress a.disabled, #buddypress button.disabled,
#buddypress button.pending, #buddypress div.pending a, 
#buddypress input[type=submit].disabled,
#buddypress input[type=submit].pending,
#buddypress input[type=submit][disabled=disabled], 
#buddypress input[type=button].disabled, 
#buddypress input[type=button].pending, 
#buddypress input[type=reset].disabled, 
#buddypress input[type=reset].pending {
 padding: 7px;
 margin: 5px;
}

#buddypress .dir-search input[type=search], 
#buddypress .dir-search input[type=text], 
#buddypress .groups-members-search input[type=search], 
#buddypress .groups-members-search input[type=text], 
#buddypress .standard-form input[type=color], 
#buddypress .standard-form input[type=date], 
#buddypress .standard-form input[type=datetime-local], 
#buddypress .standard-form input[type=datetime], 
#buddypress .standard-form input[type=email], 
#buddypress .standard-form input[type=month], 
#buddypress .standard-form input[type=number], 
#buddypress .standard-form input[type=password], 
#buddypress .standard-form input[type=range], 
#buddypress .standard-form input[type=search], 
#buddypress .standard-form input[type=tel], 
#buddypress .standard-form input[type=text], 
#buddypress .standard-form input[type=time], 
#buddypress .standard-form input[type=url], 
#buddypress .standard-form input[type=week], 
#buddypress .standard-form select, 
#buddypress .standard-form textarea {

    border-radius: 5px;

}
#buddypress form#whats-new-form textarea {
    border-radius: 5px;
}
#buddypress div#message p, #sitewide-notice p {
    font-weight: 400;
    margin-top: 3px;
    text-decoration: none;
    background-color: #ffd;
    border: 1px solid #cb2;
    color: #440;
    border-radius: 5px;
}
#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic, #buddypress .activity-list li.mini .activity-avatar img.avatar {
    height: 38px;
    margin-left: 30px;
    width: 38px;
}
div.activity-header  img{
	    width: 35px;
    height: 35px;

	}
	#buddypress div#item-header img.avatar {
    float: right;
    width: 150px;
    height: 150px;
}
#buddypress div#item-header #item-header-cover-image #item-header-content {
    clear: both;
    float: right;
    margin-right: 179px;
    margin-top: -140px;
    width: auto;
}#buddypress #item-header-cover-image #item-header-avatar {
    margin-top: 145px;
    float: right;
    overflow: visible;
    width: auto;
}
/******************************************/
/***    DISEnO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:920px){
	body{
	margin:0px;
	padding: 0px;
	padding-top:48px;
	background: none;
	}
	p{	
	font-size:1.35em;
	
    }
	 h2{
	font-size:2em;
	margin:10px 0 10px 0;
    }

	/*--- maquetacion --*/
	
    #contenedor {
	width: 100%;
	padding: 0;
	margin-top: -17px;
	box-shadow: 0px -8px 30px #B5C1C5;
    }
    #cuerpo {
    
    padding-top: 44px;
    }
    #cabezeraconten{
    width: 99.8%;
    padding: 0;
    margin:0; 
    margin-bottom: 2%;
    }
    /*-- Cabecera ---*/
   #cabecera{
	margin-bottom: 0px;
	margin-right: -2px;
	margin-left: -2px;
	height:auto;
    }
	#logo{
		/*display:none;*/
		width:100%;
		height:auto;
		float:none;
		padding: 10px 0;
	}
	#logo img{
		 width: 100%;
		 height: auto;
		}
.fondo{
   	height: 22px;
   	}
	
	/*---menu---*/
	
	.menu_bar {
		display:block;
		background-color: #00bcd4;
		z-index:100000;
		width:100%;
   		position: fixed; 
		left: 0;
		top:0;
	    margin:0px;
border-bottom:1px solid rgba(255,255,255, .3);
	}
	.menu_bar .bt-menu {
		display: block;
		padding: 10px;
		margin-top: 5px;
		border-bottom:none;
		color: #fff;
		overflow: hidden;
		font-size: 1.8em;
		font-weight: bold;
		text-decoration: none;
		text-shadow: 0 0 3px rgba( 0, 0, 0, 0.8 );
		box-sizing:border-box;
	}

	.menu_bar span {
		float: right;
		margin-right: 10px;
		margin-top: -5px;
		/*width: 30px;
		height: 29px; 
		background:url(imagenes/spriters_web.svg) no-repeat;
		background-size: 255px 405px;
         background-position: -222px -188px;*/
	}
	.menu_bar i{
		font-size: 1.3em;

	}
	.navcabecera {
		overflow: scroll;
		width: 80%;
		height: 84%;
		position: fixed;
		right:100%;
		margin-top: 0px;

        
		}
	 .navcabecera ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.3);
		
	}

	 .navcabecera ul li a {
		 border-right: none;
		display: block;
		text-align: left;
	}

	 .navcabecera ul li:hover .sub-menu {
		display: none;
	}

	 .navcabecera ul li .sub-menu {
		width: 90%;
		position: relative;
		padding-left: 0;
		
	}

	 .navcabecera ul li .sub-menu li a {
		margin-left:20px;
		
	}

	 .navcabecera ul li .caret {
		float: right;
	}
	/*---cuerpo--*/

	/*#columnas{
	font-size: 0.8em;
	font-weight: bold;
	
	}	
	#columna1 img, #columna2 img, #columna3 img, #columna4 img {
	width: 67%;
    }*/
   	#contenidopage{
	width: 99%;
	padding: 0px;
	margin: 0;
	}
	#contenidopage img{
		width: 70%;

	}
	.anuncios_conten{
    border-bottom: none;
    padding: 6px;
	}
	.anuncios,.anuncios_destacados {
	padding: 2px;
	float: none;
	margin-right: 0;
	margin-left: 0;
	    min-height: 144px;
	} 
	.anuncios h2,.anuncios_destacados h2{
	font-size: 2em;
    margin-bottom: 15px;
	}
	.anuncios img,.anuncios_destacados img,.dos-tercios-index img{
    width: 40%;
    float: left;
    margin: 0px 5px 5px 0px;
    height: auto;
    height: auto;
	/*width: 60%;
	height: auto;
    margin-right: 20%;
	margin-left:20%;*/
    }
    .anuncios img,.anuncios_destacados img{
    	width: 52%;
    }
     .anuncios p,.anuncios_destacados p{
     	font-size: 1.2em;
     }
    #contenedor-articulo{
	width: 100%;
	float: none;
	margin-bottom: 30px;
   
	}
	.dos-tercios,.dos-tercios-index {
	width: auto;
	padding: 0 2px;
    margin: 0px 8px;
    margin-bottom: 15px;
	min-height: 100px;
	float:none;
	 }
	.dos-tercios-index p{
		font-size: 1em;
	}
	 /*datos de autor*/
	 #comments{
	 clear: both;
	 margin: 20px 0;
	 }
	.metabox {
		width: 85%;
		margin: 0 5%;
		margin-bottom: 15px;
			 }
	 #respond {
	width: 95%;
	margin: 0 5%;
     }
	 ol.comment-list {
	width:92%;
	}  
	input#author{
	width: 60%;
    margin-right: 39%;
	height: 25px;
	}
	input#email{
	width:60%;
    margin-right: 39%;
    height: 25px;
	}
	input#url{
	width: 60%;
	margin-right: 39%;
	height: 25px;
	}
	#comment{
    width: 90%;
	}
    #submit{
    margin-bottom: 20px;
    }
	aside{
    clear:both;
	float: none;
	width: 97%;
	margin: 0;
	margin-bottom: 15px;
    }
    .fotomoto img{
	float: left;
	width: 30%;
	margin: 7px;
}
    .widget-footer{
	 width:96%;
	 margin: 5px;
    } 
    .ir-arriba {
	
	bottom:10px;
	right:10px;
	}
	#footer {
     width: 97%;
     margin: 0;
     }
  
   #socialfoter{
   	float: none;
   	width: 99%;
   }
  .categorias img{
	width: 60%;
	margin: 0 20%;
	
	}
	.autor img{
	width: 40px;
	height: 40px;
	margin: 0;
	margin-right: 8px;
	}
	.categorias{
		width: 90%;
		margin: 5% 4%;
	}
    .breadcrumb {
	width: 95%;
	/*font-size: 0.6em;*/
	/*margin-top: -19px;*/
	 margin-top: -37px;
	 margin-bottom: 0px;
	/*margin-bottom: 30px;*/
	}
	.breadcrumb p a { font-size: 1em;}
	.breadcrumb p {font-size: 1em;}
	/*css contac form 7*/
div.need_login,div.wpcf7{margin-top: 8%;}
    .wpcf7-form-control{width: 100%;}
    #wpcf7-f551-p341-o1,#wpcf7-f563-p341-o1{float: none;width: 90%;}
    /*fin css contac form 7*/

.subetufoto{
	margin-top: 8%;
	width: 90%;
	margin-left:0;
}
.recuadro-medio {
width: 95%;
float: none;
margin-left: 0;
}
.recuadro-medio img{
	float: none;
width: 25%;
height: auto;
}
blockquote {
float: none;
width: 80%;
margin: 22px auto;
}

.autor-info img{width: 80px; height: 80px;}
/*sort code*/

}
/******************************************/
/***    DISEnO PARA MOVILES 782        ****/
/******************************************/
@media screen and (max-width: 782px){


html #wpadminbar {
	    top: -127px;
}
#buddypress #item-header-cover-image #item-header-avatar, .bp-user #buddypress #item-header #item-header-cover-image #item-header-avatar, #buddypress div#item-header #item-header-cover-image #item-header-content {
    
     text-align: right; 
}

#buddypress #item-header-cover-image #item-header-avatar {
    margin-top: 147px;
   
}
#buddypress div#item-header img.avatar {
    float: right;
 
}
#buddypress div#item-header #item-header-cover-image #item-header-content, body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content, body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
  margin-top: -128px;
}

}
/******************************************/
/***    DISEnO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	body{margin: 1px;}
    h2{
	font-size:2em;
	line-height: 1em;
	margin:1px;
    }
/*--- maquetacion --*/
.recuadro-grande,.recuadro-medio,.recuadro-chico{
	width: 85%;
	margin:0 auto;
	margin-top: 30px;
	}
     #cabezeraconten{   	

    margin:0;    
    }

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

   
    #contenidopage img{
		width: 100%;
	}
    
	.anuncios,.anuncios_destacados {
	
	margin-left: 0px;
	}
	.anuncios img,.anuncios_destacados img{
	width: 55%;
	margin: 0px 5px 5px 0px;
	/*margin-right: 10%;
	margin-left: 10%;*/
	
    }
 /* .dos-tercios,.dos-tercios-index {
	width: 39%;
   
}*/
	 
   .dos-tercios img,.dos-tercios-index img{
 	width: 48%;
 	height: auto;
 	/*float: none;*/
    }
.autor img{
	width: 40px;
	height: 40px;
}
    #q, .btn{
     margin: 20px 0;
     
    }
    .fotomoto img{
	float: none;
	width: 90%;
	
}
    .widget-footer{
	 width:98%;
	 float: none;
	 margin-right: 1px;
	 margin-left: 1px;
	 margin-top: 5px;
	 } 
	 input#author{
		width: 90%;
		height: 25px;
	}
	input#email{
		width: 90%;
		height: 25px;
	}
	input#url{
		width: 90%;
		height: 25px;
    }
    .categorias {
	width: 95%;
	float:none;
	margin: 22px 5px;
	}
	/* css contac form 7*/
	div.wpcf7 {
    width: 100%;
    margin-left: -14px;
    margin-right: 0;
    }
    #wpcf7-f551-p341-o1,#wpcf7-f563-p341-o1{width: 100%;}
    .autor-info img{width: 80px; height: 80px;}
	/*fin css contac form 7*/
	#coche{
 	width: 90%;
	}
	
	
	#send_message_form  img{
	width: 15px;
    height: 15px;
    margin-right: 4px;
	}
	 div.activity-avatar img, #activity-9 > div.activity-avatar img,#buddypress ul.item-list li img.avatar{
	 	width: 50px;
	 	height: 50px;
	 }
	 
	
}
/******************************************/
/***    DISEnO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){
	#logo img{
		 width: 100%;
		 height: auto;
   	}
   	
   	aside{
    
	width: 90%;
	
    }
#footer {
     width: 91%;
    
   	 

   
   	
    
}
/******************************************/
/***    DISEnO PARA MOVILES 240        ****/
/******************************************/
/*@media only screen and (max-width:240px){
	body{}
	
	
}*/


}