/* CSS Document */
/*
Theme Name: VidaSolidaria
Theme URI:
Description:
Author: OpenSistemas
Version: 1.0
License:
License URI:

*/
/*----------------------------------------------------------------general-------------------------------------------------------------*/
body{
	width:100%;
	margin:0;
	font-family: Georgia,arial, Times, serif;
	font-size:13px;
	color:#000;
	}
h1{margin:10px 0;font-size:60px;}
h2 {
  color:black;
  font-family:Georgia, arial , Times, serif;
  overflow:hidden;
  }
h3{}
h4{font-size: 1em;}
h5{}
h6{}
p{font-size:13px;margin:0 0 10px 0;}
a{color:#04738F;text-decoration:none;}
a:visited{}
a:link{}
a:hover{color:#999;}
ul{}
li{
	list-style:square;}
table{}
tr{}
td{}
th{}
img{border:none;}
clear {clear:both;}

/*------------------------------------------------Contenedor total del site----------------------------------------------------*/
#site-wrapper{
	width:995px;
	margin:0 auto;
	}
/*---------------------------------------------header--------------------------------------------------------------*/
#header{
    height: 175px;
    margin: 0 0 10px;
	}
/*------------------------------banner-top-------------------------------*/
#banner-top{
	text-align: center;
	}
/*------------------------------iframe-menu-------------------------------*/
#iframe-menu{
	}
#iframe-menu iframe{
	width:995px;
	height: 35px; 
	}
#iframe-menu .minicabecera {width:995px !important;}
/*---------------------------------------------container-----------------------------------------------------------*/
#container{
	width:995px;
	background:url(images/fondo-right.png) repeat-y right;
	} 
/*-----------------------------------------content-------------------------------------------*/
#content{
	width:657px;/*ancho total=713px*/
	float:left;
	}
/*------------------------------content-top-------------------------------*/
/*Dónde aparece el logo de la web*/
#content-top{
	height:55px;/*altura total=146px*/}

/*------------------logo------------------------*/
#logo{
	width: 637px;
	padding:10px;
	background:#efefef;
	}
#logo h1{
	color:#000;
	font-size:20px;
	margin:0;}
#logo h2{
	color:#000;
	font-size:12px;
	font-style:italic;
	padding: 17px;
	}
#logo a{
	color: #000;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 20px 15px 30px;}

#logo img{
	width:635px;}
/*------------------------------content-midlle-----------------------------*/
/*Aqí va todo el contenido central*/
#content-middle{
	padding: 25px 35px 25px 35px;
	}
#content-middle h2 a{
	color:black;
	text-decoration:none;
	font-family: Georgia,arial, Times, serif
	}
/*Clase para el contenido*/
.entry{
	overflow-x: hidden;
	word-break: normal;
      }
.entry p {
	overflow-x: hidden;
	word-break: normal;
      }	
.entry img{
    max-width: 622px;
	  padding: 10px 0;
	display:block;
	}
/*Clases para alinear*/
.alignleft{
	text-align:left;
	float:left;
	margin: 0 10px 10px 10px;}
.alignright{
	text-align:right;
	float:right;
	margin: 0 10px 10px 10px;}
.aligncenter{
	text-align:center;
	float:inherit;
	margin:0 auto;}
.alignnone{
	margin:0 0 0px 10px;}
/*Estilo para la página de contactos*/
.onwscf-tinymce-box{}
.onwscf-tinymce-box input:focus{
	border:1px solid #666!important;}

.onwscf-tinymce-box label[for^="uName"]{
	 display: block;
    float: left;
    width: 90px;
	margin-right:10px;
	}
.onwscf-tinymce-box #uName{
	width:80%;
	border:1px solid #BBBBBB;
	background:#F4F7FA;}

.onwscf-tinymce-box label[for^="uEmail"]{
	 display: block;
    float: left;
    width: 90px;
	margin-right:10px;
	}
.onwscf-tinymce-box #uEmail{
	width:80%;
	border:1px solid #BBBBBB;
	background:#F4F7FA;
	}
	
.onwscf-tinymce-box label[for^="uMessage"]{
	width:50%;}
.onwscf-tinymce-box #uMessage{
	width:100%;
	background:#F4F7FA;}
	
.onwscf-tinymce-box #uCheck{
	width:30%;
	border:1px solid #BBBBBB;
	background:#F4F7FA;}
.onwscf-tinymce-box img{
	}
	
.onwscf-tinymce-box #uSend{
	float:right;
	border:1px solid #BBBBBB;
	background:#F4F7FA;}
.onwscf-tinymce-box #uSend:hover{
	border:1px solid #666;}
	
#bot-check img{
	width:70px;}
	
/*Clases para los botones de prev y next*/
.navigation{
    padding: 10px 0px 20px 0px;
	min-height: 30px;
	}

