/*
Theme Name: Ppespuma-theme
Theme URI: http://paginasdeespuma.com
Version: 2.2
Author: Editorial Páginas de Espuma
Author URI: http://paginasdeespuma.com
Description: Tema para la web de Páginas de Espuma. Actualización: 20160601

*/
@import url("css/comments.css");
@import url("css/reset.css");
@import url("css/slide.css");
@import url("css/featuredcats.css");
@import url("css/featuredeventoss.css");
* {
  margin: 0;
  padding: 0;
}
/***************LINKS*************************/

h5 a:link, h5 a:visited {
  color: #fff;
  text-decoration: none;
}
h3.autores a:link, h3.autores a:visited {
  color: #fff;
  text-decoration: none;
}
a:link, a:visited {
  color: #568dce;
  text-decoration: none;
}
a:hover {
  color: #000;
  border-bottom: 1px solid #568dce;
}
/***************END LINKS*************************/

html body {
  background: #fff /*181a1b*/ url(images/header.png) repeat-x scroll top;
  color: #000 /*4a4d4f*/;
  font-size: 12px;
  font-family: Arial, Verdana, Tahoma, Times New Roman;
  line-height: 1.5em;
}

/***************CSS eugeniarico*************************/
.fondo_er {
	color: #000;
	background: #fff;
	background-image: url(http://paginasdeespuma.com/descargas/eugeniarico/fondo_web.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom left;
}
#encabezado {
	/* background-color: #000; */
	width: 200px;
	min-height: 0px;
	position:fixed;top:0;
}

#logo{
font-size: 100%;
	margin: 30px 0 0 30px;
	text-indent: -1000px;
	width: 150px;
	height: 80px;
	color: #000;
	background: url(http://paginasdeespuma.com/descargas/eugeniarico/logotipo_blanco.png) left top no-repeat;
}

#contenedor {
  margin-left: 375px;
  margin-top: 50px;
  width: 600px;
  font-family: 'Gentium Book Basic', serif;
  font-size:125%;
}
#contenedor_colegios {
 /*  margin-left: 375px; */
  margin-top: 50px;
  width: 600px;
  /* font-family: 'Gentium Book Basic', serif; */
  font-size:125%;
  background: white;
}

#contenedor_fijo {position:fixed;top:0;margin-top: 50px;}
	
	
#titulares {font-family: 'Ruthie', cursive;
				font-size: 130%;
				margin-bottom:5px;}
				
#secciones {font-family: 'Abril Fatface', cursive;
font-size: 100%;
margin-bottom:5px;
color:darkred;}
				
#barra {position:fixed;bottom:0;margin-top: 10px; background-color: #000;}

#countdowncontainer {color:darkgreen;}

/*** Coda Effect Eugeniarico *****/

#slider {
  width: 520px;
  margin: 0 auto;
  margin-top: 25px;
  position: relative;
}
#slider_colegios {
  width: 540px;
  background:white;
  margin: 0 auto;
  margin-top: 25px;
  position: relative;
}

#slider p {
  margin-top: 10px;
}

.scroll {
  /* height: 250px; */
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  /* background: #000 url(images/content_pane-gradient.gif) repeat-x scroll left bottom; */
}

.scroll_colegios {
  /* height: 250px; */
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: white;
}

.scrollContainer div.panel {
  padding: 20px;
  margin-right: -20px;
  /* height: 210px; */
  width: 520px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer_colegios div.panel {
  padding: 20px;
  margin-right: -20px;
  /* height: 210px; */
  width: 520px; /* change to 560px if not using JS to remove rh.scroll */
  background: #FFF;
}



.scroll {
	 font-size: 105%;
    /* height: 250px; */
    width: 540px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    /*background: #000  url(http://paginasdeespuma.com/descargas/eugeniarico/content_pane-gradient.gif) repeat-x scroll left bottom; */
}

.scroll a, a:link, a:visited { border-style:dotted; border-bottom-color: darkorange;}
}

.scrollContainer div.panel {
    padding: 20px;
    /* height: 210px */;
    width: 420px;
}

