/* very generic, fluid grid definitions */
.cols-33x3 {
 *zoom: 1;
 *zoom: 1;
}
.cols-33x3:before, .cols-33x3:after {
	display: table;
	content: "";
}
.cols-33x3:after {
	clear: both;
}
.cols-33x3:before, .cols-33x3:after {
	display: table;
	content: "";
}
.cols-33x3:after {
	clear: both;
}
.cols-33x3 .col {
	float: left;
	width: 31%;
    margin-left: 30px;
}

.two-sidebars .cols-33x3 .col {
	float: left;
	width: 31%;
    margin-left: 20px;
}
.cols-33x3 .col:first-child {
	margin-left: 0;
}

/* Dotted left borders on 3-column grids */
.cols-33x3 .col.border-left-dotted  {
/* margin-left: 5px; */
 padding-left: 12px;
border-left: 1px dotted #B9BEC5;
}

/* Column heights */
div.equal-width { background: url(img/3-col-dotted-border-922.png); }
.two-sidebars div.equal-width { background: none; }

.cols-33x3 .col img {
    margin: 0 auto; 
    display: block;
}


.cols-33x3 .col li {
   margin: 0 auto; 
   display: block; 
     float: none;
}

.cols-25x4 {
 *zoom: 1;
 *zoom: 1;
}
.cols-25x4:before, .cols-25x4:after {
	display: table;
	content: "";
}
.cols-25x4:after {
	clear: both;
}
.cols-25x4:before, .cols-25x4:after {
	display: table;
	content: "";
}
.cols-25x4:after {
	clear: both;
}
.cols-25x4 .col {
	float: left;
	width: 25%;
}
.cols-50x2 {
 *zoom: 1;
 *zoom: 1;
}
.cols-50x2:before, .cols-50x2:after {
	display: table;
	content: "";
}
.cols-50x2:after {
	clear: both;
}
.cols-50x2:before, .cols-50x2:after {
	display: table;
	content: "";
}

.cols-50x2 .right,
.cols-50x2 .col {float:right; width:49%;}
.cols-50x2 .left,
.cols-50x2 .col:first-child { float:left; width:49%;}


