/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
/* Logotipo a.brand */
.navbar a.brand {
    font-family: 'Nunito', Verdana, Serif, Arial;
    font-weight: 700;
}

.hero-unit {
    padding: 25px;
				background-color: #f5f5f5;
				background-image: url(../img/logo-vifito.jpg);
				background-repeat: no-repeat;
				background-position: right top;
}

.hero-unit h1 {
    font-family: 'Nunito', Verdana, Serif, Arial;
}

.hero-unit p {
    font-weight: bold;
}

h1.longtitle {
    font-family: 'Nunito', Verdana, Serif, Arial;
				margin-bottom: 0.8em;
				margin-top: 0.5em;
}

h3.relacionados {
    font-family: 'Nunito', Verdana, Serif, Arial;
}

.clearfix {
   clear: both;
}

div.item-mini {
    width: 200px;
				height: 200px;
				position: relative;
				text-align: center;
}

div.item-mini h4 {
    width: 200px;
    background-color: #000;
				padding: 0.2em 0;

				opacity:0.65;
    filter:alpha(opacity=65);

				z-index: 20;
				position: absolute;
				bottom: 0;
				margin: 0;
}

div.item-mini h4:hover {
				opacity:0.90;
    filter:alpha(opacity=90);
}

div.item-mini h4 a {
    color: #fff;
				font-size: 0.9em;
}

div.item-mini h4 a:hover {
    text-decoration: none;				
}

div.item-mini > a {
				display: block;
				z-index: 10;
    position: absolute;
				top: 0;
}				


/* Package breadcrub */
#breadcrumb li + li:before {
  content:  '/';
  margin:   0 4px;
}

/* navbar */
ul.nav img.rss {
  vertical-align: bottom;
}

/* Estilos para tinymce de MODX */
.justifyleft {text-align:left !important; }
.justifyright {text-align:right !important; }
.justifycenter {text-align: center !important; }
.justifyfull {text-align:justify !important; }
 
img.justifyleft, table.justifyleft {float:left; margin-right:10px;margin-bottom:5px;}
img.justifyright, table.justifyright {float:right; margin-left:10px;margin-bottom:5px;}
img.justifycenter, table.justifycenter { display: block; margin-left: auto; margin-right: auto;}

/* Prettyprint */
pre.prettyprint {
    background-color: #F7F7F9 !important;
    border: 1px solid #E1E1E8 !important;
    padding: 0px !important;
    padding-left: 16px !important;
}

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: decimal !important; }


/* Thumbnail en listados */
.thumbnailRight {
    margin-left: 0.8em;
    margin-bottom: 0.2em;
}

.thumbnailLeft {
    margin-right: 0.8em;
    margin-bottom: 0.2em;
}

/* Chunks */
.category-link {
    color: #CCC;
}

.item-resource {
    margin-bottom: 1.5em;
}

ul.tag-cloud {
    list-style: none;
}

ul.tag-cloud > li {
    margin-left: 0.8em;
    padding: 0.2em;
    float: left;
}

/* GaldicBox */
div.galdicbox {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 1em;
    background-color: #F3F3F3;
}

.nunito {
    font-family: 'Nunito', Verdana, Serif, Arial;
}

/* Menú lateral con WayFinder y estilo .nav-lateral personalizado */
ul.nav-lateral {
    margin-left: 1em;
    font-size: 1.1em;
}

ul.nav-lateral ul {
    list-style-type: none;
				margin-left: 2em;
}

ul.nav-lateral ul a:before {
    content: " » ";
}

ul.nav-lateral ul a {
    color: #666;
				display: block;
				border-radius: 5px;
    padding-top: 6px;
				padding-bottom: 6px;	
				padding-left: 1em;
				text-decoration: none;
}

ul.nav-lateral ul > li a:hover {
    background-color: #eee;
}

/* Button search */
#frm_search_topbar button {
    margin-top: 0;
}

/* Google translator */
div#google_translate_element{
	   margin-top:0.4em;
}