#shade {
	/*  background: #000 url(http://paginasdeespuma.com/descargas/eugeniarico/shade.jpg) no-repeat 0 0; */ 
    height: 50px;
}

ul.navigation_er {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left:10px;
    padding-bottom: 9px;
    padding-top:5px;
    background: #000;
}

ul.navigation_er li {
    display: inline;
    margin-right: 10px;
    font-family: 'Abril Fatface', cursive;
    font-size: 120%;
}

ul.navigation_er a {
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

ul.navigation_er a:hover {
    background-color: #000; 
    color: darkgreen;   
    border-top:medium  solid darkgreen;
}

ul.navigation_er a.selected {
    background-color: #000; 
    color: darkred;    
    border-top:medium  solid darkred;
}

ul.navigation_er a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
/*** fin Coda Effect Eugeniarico *****/


/***************fin css eugeniarico *************************/

/***************LAYOUT*************************/
#mainwrap {
  margin: 0 auto;
  width: 960px;
}
#header {
  width: 960px;
  height: 180px;
  margin-bottom: 24px;
}
#blogtitle {
  color: #fff;
  text-transform: uppercase;
  float: left;
  padding-top: 40px;
  padding-left: /* 200px */;
  height: 87px;
}
#heading {
  color: #568dce;
  font-size: 30px;
}
.description {
  visibility:hidden;
  color: #fff;
  font-size: 14px;
}
.adv {
  float: right;
  margin: 36px 0px 0 0;
}
/* -------- START PAGE MENU -------- */

#top {
  background: #568dce;
  clear: both;
  width: 960px;
  height: 48px;
  
}
#top li {
  float: left;
  line-height: 43px;
  margin-top: 2px;
}
*+html #top li {
  margin-top: 3px;
}
#top li a {
  float: left;
  display: block;
  padding: 0 15px;
  margin-right: 8px;
  color: #fff;
  font-size: 18px;
  border-bottom: 0px solid #568dce;
}
#top li.current_page_item a {
  background: #568dce;
  color: #000;
}

/* -------- END PAGE MENU -------- */

#otros_tit {
  width: 100%;
  background: #fff;
  display:block;
  overflow: hidden;
  border: 0px solid #000;
  margin-top: 25px;
}

.aboutimage {
  float: left;
  border: 1px solid #568DCE;
  padding: 2px;
  margin: 5px 5px 0px 0px;
}
#s {
  width: 219px;
  padding-left: 5px;
  height: 34px;
  height: 24px\0/;
  padding-top: 10px\0/;
  border: 0;
  color: #3e3d3d;
  font-size: 11px;
  margin-bottom: 5px;
  /* background: url(images/input.jpg) no-repeat scroll top left; */
}

*+html #s {
  height: 24px;
  padding-top: 10px;
}
#contentwrap {
  float: left;
  width: 648px;
}
#sidebar {
  float: right;
  width: 284px;
  padding-left: 14px;
  border: 0px solid #568dce;
  background: #666;
  margin-bottom: 20px;
  color: #000 /*4a4d4f*/;
}
#sidebar_blanco {
  float: right;
  width: 284px;
  padding-left: 14px;
  border: 1px solid #568dce;
  background: #fff;
  margin-bottom: 20px;
  color: #000 /*4a4d4f*/;
}

#sidebar_invis {
  float: right;
  width: 284px;
  padding-left: 14px;
  border: 0px solid #568dce;
  background: #fff;
  margin-bottom: 20px;
  color: #000 /*4a4d4f*/;
}

#sidebar2w {
  width: 100%;
  background: #fff;
  overflow: hidden;
}
#sidebar2b {
  width: 100%;
  background: #568dce;
  display:block;
  overflow: hidden;
  border: 1px solid #000;
  margin-top: 25px;
}

#sidebar2 {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0 0;
  overflow: hidden;
}

#sidebar3b {
  width: 100%;
  background: #568dce;
  display:block;
  overflow: hidden;
  border: 1px solid #000;
  padding-top: 25px;
}

#sidebar3invis {
  width: 100%;
  background: #fff;
  display:block;
  overflow: hidden;
  border: 0px solid #000;
  padding-top: 25px;
}

