/* CLEAR FLOATS */
.clearfix:before, .clearfix:after { 
content: "\0020"; 
display: block; 
height: 0; 
visibility: hidden;
list-style-type: none;
margin: 0 0 0 0 !important;
}
.clearfix:after { 
clear: both;
}
.clearfix { 
zoom: 1;
}

/* ISOTOPE COMMON STYLE */ 
html, body { 
height: 100%;
}
.isotope-item { 
z-index: 2;
}
.isotope-hidden.isotope-item { 
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item { 
-webkit-transition-duration: 0.8s; 
-moz-transition-duration: 0.8s; 
transition-duration: 0.8s;
}
.isotope { 
-webkit-transition-property: height, width; 
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item { 
-webkit-transition-property: -webkit-transform, opacity; 
-moz-transition-property:    -moz-transform, opacity; 
transition-property:         transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item { 
-webkit-transition-duration: 0s; 
-moz-transition-duration: 0s; 
transition-duration: 0s;
}
/* FILTERING OPTIONS - our style catgory style/navigation */

#categories { 
font-size: 14px; 
padding: 10px 0 10px 10px;
list-style-type: none;
margin: 0 0 0 0 !important;
}
#categories li { 
float: left;
list-style-type: none;
margin: 0 0 0 0 !important;
}
#categories li a.selected { 
text-decoration: none;
color: #fcd3a5;
}
#categories .option-set li a.selected { 
color: #fcd3a5;
}
.button { 
display: inline-block; 
outline: none; 
cursor: pointer; 
text-align: center; 
text-decoration: none;
font: 14px sans-serif; 
padding: 8px 10px 8px; 
margin-right: 10px; 
text-shadow: 0 1px 1px rgba(0,0,0,.3); 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px; 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #fef4e9; 
border: solid 1px #da7c0c; background: #f78d1d; 
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); 
background: -moz-linear-gradient(top,  #faa51a,  #f47a20); 
filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button:hover { 
text-decoration: none; 
background: #f47c20; 
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); 
background: -moz-linear-gradient(top,  #f88e11,  #f06015); 
filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button:active { 
position: relative; 
top: 1px; 
color: #fcd3a5; 
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); 
background: -moz-linear-gradient(top,  #f47a20,  #faa51a); 
filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* ELEMENT CONTAINER */
.item { 
height: 160px; 
width: 160px; 
float: left; 
overflow: hidden; 
position: relative; 
background: #b0b0b0; 
border-radius: 20px 0 0px 0; 
padding: 5px;
list-style-type: none;
margin: 0 0 5px 5px !important;
}
h2.item-n {
position: absolute !important; 
bottom: 120px !important; 
left: 0 !important; 
font-size: 18px !important; 
font-weight: bold !important;
color: #bb0000 !important;
text-align: center !important; 
/* text-transform: uppercase; */
line-height: 15px !important; 
width: 20% !important;
margin-left:70% !important;
cursor: pointer !important;
padding: 5px !important;
border-bottom: 0 !important;
border-left: 0 !important;
background-color: rgba(255, 255, 255, 1) !important; 
}
h3.item-title {
position: absolute !important; 
bottom: 5px !important; 
left: 0 !important; 
font-size: 12px !important; 
font-weight: normal !important;
color: #bb0000 !important;
text-align: left !important; 
background-color: rgba(255, 255, 255, 0.9) !important; 
/* text-transform: uppercase; */
line-height: 15px !important; 
width: 85% !important;
margin-left:10% !important;
cursor: pointer !important;
padding: 10px !important;
}

/* EXPANDED BOX */
.item-content { 
display: none; /* for usability you could remove this */
}

.item-content img { 
-moz-box-shadow: 0px 0px 5px #868681; 
-webkit-box-shadow: 0px 0px 5px #868681; 
box-shadow: 0px 0px 5px #868681; 
border: 3px solid #fff; 
margin: 5px 18px 5px 5px; 
float: left;
border-radius: 20px 0 0px 0;
}
.item-content h4 { 
font-size: 18px !important;        
color: #bb0000 !important; 
font-weight: bold !important;
margin-top: 8px !important;
}
.item-content p { 
font-size: 12px; 
margin-bottom: 1em;
}

.item-content a, a:link a:active
{
font-size: 12px; 
background-color: inherit;
color: #18507c;
}

.item-content a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #18507C;
/* a different color can be used for visited links */
}

.item-content a:hover
{
  background-color: inherit;
  color: #385c72;
}


.item.large, .variable-sizes .item.large { 
width: 685px; /* you can change this width, i used 690px so another thumb item still fits in a row */ 
height: auto; 
z-index: 100;
}
img.thumb {
position: absolute; 
top: 5px; 
left: 5px; 
border: 3px solid #fff; 
border-radius: 20px 0 0px 0;
} 

/* Stylesheet: lms_cursos Modified On 2013-10-22 13:48:16 */