.cols-50x2.divided .right,
.cols-50x2.divided .col {float:right; width:48%; }
.cols-50x2.divided .left,
.cols-50x2.divided .col:first-child { float:left; width:45%; padding-right: 25px; border-right:1px dotted #B9BEC5;}

.cols-mobile50x2 {
 *zoom: 1;
 *zoom: 1;
}
.cols-mobile50x2:before, .cols-mobile50x2:after {
	display: table;
	content: "";
}
.cols-mobile50x2:after {
	clear: both;
}
.cols-mobile50x2:before, .cols-mobile50x2:after {
	display: table;
	content: "";
}

.cols-mobile50x2 .right,
.cols-mobile50x2 .col {float:right; width:50%; text-align: center;}
.cols-mobile50x2 .left,
.cols-mobile50x2 .col:first-child {float:left;  width:50%; text-align: center;}


.cols-libros50x2 {
 *zoom: 1;
 *zoom: 1;
}
.cols-libros50x2:before, .cols-libros50x2:after {
	display: table;
	content: "";
}
.cols-libros50x2:after {
	clear: both;
}
.cols-libros50x2:before, .cols-libros50x2:after {
	display: table;
	content: "";
}

.cols-libros50x2 .right,
.cols-libros50x2 .col {float:right; width:48%;}
.cols-libros50x2 .left,
.cols-libros50x2 .col:first-child {float:left; width:48%;}

.cols-libros50x2 .divided {
  border-right: 1px dotted #666666;
    padding-right: 10px;
}




.cols-75-25 {
 *zoom: 1;
 *zoom: 1;
}

.cols-75-25:before, .cols-75-25:after {
	display: table;
	content: "";
}
.cols-75-25:after {
	clear: both;
}
.cols-75-25:before, .cols-75-25:after {
	display: table;
	content: "";
}
.cols-75-25:after {
	clear: both;
}
.cols-75-25 .left,
.cols-75-25 .col:first-child {
	float: left;
	width: 72%;
}
.cols-75-25 .right,
.cols-75-25 .col {
	float: right;
	width: 23%;
}

.sidebar-first .region-content .cols-75-25.divided {
	background: url(img/cols-divider.png) repeat-y 680px top;
}

.two-sidebars .region-content .cols-75-25.divided {
	background: url(img/cols-divider.png) repeat-y 520px top;
}

.cols-25-75 {
 *zoom: 1;
 *zoom: 1;
}
.cols-25-75:before, .cols-25-75:after {
	display: table;
	content: "";
}
.cols-25-75:after {
	clear: both;
}
.cols-25-75:before, .cols-25-75:after {
	display: table;
	content: "";
}
.cols-25-75:after {
	clear: both;
}
.cols-25-75 .left {
	float: left;
	width: 23%;
}
.cols-25-75 .right {
	float: right;
	width: 72%;
}
.cols-25-75 .col {float:right; width:72%;}
.cols-25-75 .col:first-child { float:left; width:23%; }

.cols-33-66 {
 *zoom: 1;
 *zoom: 1;
}
.cols-33-66:before, .cols-33-66:after {
	display: table;
	content: "";
}
.cols-33-66:after {
	clear: both;
}
.cols-33-66:before, .cols-33-66:after {
	display: table;
	content: "";
}
.cols-33-66:after {
	clear: both;
}
.cols-33-66 .col {float:right; width:65%;}
.cols-33-66 .col:first-child { float:left; width:32%; }

.cols-33-66-skinny {
 *zoom: 1;
 *zoom: 1;
}
.cols-33-66-skinny:before, .cols-33-66:after {
	display: table;
	content: "";
}
.cols-33-66-skinny:after {
	clear: both;
}
.cols-33-66-skinny:before, .cols-33-66-skinny:after {
	display: table;
	content: "";
}
.cols-33-66-skinny:after {
	clear: both;
}
.cols-33-66-skinny .col {float:right; width:63%;}
.cols-33-66-skinny .col:first-child { float:left; width:31%; }

.cols-33-66-skinny .divided {
 border-left: 1px dotted #f26531;
    padding-left:25px
}

.cols-33-66-skinny .top-border {
 border-top: 1px dotted #727d8b;
padding-top: 10px;
}

.cols-33-66-skinny .divided .cols-25-75 {
    margin: 0 0 0 15;
}

.cols-66-33 {
 *zoom: 1;
 *zoom: 1;
}
.cols-66-33:before, .cols-66-33:after {
	display: table;
	content: "";
}
.cols-66-33:after {
	clear: both;
}
.cols-66-33:before, .cols-66-33:after {
	display: table;
	content: "";
}
.cols-66-33:after {
	clear: both;
}
.cols-66-33 .col {float:right; width:220px;}
.cols-66-33 .col:first-child { float:left; width:470px; }


/* remove bottom margin of last element in each column, use bottom margin of the container instead
.region-content .cols-50x2, .region-content .cols-25-75, .region-content .cols-75-25 {
	margin-bottom: 5px;
}
*/
/*.region-content .cols-50x2 .left :last-child, .region-content .cols-25-75 .left :last-child, .region-content .cols-75-25 .left :last-child, .region-content .cols-50x2 .right :last-child, .region-content .cols-25-75 .right :last-child, .region-content .cols-75-25 .right :last-child {
	margin-bottom: 0;
}
*/
.region-content .cols-25x4, .region-content .cols-33x3 {
	margin-bottom: 17px;
}
/*.region-content .cols-25x4 .col :last-child, .region-content .cols-33x3 .col :last-child {
	margin-bottom: 0;
}
*/
/* accomodate grids in the main content column of a 2-column layout */