#footer1, #footer2, #footer3 {
  width: 190px;
  float: left;
  margin-right: 65px;
}
#footer4 {
  margin-right: 0;
  float: left;
  width: 190px;
}

#footer1b {
  padding-left: 25px;
}
#footer1b, #footer2b, #footer3b {
  width: 190px;
  float: left;
  margin-right: 65px;
}
#footer4b {
  margin-right: 0;
  float: left;
  width: 190px;
}

#sidebar2 h3 {
  color: #fffbff;
  font-size: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}

#sidebar2b h3 {
  color: #fffbff;
  font-size: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  margin-bottom: 30px;
}
  
.widget {
  margin-bottom: 30px;
  overflow: hidden;
}
.widgetblanco {
  margin-bottom: 30px;
  overflow: hidden;
  background-color: #fff;
  padding: 0px;
}
.widget a, .widget a:visited {
  color: #4a4d4f;
  border-bottom: 0px solid #568dce;
}
.widget a:hover {
  color: #568dce;
}
.widget ul li {
  padding: 8px 0 8px 0px;
  margin-left: 0;
  border-bottom: 1px solid #3e3e3e;
}
.widget li li {
  border-bottom: 0;
  border-top: 1px solid #3e3e3e;
}
.widget ul.children {
  margin: 7px 0 -7px 0;
}

/* -------- ADVERT -------- */

.advert{
  float: right;
  padding:5px;
  height: 270px;
  width: 270px;
  margin: 0px 10px 10px 0;
  display: inline;
}
.advert img{
  padding:5px;
  border:none;
  margin:0;
  float: left;
}

.advert a:link, .advert a:visited{
  color: #568dce;
}

/* -------- END ADVERT -------- */

.custom_images img {
  margin: 3px 2px 2px 2px;
  padding: 0;
}
#footerw {
  width: 100%;
  height: 100px;
  background: #568dce;
  clear: both;
}
#footer {
  margin: 0 auto;
  width: 960px;
  padding: 22px 0 0;
  font-size: 11px;
  color: #000;
}
#footer a, #footer a:visited {
  color: #fff;
}
#footer a:hover {
  color: #000;
  text-decoration: underline;
}


/* -------- END WP LAYOUT -------- */

/* -------- START WP STYLES -------- */

#sidebar h3 {
  padding: 10px 0;
  font-size: 25px;
  color: #fff;
}
.side-widget {
  clear: both;
  width: 274px;
  margin-bottom: 20px;
}
#sidebar ul {
  margin-top: -5px;
}
#sidebar ul.children {
  margin: 5px 0 -5px 0;
}
#sidebar ul li {
  padding: 6px 0 6px 10px;
  margin-left: 0;
  background: url(images/arrow.png) no-repeat scroll 0 12px;
  border-bottom: 1px solid #3e3e3e;
}
#sidebar li li {
  border-bottom: 0;
  border-top: 1px solid #3e3e3e;
}
.side-widget a, .side-widget a:visited {
  color: #4a4d4f;
}
.side-widget a:hover {
  color: #568dce;
}
.textwidget {
  padding: 5px;
}
.side-widget div {
  padding: 5px 0;
}



/***************POST STYLES*************************/
h2.title {
  margin-bottom: 10px;
  line-height: 27px;
  font-size: 27px;
}
h2.titles {
  margin-bottom: 10px;
  max-width:540px;
  line-height: 32px;
  font-size: 32px;
}
h2.title a, h2.title a:visited, h2.titles a, h2.titles a:visited {
  color: #ffffff; border-bottom: 0px;   padding-right:-20px;
}
h2.titulo {
  margin-left: 15px;
  margin-bottom: 10px;
  line-height: 27px;
  font-size: 27px;
}
h2.titulos {
  margin-left: 15px;
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 32px;
}
h2.titulo a, h2.titulo a:visited, h2.titulos a, h2.titulos a:visited {
  color: #ffffff; border-bottom: 0px; 
}