.navigation a{
   color:#fff;}
	
.navigation .alignleft,
.navigation .alignright{
	color: #000;
    float: left;
    font-size: 9px;
	height:20px;
    font-weight: bold;
    width: 293px;
	margin:0;
	padding: 0px;
	}

.navigation .alignleft a{
	background: url("images/navegador-left.png") repeat-y scroll 0 0 transparent;
    color: #fff;
    float: left;
    min-height: 20px;
    padding: 3px 10px 3px 20px;
}

.navigation .alignright a{
	background: url("images/navegador-right.png") repeat-y scroll right 0 transparent;
    color: #fff;
    float: right;
    min-height: 20px;
    padding: 3px 20px 3px 10px;
	}

.navigation .alignleft a:hover,
.navigation .alignright a:hover{
	color:#fff;
}

/*Título para las categorías*/
.pagetitle{
	color:#000;
	font-size:30px}
/*Título de la entrada*/
.title{
	color:black;
	font-size:25px;
	font-weight:bold;
	line-height:30px;
	width: 460px;
	}
/*Clase para los datos debajo del título*/
.postmeta{
	font-size: 11px;
	color:#666;
	}
.postmeta a{
	color:#666;
	text-decoration:underline;
	}
.postmeta a:hover{
	color:#04738f;
	}

.postdate{
	font-size: 11px;
	color:#666;
	margin-bottom: 20px;
	}
/*Linea de abajo*/
.post{
	 background: url("images/linea-horizontal.gif") no-repeat scroll left bottom transparent;
	 padding: 0 0 40px;
	}
/*Clase para los datos debajo del contenido*/
.postmeta-category{
	font-size: 11px;
    margin: 30px 0 20px;
	color:#666;
	}
.postmeta-category a{
	color:#666;
	text-decoration:underline;
	}
.postmeta-category a:hover{
	color:#ea3715;
	}
.postmeta-category span{
	float:left;
	margin-right:5px;}	
.post-categories{
	height:1px;}
.post-categories li{
	list-style:none;
	margin-right:3px;
	float:left;}
a[rel^="category"] {
	color:#04738F;
	padding:2px 5px;
	text-decoration:none;}
a[rel^="category"]:hover {
	color:black;}
/*Para los comentarios*/
.coment {
    height: 0;
}
.coment a{
	background: url(images/comments140.png);
	width:120px;
	height:35px;
	position:relative;
	left:490px;
	top:-70px;
	display:block;
	padding:4px 0 0 20px;
	font-weight:bold;
	color:#fff;
	z-index:2;
	}
.coment a:hover{color:white;}
.comment-background {
  position: relative;
  top: -120px;
  left: 450px;
  background: white;
  width: 160px;
  height: 60px;
  z-index: 1;
  padding: -10px;
  }
/*Clase para los link de pie de página*/
.cat-links, .comments-link, .edit-link{font-size:11px;}
/*Clase para la fecha que están debajo del título de la entrada*/
.entry-date{
	color:#666666;
	font-size:11px;
	text-decoration:none;
	}
/*Clase para las etiquetas de categoría que están debajo del título de la entrada*/
.byline a{
	color:white;
	background:#ea3715;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	font-size:11px;
	}
/*Leer mas*/
.readmorecontent{
	display: block;
    height: 40px;
	clear: both;
}
.readmore{
	background: url("images/leer-mas.gif") no-repeat scroll right transparent;
	color: #fff;
    display: block;
    float: right;
    font-weight: bold;
	font-size:11px;
    height: 21px;
    left: 50px;
    margin: 0 0px 0 0;
    min-width: 149px;
    padding: 2px 4px 0px 10px;
    position: relative;
    text-decoration: none;
	}
.readmore:hover{
	color:#fff;
	}
	
/*Para la zona de comentarios*/
#dsq-content h3 {
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 0 0 1.5em;
    position: static;
	color:#000 !important;
}
select#dsq-sort-select {
    font-size: 11px;
}
div#dsq-account-dropdown a {
    color: #000000;
}
/*Vienen ya por defecto en defaults css*/
#disqus_thread{}

/*------------------listados ------------------------*/

/*resultado de busqueda*/
table.tabla_buscador {}
table.tabla_buscador input[name^="phrase"]{
	 border: 1px solid #d4d4d4;
	}
table.tabla_buscador input[name^="Submit"]{
	width:87px !important;
	height:30px;
	border:0;
	color:transparent;
	background:url(images/bot_rtado-buscar.png) no-repeat right;
	}
