@charset "iso-8859-1";

.borde_celda_completa_gris{
	margin-right:10px;
	border:1px solid #A09FA4;
}

.borde_celda_abajo_gris{
	border-top:1px solid #A09FA4;
}	

.menu{
	width:135px;
}
.menu ul {
	padding:0px;
	/*border:1px solid #A09FA4;*/
	list-style-type:none;  
}
	
ul.menu {
	list-style:none;	
}

/***********************/

#contenedor {
 width: 90%;
 max-width: 1000px;
 min-width: 800px;
 margin: 10px auto;
}


#columna {

	
 -moz-columns: 250px;
 -moz-column-gap: 10px;

 -webkit-columns: 250px;
 -webkit-column-gap: 10px;
 
 columns: 250px;
 column-gap: 10px;
	
/*

	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	/*-moz-column-fill: auto;*/
	/*column-count: 3;
	column-gap: 15px;
	column-fill: auto;
	margin: 10px;*/

}




.pin{
	  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	display: inline-block;
	background: #FEFEFE;
	border:1px solid #D9D9D9;
/*	border-bottom:2px solid #670339;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);*/
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 0;
	padding-bottom: 5px;
	/*background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);*/
	opacity: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.pin img {
	width: 255px;
	height:188px;
	
}
.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	padding-left:20px;
	padding-top:0px;
	
}
div.otro {
  display: block;
  position: relative;
  opacity:0.8;
  
  filter:alpha(opacity=60);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.otro h2 a{
	
	padding:10px;
	font-weight:600;
	position:absolute;
	opacity:0.8;  
	background-color: black;
    line-height: 1em;
	font-size:16px;
	line-height: 1.2;
	letter-spacing:0.5px;
	text-transform:uppercase;
	top:70px;
	bottom:0px;
	left:0;
	right:0;
}

.otro a:visited{
	color: white;
}
.otro a{
  	color: white;
}

.otro h2 a:hover{
		text-decoration: underline;	
	color:#85e6d5;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.otro a:link{
	color: white;
}





/*
#columna:hover .pin:hover {
	opacity: 0.8;
  
  filter:alpha(opacity=80);
}

*/

/*
@media (min-width: 960px) {
	#columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}
@media (min-width: 1000px) {
	#columns {
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
	}
}
#columns:hover .pin:not(:hover) {
	opacity: 0.8;
  
  filter:alpha(opacity=60);
}*/




/******************/



.item{
	margin:10px;
	padding-left:10px;
	padding-top:0px;
	list-style-type: square;
	color:#670339;
	
}

.cuadro_parrafo{
	padding:0px 10px;
	border-bottom:2px solid #670339;
	font-size:12px;
	font-weight:500;
	color:#626262;
}
.cuadro_parrafo p{
	padding:0px 10px;}
div h2{
	color:#954f74;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

div.otro {
  display: block;
  position: relative;
  opacity:0.8;
  
  filter:alpha(opacity=60);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tema{
	color:#954f73;
	font-weight: bold;
	font-weight:500;
	line-height: 1.1;
}

.informacion a:link{
	color:white;
	
}

.otro h1{
	padding:5px 10px;
	margin:0px;
	font-size:20px;
	color:#670339;
	font-weight:500;
}
/*
div.otro h2 a{
	
	padding:10px;
	font-weight:600;
	position:absolute;
	opacity:0.8;  
	background-color: black;
    line-height: 1em;
	font-size:16px;
	line-height: 1.2;
	letter-spacing:0.5px;
	text-transform:uppercase;
	top:70px;
	bottom:0px;
	left:0;
	right:0;
}

div.otro a{
  	color: white;
}

div.otro a:hover{
	opacity:0.7;
	color:#93ffe8;
	text-decoration: underline;
}

*/

hr{
	 border: 0; 
	 height: 0;
	 border-top: 1px solid rgba(0, 0, 0, 0.1); 
	 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
	