.date {
  background: #568dce;
  color: #fff;
  font-size: 11px;
  padding: 6px 10px;
  float: right;
  position: relative;
  z-index: 10000000;
  top: -1px;
  margin-bottom: -30px;
}
a.more-link {
  background: #568dce;
  padding: 5px;
  color: #fff;
  font-size: 10px;
}
.postmetadata {
  margin-top: 15px;
  text-align: right;
}
.bloqueblanco {
   background: #fff;
   margin:15px;
   padding:25px 50px 50px 50px;
   text-align: justify;
}
.texto_resumen{
  padding:15px 15px 15px 15px;
  font-style:italic;
  text-align: justify;
  color:#fff;
}
.datoslibro ul li a img {
    float:left;
    margin:10px;
    padding:0;
    border:2px solid #d0d0d0;
}

.datoslibro ul li a:hover img {
      border:2px solid #333;
}

.datoslibro {
  color: #fff;
  margin-top: 0px;
  text-align: left;
  line-height: 10px;
  padding:0 15px 0 15px;
}

.datoslibrohr {
border-width:0;
margin:50px -0px 0px -45px;
border-bottom: 5px dotted #666;
}

.izq, .drcha {
  width: 187px;
  float: left;
  margin-right:0px;
}
.drcha {
  float: right;
}
.levi, .desni {
  width: 276px;
  float: left;
  margin-right:0px;
}
.desni {
  float: right;
}

.alturaminima {
  min-height: 70px;
}

.clipwarpper {
position: relative;
height: 225px;
}
.clipout{
  position:relative;
  width:70px;
  height:70px;

}
.clipin{
  position:absolute;
  clip:rect(50px 218px 155px 82px);
  top:-50px;
  left:-82px;
} 

.clear {
  clear: both;
}

.portlevi, .portdesni {
  width: 276px;
  float: left;
  margin-right:50px;
}
.portdesni {
  float: right;
}


.post, .page {
  border: 1px solid #000;
  background: #568dce;
  margin-bottom: 15px;
  padding: 20px;
}

.cuadroblanco {
  border: 1px solid #000;
  background: #fff;
  margin-bottom: 15px;
  margin-left: 15px;
  padding: 20px;
}

.cuadroinvis {
  border: 0px solid #000;
  background: #fff;
  margin-bottom: 15px;
  margin-left: 15px;
  padding: 20px;
}

.margen20{
  padding: 20px;
}

.margen20 img {
  background: #568dce;
  padding: 5px;
  border: 0px dotted #000;
}

.entry {
  margin-top: 10px;
  line-height: 20px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
  margin-top: 15px;
}
.entry h2 a {
  margin-bottom: 0.4em; border-bottom: 0px dotted #fff;
}

.entry p {
  margin-top: 10px;
}

.entry  a:link, a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}
.entry  a:hover {
  color: #fff;
}

.entry img {
  padding: 3px;
  border: 1px solid #568dce;
}
.entry th {
  padding: 0;
  margin-right: 2px;
}
.entry li {
  margin-left: 20px;
  list-style: circle;
}
.entry ol li {
  list-style: decimal;
}
.entry hr {
border-width:0;
margin:0px 15px 0px -195px;
border-bottom: 5px dotted #fff;
}

blockquote {
  border-left: 10px solid #666666;
  margin-left: 20px;
}
blockquote p {
  padding: 10px;
}
.alignleft {
  float: left;
  margin: 0px 25px 0px 0px;
}
.alignright {
  float: right;
  margin: 0px 0px 0px 25px;
  border-bottom: 0px solid #000;

}
.aladerecha {
  float: right;
  margin: -10px 0px 0px 0px;
}
h3.aladerecha {
  float: right;
  margin: 0px 0px 2px 0px;
  padding-bottom: -5px;
}
aligncenter {
  float: center;
  margin: 0px 0px 0px 25px;
}
img.aligncenter {
  display: block;
  margin: 0 auto 5px;
}
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
/***************END POST STYLES*************************/
#calendar_wrap {
  text-align: center;
}
caption {
  background: #568dce;
  color: #fff;
  width: 100%;
}
#wp-calendar th {
  padding: 16px;
}
#wp-calendar td a:link, td#prev a, td#next a {
  background: #568dce;
  color: #fff;
  padding: 1px 6px;
  line-height: 29px;
}
li.pagenav, li.categories, li.linkcat {
  list-style:none;
}
h2.pagetitle {
  margin: 0 0 20px;
  color: #fff;
  font-size: 28px;
}
p.center {
  margin: 10px 0;
}
/* -------- END WP STYLES -------- */