table.tabla_paginacion {}
table.tabla_paginacion a{
	color:#4171a0;}

table.tabla_listado {
	border-bottom: 1px solid #cfd0cb;
	}
table.tabla_listado td.tabla_titulo {
	font-weight:bold;
	text-align: center;
	background-color:#efefef;
	border-bottom: 1px solid #cfd0cb;
	font-size: 14px;
	}

table.tabla_listado tr:nth-child(odd){ background: #efefef !important;}
table.tabla_listado tr:nth-child(even){ background: #fff !important;}
table.tabla_listado td.celda_avatar img{
	background: url("images/sombra-imagen-slide-content.png") no-repeat scroll center bottom transparent;
	height: 32px;
    padding: 0 0 8px;
    width: 32px;
	}
table.tabla_listado td.celda_texto{}

/******************************************
				SIDEBAR 
******************************************/
#sidebar{
	width: 338px;
	float:left;
	}

#sidebar ul li.categories {
	min-height: 50px;
	padding:0px;
	margin: 15px 0px 0px 0px;
	float: left;
	width:100%;
	}
#sidebar ul li.categories ul{
	min-height: 50px;
	margin: 0px 0px 20px 5px;
	float:left;
	width:100%;
	}
#sidebar ul li.categories ul li.cat-item {	
	list-style-type:none;
	}	
#sidebar ul li ul li a,
#sidebar ul li.categories ul li.cat-item a{	
	border-bottom:dotted black 0.5px;
	font-style:italic;
	list-style-type:none;
	}
#sidebar a:hover{color:#04738f;}
#sidebar h2{
    color: black;
    font-size: 18px;
    height: 24px;
    padding: 14px 10px 4px 4px;
    text-decoration: none;
	top:2px;
	list-style:none;
	}

#sidebar ul li h2{
	list-style: none;
	}
#sidebar li li{
	/*list-style:square;*/
	color:#000;
	background:none;
	padding:0;
	}
#sidebar li li a{
	color:#000;
	}
#sidebar li{
	/*list-style:square;*/
	color:#efefef;
	background:url(images/linea-horizontal-widget.png) 30% 100% no-repeat;
	padding:0 0 20px 0;
	}
/*----------------banner-right-------------------------*/
#banner-right{
	height:249px;
	padding: 17px 0 0 20px;
	}
/*Para los contenedores de los widgets*/
.widget-container{
	list-style:none;}
/*--------------Sobre este blog------------------*/
#sobre-este-blog li{
	display: inline-block;
    padding: 0 0 25px;}

#avatar_autor{
	float:right;}
#avatar_autor img{
   	float: left;
    height: 80px;
    margin: 0 10px 0 20px;
    width: 80px;
}
#link_detalles_autor{
    color: #000;
    float: right;
    font-size: 11px;
    width: 180px;
}
#link_perfil_autor{
	float: right;
    height: 15px;
    margin: 0 10px 0 50px;
	width: 150px;
}
#link_perfil_autor a{
	color: black;
    float: right;
    font-size: 10px;
    padding: 5px 0;
    text-align: right;
    text-decoration: underline;
}
#contactar a{
	color: black;
    float: right;
    font-size: 10px;
    padding: 5px 0;
    text-align: right;
    text-decoration: underline;
}

#contactar{
	float: right;
    height: 15px;
    margin: 0 10px;
}
/*-------------Para el buscador-----------------*/
/*Para los cada título */	
#search{}
#searchform{
	padding: 0 0 20px 5px;
    width: 290px;
	}
.screen-reader-text{display:none;}
#s{
	border:none;
    height: 38px;
    width: 200px;
	float:left;
	background:url("images/campo-search.gif") no-repeat;
	padding:0 0 0 20px;
	font-style:italic;
	}
#searchsubmit{
	width:38px;
	height:38px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left:0.5px solid #eee;
	}
	
/*Estilo para la sección de categorías*/
.categories  ul{
}	
.categories li{
}	
/*---------Estilo para el calendario------------*/
#wp-calendar caption{
	color: #666;
	text-align:center;
	font-weight:bold;
	font-variant: small-caps;}

#wp-calendar a {color:black; text-decoration: underline;}
#wp-calendar tbody td {
    background: none repeat scroll 0 0 #fff;
    color: black;
    height: 40px;
    padding: 0 0;
    text-align: center;
    vertical-align: middle;
    width: 40px;
	border:solid 4px #EFEFEF;
}
#wp-calendar th {
	color:white;
	 padding: 10px;
	}

#wp-calendar .pad{
	background:#EFEFEF;
	margin:2px;
	width:32px;
	height:32px;

	}
#wp-calendar td{
	margin:2px;
	width:32px;
	height:32px;
	}

#wp-calendar thead {
	display:none;
	}