/* -------- TABLES -------- */
#contentwrap table{font-size:1.2em;margin:5px 0 25px 1px;}
#contentwrap table td{padding:8px;border: 1px solid #ccc;}
/* -------- END TABLES -------- */


/* -------- PAGE NAVIGATION -------- */

.wp-pagenavi{
  clear:both;
  margin:20px 0 20px;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend{
  background: #000;
  border:1px solid #568dce;
  color:#4a4d4f;
  margin:2px;
  padding:3px 7px;
}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{
  background:#000;
  border:1px solid #568dce;
  color:#4a4d4f;
  margin:2px;
  padding:3px 7px;
  text-decoration:none;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
  background:#000;
  border:1px solid #568dce;
  color:#fff;
  margin:2px;
  padding:3px 7px;
}
/* -------- END PAGE NAVIGATION -------- */

/* -------- SUBSCRIPTION -------- */
ul#topsoc {
  font-size: 11px;
}
ul#topsoc li {
  line-height: 30px !important;
  background: none !important;
  border-bottom: none !important;
}
ul#topsoc li a {
  padding: 32px 32px 32px 43px !important;
  margin: 0;
}
ul#topsoc li a:hover {
  text-decoration: underline;
}
a#twitter {
  background: none;
  background: url(images/twitter.png) no-repeat scroll 0px 24px !important;
}
a#socrss {
  background: none;
  background:url(images/rss.png) no-repeat scroll 0px 24px !important;
  position: relative;
  top: 2px;
}
a#email {
  background: none;
  background: url(images/email.png) no-repeat scroll 0px 24px !important;
}
a#fb {
  background: none;
  background: url(images/facebook.png) no-repeat scroll 0px 24px !important;
}
/* -------- END SUBSCRIPTION -------- */
.flickr_badge_image { float: left; }
.flickr_badge_image img { width: 54px; height: 47px; padding: 0px; margin: 0 10px 10px 0; border: 1px solid #26292a;   float: left; }
#flickr_badge_image3 img, #flickr_badge_image6 img, #flickr_badge_image9 img, #flickr_badge_image12 img {
  margin-right: 0;
}
/****************************/

#ocultar {display:block;visibility: hidden;}


/****************************
  RELACIONADOS
****************************/
#relacionados {
	border: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	margin: 0 10px 10px 0;
	font-size: 10px;
	color:grey;
}

	#relacionadas h3 {padding: 2px 4px;}
	
	#relacionadas .relacc {
		font: normal .9em/1.4em "lucida grande", "segoe ui", verdana, sans-serif;
		padding: 0;
		width: 125px;
		float: left;
	}

#resumen {
		color: #568dce;
		padding: 0;
		margin: 0 5px 0 5px;
		text-align: justify;
		float: left;
		line-height: 1.1em;

	}
	
	#relacionadas .thumb img {
		display: block;
		margin: 0px auto;
		width: 50px;
		height: 50px;
	}

	#relacionadas .title {padding: 0 0px 10px 10px;}

	#relacionadas a {text-decoration: none;}

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



/*Ampliar im�genes*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid blue;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;float:none;
top: -250px;
left: -60px; /*position where enlarged image should offset horizontally */
}

.itemdescargar {
margin:3px 2px 10px 40px;
padding:3px 1px 6px 2px;
float:center;
}
.textoitem{
	font-size: 8pt;
	line-height:12pt;
	word-wrap: break-word; 
}
.accion img{
	vertical-align: middle;
	margin: 1px 0 1px 0;
}

.video
{
overflow:scroll;
}

/*ocultar smiley */
img#wpstats{width:0px;height:0px;overflow:hidden;}


/*columna tabs*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #568dce;
	border-left: 1px solid #568dce;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #568dce;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background: #568dce;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1em;
}
/*fin columna tabs*/