#wp-calendar tbody {
    width: 310px;
}
#wp-calendar tbody td a {
     text-decoration: underline;
	color:#000;
}
#wp-calendar tbody td a:hover {
	color:#000;
}
#wp-calendar tbody td#today{
     background: url("images/fecha-marcada.png") no-repeat scroll 50% 50% #EFEFEF;
    color: #fff;
    height: 14px;
    padding: 10px 0 14px 0;
    position: relative;
    text-decoration: none;
	font-weight:bold;
}
#wp-calendar tbody td#today a{
	color:#fff}
	
#calendar_wrap{}


#wp-calendar tfoot {
	background:#EFEFEF;
}
#wp-calendar tfoot td,#wp-calendar tfoot{}
#wp-calendar tfoot td,#wp-calendar tfoot a{
	color:#666;
	font-weight:bold;}
#wp-calendar tfoot td#prev {
	text-align: left;
	}

#wp-calendar tfoot td#next {
	text-align: right;
	}

/*---------Redes Sociales------------*/
#content .addthis_toolbox { 
	margin: 20px 0 20px 0px;
}

#content .addthis_toolbox .custom_images a{ 
width: 35px;
	float:left;
}
#sidebar .addthis_toolbox { 
	margin: 20px 0 20px 20px;
}
#sidebar .addthis_toolbox .custom_images { 
	text-align: center;
}
#sidebar .addthis_toolbox .custom_images a{ 
    width: 35px;
	float:left;
}
/*------------------------------------------Para el pie de página----------------------------------------------------*/
/*Para el título de la web*/
#footer{display:none;}
/**Para el mensaje de wordpress*/
#footer2{display:none;}
/*barra vocento id*/
#vocentoid_controlbar li{
	list-style:none;}

/*pie de vocento*/
.pie{ width:995px; margin:0px auto; position:relative; text-align:left; clear:both; background: url(images/rd.bg_pie.png) repeat-y right; min-height:10px;}
.pieIN{ background: url(images/rd.bg_pie.jpg) repeat-x top; padding:15px 0 0 0; min-height:280px;}

.pie_izq{ float:left; width:160px; min-height:10px;}
.pi_vocento { position:absolute; left:11px; top:30px; text-indent:-9999px; display:block; width:75px; height:14px; background: url(images/rd.pie_vocento.png) no-repeat 0 0;}
.pi_sarenet { position:absolute; left:11px; top:50px; display:block; display:block; width:119px; height:12px; background: url(images/rd.pie_sarenet.png) no-repeat 0 0;}
.pi_sarenet img{display:none;}


.pie_datos{ float:left; width:480px; padding:10px 0 0 0}
.pie_datos h6{ display:block; margin:0 0 5px 0}
.pie_legal{ font-size:11px; color:#666; padding:0 0 10px 0; line-height:14px;}
.pie_reservados{ font-size:10px; color:#9C9C9C; padding:0 0 10px 0; line-height:13px;}

.pie_enlaces{ font-size:11px; color:#333; text-align:center; margin:0 auto;}
.pie_enlaces li{ display:inline;}
.pie_enlaces li a{ color:#333; text-decoration:none;}

.pie_enlaces_vocento{ float:right; width:320px;}
.pie_enlaces_vocento h6{ font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; padding:8px 10px;}
.pie_enlaces_vocento ul{ padding:0px 8px 0 8px; line-height:13px;width:300px; list-style:none; list-style-type:none}
.pie_enlaces_vocento li{ float:left; width:49.5%; list-style:none; list-style-type:none}
.pie_enlaces_vocento li a{  display:block; font-size:10px; color:#9C9C9C; padding:0 5px; text-decoration:none; overflow:hidden; height:14px;}


/*MEDIA QUERY*/

@media(max-width: 1000px) {
div#header {
    width: 100% !important;
}

div#banner-top {
    width: 100% !important;
}

div#container {
    width: 100% !important;
    background: none !important;
}

div#content {
    width: 100% !important;
}

div#sidebar {
    width: 100% !important;
	background-color: #f7f7f7;
}

div#logo {
    width: 100% !important;
    padding: 0px;
}

.coment {
    width: 100% !important;
    margin: 0px;
}

.comment a {
    left: initial !important;
}

.coment a {
    left: initial;
    float: none !important;
    top: initial;
    /* padding: 0px !important; */
}

.entry img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
}

div#banner-top iframe {
    width: 100% !important;
}

#logo h2 {
    padding: 0px !important;
}

.pie {
    width: 100%;
    background: #F7F7F7 !important;
}

p.pie_legal {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.pie_datos {
    width: 100%;
}

.pie_enlaces_vocento {
    width: 100%;
}

.pieIN {
    background: none;
}

h2.title {
    width: 100%;
}

div#site-wrapper {
    width: 100% !important;
}
div#link_detalles_autor {
    width: 100% !important;
   
}



div#sobre-este-blog {
    background-color: #f7f7f7;
}
}