/* ========== PROMO ========== */
.jsn-homepage.jsn-demo-page #jsn-promo {
	margin: 0;
}
.jsn-homepage.jsn-demo-page .box_skitter,
.jsn-homepage.jsn-demo-page .label_skitter {
	background: none !important;
}
.jsn-color-blue.jsn-homepage.jsn-demo-page #jsn-promo {
	/* background-color: #41688f; */
	background-color: #fca879;
}
.jsn-color-red.jsn-homepage.jsn-demo-page #jsn-promo {
	background-color: #e74c3c;
}
.jsn-color-green.jsn-homepage.jsn-demo-page #jsn-promo {
	background-color: #1abc9c;
}
.jsn-color-orange.jsn-homepage.jsn-demo-page #jsn-promo {
	background-color: #e67e22;
}
.jsn-color-violet.jsn-homepage.jsn-demo-page #jsn-promo {
	background-color: #9b59b6;
}
.jsn-color-grey.jsn-homepage.jsn-demo-page #jsn-promo {
	background-color: #bcc6c9;
}
/* ========== MAIN FEATURES ========== */
#demo-main-features {
	padding: 80px 0;
}
#demo-main-features div.grid-layout div.grid-col div.grid-col_inner {
	margin-right: 0;
	padding: 55px;
}

#demo-main-features div.grid-layout.grid1 div.grid-col.block1 div.grid-col_inner {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#demo-main-features div.grid-layout.grid2 div.grid-col.block4 div.grid-col_inner {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
#demo-main-features div.grid-layout.grid2 div.grid-col {
	margin-top: -1px;
}
#demo-main-features div.grid-layout.grid2 div.grid-col.block4 {
	margin-left: -1px;
}
#demo-main-features div.grid-layout div.grid-col .icon {
	display: inline-block;
	float: left;
}
#demo-main-features div.grid-layout div.grid-col .icon .link-icon {
	display: block;
	padding: 0;
	width: 63px;
	height: 63px;
overflow: hidden;
}
#demo-main-features div.grid-layout div.grid-col .icon .link-icon img {
display: block;
	background-color: #555;
}
.jsn-color-blue #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {
	background-color: #009aca;
}
.jsn-color-red #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {
	background-color: #bf0000;
}
.jsn-color-green #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {
	background-color: #429e00;
}
.jsn-color-orange #demo-main-features div.grid-layout div.grid-col .icon .link-icon img  {
	background-color: #e66000;
}
.jsn-color-violet #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {
	background-color: #9e0084;
}
.jsn-color-grey #demo-main-features div.grid-layout div.grid-col .icon .link-icon img {
	background-color: #555;
}
#demo-main-features div.grid-layout div.grid-col .intro-content {
	padding-left: 90px;
}
#demo-main-features div.grid-layout div.grid-col .intro-content .intro-heading a {
	color: #000;
	font-weight: bold;
}
#demo-main-features div.grid-layout div.grid-col .intro-content .desc {
	color: #888;
	line-height: 2em;
}

/* ========== MAIN CONTENT ========== */
.jsn-homepage.jsn-demo-page #jsn-content {
	background-color: #f5f5f5;
}
.jsn-homepage.jsn-demo-page #demo-main-content {
	padding: 50px 0 80px;
}
.jsn-homepage.jsn-demo-page #demo-main-content .demo-responsive-image {
	display: block;
}
.jsn-homepage.jsn-demo-page #demo-main-content .demo-responsive-image img {
	max-width: 100%;
}
.jsn-homepage.jsn-demo-page #demo-main-content .demo-main-content-text {
	padding: 0px !important;
}
.jsn-homepage.jsn-demo-page #demo-main-content .demo-main-content-text h3.main-heading {
	font-size: 1.8em;
	margin-bottom: 30px;
}

/* ========== DEMO GALLERY ========== */
#demo-gallery {
	padding: 50px 0;
	border-bottom: 1px solid #e5e5e5;
}
#demo-gallery .item {
	padding: 40px;
}
#demo-gallery .item .img a {
	display: block;
	position: relative;
}
#demo-gallery .item .img a img {
	max-width: 100%;
}
#demo-gallery .item .desc {
	padding: 10px 20px;
	border: 1px solid #e5e5e5;
}
#demo-gallery .item .img a:before {
	content: "";
	display: block;
	position: absolute;
	width: 70px;
	height: 70px;
	top: calc(50% - 15px);
	left: 50%;
	margin-left: -35px;
	background: #000 url(../images/icons/icon-zoom.png) center center no-repeat;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
#demo-gallery .item .img a:hover:before {
	top: calc(50% - 35px);
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#demo-gallery .item .img a:after{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 9;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
#demo-gallery .item .img a:hover:after {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* ========== USERMODULES3 ========== */
.jsn-homepage.jsn-demo-page #jsn-pos-content-bottom + #jsn-usermodules3 {
	padding: 50px 0;
}
.jsn-homepage.jsn-demo-page div.jsn-modulecontainer ul.menu-sidemenu {
	border: none;
}
.jsn-homepage.jsn-demo-page #jsn-usermodules3 ul.menu-sidemenu > li > a > span {
	padding-left: 0;
	background: none;
}

@media only screen and (max-width: 768px), (max-device-width: 768px) {
	#demo-main-features div.grid-layout div.grid-col div.grid-col_inner {
		padding: 30px;
	}
	#demo-main-features {
		padding: 50px 0;
	}
	#demo-gallery .item .img a {
		right: auto;
		left: auto;
		top: auto;
	}
    [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-title {
        margin-top: 50px;
        margin-bottom: 5px;
    }
    [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-description {
        font-size: 18px;
    }	
}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
    [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-title {
	    font-size: 25px !important;
	    margin-top: 25px !important;
    }
	#demo-main-features div.grid-layout.grid1 div.grid-col.block1 div.grid-col_inner {
		border-bottom: none;
		border-right: none;
	}
	#demo-main-features div.grid-layout.grid2 div.grid-col.block4 div.grid-col_inner {
		border-left: none;
		border-top: none;
	}
	#demo-main-features div.grid-layout div.grid-col div.grid-col_inner {
		padding: 20px;
	}
	#demo-gallery {
		padding: 25px 0 30px;
	}
	#demo-main-features {
		padding: 20px 0;
	}
	.jsn-homepage.jsn-demo-page #demo-main-content {
		padding: 30px 0;
	}
}
@media only screen and (max-width: 960px), (max-device-width: 960px){
	.jsn-mobile [class*="jsn-themeslider-skitter-"] .label_skitter p.jsn-themeslider-caption-description {
    	display: none;
    }
    .jsn-mobile.jsn-homepage.jsn-demo-page #demo-main-content .row-fluid .span4,
    .jsn-mobile.jsn-homepage.jsn-demo-page #demo-main-content .row-fluid .span8{
    	width: 100%;
    }
}

form#login-form a.btn.hasTooltip {
	display: inline-block !important;
}

/* ========== ESTILOS DGB ========== */
*,
*:before,
*:after {
  	-moz-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	-o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:hover,
*:focus,
*:active {
    outline: 0;
}

* {
    -webkit-tap-highlight-color: transparent;
}

/* =========== Typography ===========*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    margin: 0 0 25px 0;
    line-height: 1.1;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 0 0 25px 0;
}

b,
strong {
    font-weight: 700;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    color: #737881;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    position: relative;
    margin: 0 0 20px 0;
}

blockquote:before {
    /*content: '\e61c';*/
    position: static;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
}

blockquote p {
    margin-bottom: 20px;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

blockquote cite {
    padding-top: 20px;
    margin-top: 25px;
    position: relative;
    display: block;
}

blockquote cite:before {
    /*content: '';*/
    width: 64px;
    height: 1px;
    background-color: #bfbfbf;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -32px;
}

blockquote cite,
blockquote small {
    color: #303030;
    font-size: 14px;
    font-weight: 600;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

address {
    font-style: italic;
    margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata, monospace;
    -moz-hyphens: none;
    -ms-hyphens: none;
  	-o-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

pre {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.01);
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    line-height: 1.2;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 0.8em;
    white-space: pre-wrap;
    word-wrap: break-word;
}

abbr[title] {
    border-bottom: 1px dotted #eaeaea;
    border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
    cursor: help;
}

mark,
ins {
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

h1 {color:#45183a;}
h2 {color:#6d4463;}
h3 {color:#6d4463;}
h4 {color:#875f7d;}
/*h3.jsn-moduletitle {color:coral;font-style:normal;font-weight:normal;font-size:18pt;}*/
p,li {text-align:justify;}
/*ul {list-style: square inside;}*/
h1.colecciones-title, h1.herramientas, h1.catbib {display:none;}
h3.censo {display:none;}


/* =========== Elements ===========*/
hr {
    background-color: #bfbfbf;
    border: 0;
    height: 1px;
    margin-top: 0;
    margin-bottom: 25px;
}

ul,
ol {
    margin: 0 0 20px 20px;
}

ul {
    list-style: square;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
}

dl {
    margin-bottom: 25px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 10px;
}

/*table,
th,
td {
    border: 1px solid #e5e5e5;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 25px 0;
    table-layout: fixed;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    padding: 5px 10px;
    vertical-align: top;
}*/

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

figure {
    margin: 0;
}

del {
    opacity: 0.5;
}

button,
input[type="submit"] {
    cursor: pointer;
}

label {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}

select,
textarea,
input[type='tel'],
input[type='text'],
input[type='email'],
input[type='search'],
input[type='password'] {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    line-height: 1.42857143;
    /*width: 100%;*/
    /*display: block;*/
    padding: 6px 12px;
    background: transparent;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
}

select,
input[type='tel'],
input[type='text'],
input[type='email'],
input[type='search'],
input[type='password'] {
    height: 34px;
}

::-webkit-input-placeholder {
    color: #333;
}

:-moz-placeholder {
    color: #333;
}

::-moz-placeholder {
    color: #333;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #333;
}

/* Media */
audio,
canvas {
    display: inline-block;
}

embed,
iframe,
object,
video {
    margin-bottom: 25px;
    max-width: 100%;
    vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
    margin-bottom: 0;
}

/* =========== Helper Classes ===========*/
.limpiar-espacio{clear:both;}
.txt-center{text-align:center;}
/*ENDS generales*/

/* =========== Producción editorial ===========*/
div#cubierta-produccion-editorial {
  float: left; 
  background-color: #fff; 
  padding: 6px; 
  text-align: center; 
  border: 1px solid #b3b3b3; 
  margin: 10px auto 0;}

div#cubierta-produccion-editorial img {
  margin-bottom: 5px; 
  display: inline-block; 
  height: auto; 
  margin-left: auto; 
  margin-right: auto; 
  padding: 4px; 
  line-height: 1.428571429; 
  background-color: #fff; 
  border: 1px solid #ddd; 
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; 
  
  
}

div#descripcion-produccion-editorial {
  margin-left: 15em;
}

div#descripcion-produccion-editorial p.ficha {
  color: #333333;
}

div#descripcion-produccion-editorial p.descripcion {
  color: #6c6c6c;
  text-align: justify;
}



@media only screen and (max-width: 600px), (max-device-width: 600px) {
  div#cubierta-produccion-editorial {
    float: none; 
    text-align:left; 
    display: inline-block;
  }
  
  .clear-mobile {
    clear: both;
  }
  
  div#descripcion-produccion-editorial {
    margin:0;
  }
}
/*ENDS Producción editorial desktop & responsive*/


/* =========== Catálogo de instructores ===========*/
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row {
    *zoom: 1;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

/*.wrapper {
    opacity: 1;
    visibility: visible;
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity 400ms ease-out;
    -moz-transition: opacity 400ms ease-out;
    transition: opacity 400ms ease-out;
}*/

.content {
    z-index: 2;
    position: relative;
}

.container {
    width: 80%;
    max-width: 800px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
}

.section {
    padding-top: 70px;
}

.section-box {
    padding: 40px 50px;
}


.section-box, .profile-photo img {
    background-color: #fff;
  	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  	-ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
  	-o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);  
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

@media (max-width: 992px) {
    .section-box {
        padding: 50px 40px;
    }
}

@media (max-width: 767px) {
    .section {
        padding-top: 50px;
    }

    .section-box {
        padding: 30px 20px;
    }

    .section-title {
        font-size: 30px;
    }
}

.section-txt-btn {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    text-align: center;
    margin-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
}


.section-txt-btn p:last-child,
.section-text .section-box *:last-child {
    margin-bottom: 0;
}

.section-about {
    padding-top: 40px;
    position: relative;
}

.section-about .section-box {
    padding: 0;
}

.section-about .profile {
    padding: 57px 50px 15px 50px;
}

.section-about .profile-photo {
    margin-right: 10%;
    margin-bottom: 10px;
}

.section-about .profile-info {
    color: #3d4451;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dedede;
}

.section-about .profile-title {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 5px;
}

.section-about .profile-title span {
    font-weight: 300;
}

.section-about .profile-position {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 0;
}

.profile-photo img {
    width: 100%;
    display: block;
}

.footer {
    padding: 30px 0;
    color: #6c6c6c;
    -moz-transition: -moz-transition, color 0.25s linear 0s;
    -ms-transition: -ms-transition, color 0.25s linear 0s;
    -o-transition: -o-transition, color 0.25s linear 0s;
    -webkit-transition: -webkit-transition, color 0.25s linear 0s;    
    transition: transition, color 0.25s linear 0s;
    font-size:14px;
}



@media (max-width: 992px) {
    .section-about .profile {
        padding: 50px 40px 15px 40px;
    }

    .section-about .profile-photo {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .section-about {
        padding-top: 0;
    }

    .section-about .profile {
        padding: 30px 20px 15px 20px;
    }

    .footer {
        padding-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .section-about .row > div {
        width: 100%;
    }

    .section-about .profile-title {
        font-size: 28px;
    }
}


@media (max-width: 320px) {
    .container {
        width: 90%;
		padding:0px;
        margin: 0 auto;
    }
  
     .section, .section-box {
        padding: 40px 0px 0px 0px;
  	}
  
  	.profile {
        padding:0px;
	}
  
    .section-about .profile-info {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .row {
        margin:0;
 	}
  
  	.col-xs-3, .col-xs-6 {
    	width:100%;
        padding:0px;
  	}
  
    .section-about .row > div {
          width: 100%;
    }
  
    .section-about .profile-photo {
      margin-bottom: 10px;
  	}
  
    .profile-photo img {
      display: block;
      width:210px;
      height:237px;
      padding:0px;
      margin: 0 auto;
    }
   
  h1, h2 {text-align:center;}
}
/*ENDS Catálogo de instructores desktop & responsive*/


/*============= searchform colecciones ===============*/
div.coleccionesBox {height:300px;}

#searchform {
    width: 597px;
    /*height:51px;*//*sin tipos de bases*/
    height:78px;
    padding: 8px;
    margin:50px auto;
    background: #fff;
}

#searchform select {
    float:left;
}

#searchform input[type="text"]{
    width: 280px;
    background: #fafafa;
}


#searchform input[type="text"]:focus, #searchform select:focus {
    outline: 0;
    border:none;
    background: #fff;
   	-moz-box-shadow: 1px 1px 1px rgba(109,68,99,.4) inset;
    -ms-box-shadow: 1px 1px 1px rgba(109,68,99,.4) inset;
    -o-box-shadow: 1px 1px 1px rgba(109,68,99,.4) inset;
    -webkit-box-shadow: 1px 1px 1px rgba(109,68,99,.4) inset;
    box-shadow: 1px 1px 1px rgba(109,68,99,.4) inset;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -ms-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -o-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;  
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}


#searchform button {
    position: relative;
    float: right;
    border: 0;
    cursor: pointer;
    height: 33px;
    width: 80px;
    font-size:15px;
    color: #fff;
    /*background: #fca879;*/
    background: #6d4463;
  	-moz-border-radius: 0 3px 3px 0;
  	-ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    /*-webkit-border-bottom: 3px solid coral;
    -moz-border-bottom: 3px solid coral;*/
    border-bottom: 3px solid #A2829A;
}  

#searchform button:hover{
    background: #45183a;
}

#searchform button:active,
#searchform button:focus{
    background: #45183a;
}

/* flecha */
#searchform button:before { 
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #6d4463 transparent;
    top: 8px;
    left: -5px;
}
 
#searchform button:hover:before{
    border-right-color: #45183a;
}
 
#searchform button:focus:before{
    border-right-color: #45183a;
}   


#searchform div { 
    margin-left:25px;
	padding-left: 10px;
    padding-right: 10px;
  	padding-bottom:4px;
}

#searchform div.descubridorHome { 
float:left;
}

#searchform input[type=checkbox]:not(old),
#searchform input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

#searchform input[type=checkbox]:not(old) + label,
#searchform input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

#searchform input[type=checkbox]:not(old) + label > span,
#searchform input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  -moz-border-radius    : 0.25em;
  -ms-border-radius    : 0.25em;
  -o-border-radius    : 0.25em;
  -webkit-border-radius    : 0.25em;
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

#searchform input[type=checkbox]:not(old):checked + label > span,
#searchform input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

#searchform input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(69,24,58);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  -moz-text-shadow : 0 0 0.0714em rgb(109,68,99);
  -ms-text-shadow : 0 0 0.0714em rgb(109,68,99);
  -o-text-shadow : 0 0 0.0714em rgb(109,68,99);
  -webkit-text-shadow : 0 0 0.0714em rgb(109,68,99);  
  text-shadow : 0 0 0.0714em rgb(109,68,99);
  font-weight : bold;
}

#searchform input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(69,24,58);
  -moz-border-radius    : 0.125em;
  -ms-border-radius    : 0.125em;
  -o-border-radius    : 0.125em;
  -webkit-border-radius    : 0.125em;
  border-radius    : 0.125em;
  background       : rgb(69,24,58);
  background-image :    -moz-linear-gradient(rgb(109,68,99),rgb(69,24,58));
  background-image :     -ms-linear-gradient(rgb(109,68,99),rgb(69,24,58));
  background-image :      -o-linear-gradient(rgb(109,68,99),rgb(69,24,58));
  background-image : -webkit-linear-gradient(rgb(109,68,99),rgb(69,24,58));
  background-image :         linear-gradient(rgb(109,68,99),rgb(69,24,58));
}

  #searchform div.floatNone { 
	float: none;
    padding-bottom:4px;
  }


@media only screen and (max-width: 960px), (max-device-width: 960px) {
 div.coleccionesBox {height:350px;}
}


@media only screen and (max-width: 640px), (max-device-width: 640px) {
  
   div.coleccionesBox {height:415px;}
  
  #searchform {
    width: 100%;
    height:auto;
    background:#fff;
	}
  
  #searchform select, #searchform input[type="text"] {
    width: 100%;
    float:none;
  }
  
  #searchform button {
    float: none;
    width: 100%;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }  


/* flecha */
  #searchform button:before { 
      content: '';
      position: absolute;
      border-width: 0 8px 8px 8px;
      border-style: none solid solid solid;
      border-color: transparent transparent #6d4463;
      top: -5px;
      left: 49%;
  }
  
  #searchform button:hover:before{
    border-bottom-color: #45183a;
    border-right-color: transparent;
}
 
#searchform button:focus:before{
    border-bottom-color: #45183a;
    border-right-color: transparent;
}  
  
  #searchform div { 
	float: none;
    padding:10px;
  }
  
}
/*ENDS searchform colecciones desktop & responsive */


/* ================== Cursos y talleres ================== */
ul.infoForm {
    margin-bottom:50px;
    list-style:none;
}

ul.infoForm li {
    float:left;
    padding-right: 20px;
    border-right: 1px solid #CCC;
}

ul.infoForm li:last-child {
    border: none;
}

@media only screen and (max-width: 640px), (max-device-width: 640px) { 
  ul.infoForm {
    margin-bottom:20px;
    list-style:square;
}

ul.infoForm li {
    float:none;
    padding-right: 0;
    padding-bottom:5px;
    border-right: none;
}
}
/*ENDS cursos y talleres desktop & responsive */


/* ================== Manuales y procedimientos ================== */
img.imgPDF {
  width: 32px;
  height: 32px;
}
/*ENDS Manuales y procedimientos */


/* ================== Censo ================== */
.censo table,
.censo caption,
.censo th,
.censo td {
    border: 1px solid #e5e5e5;
}

.censo table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 25px 0;
    table-layout: fixed;
    width: 100%;
}

.censo caption,
.censo th,
.censo td {
    text-align: center;
}

.censo caption,
.censo th {
    border-width: 0 1px 1px 0;
}

.censo caption {
  background-color:#6d4463; 
  font-style: normal; 
  font-weight:900;
  color: #fff;
}

.censo th {
  background-color:#6d4463; 
  font-style: normal; 
  font-weight: 700;
  color: #fff;
}

.censo td {
    border-width: 0 1px 1px 0;
}

.censo caption, .censo th, .censo td {
    padding: 5px 10px;
    vertical-align: top;
}

.censo .txtLeft {
  text-align: left;
}
.censo .txtRight {
  text-align: right;
}
/*ENDS Censo */


/*home*/
/*h3.jsn-moduletitle {color:coral;font-style:normal;font-weight:normal;font-size:18pt;}*/
h3.jsn-moduletitle {
	color: #45183a;
  	-moz-transition: -moz-transition, color 0.25s linear 0s;
  	-ms-transition: -moz-transition, color 0.25s linear 0s;
  	-o-transition: -moz-transition, color 0.25s linear 0s;
  	-webkit-transition: -webkit-transition, color 0.25s linear 0s;  
  	transition: transition, color 0.25s linear 0s;
    font-size: 36px;
}

/* ================== menuFooterDGB ================== */

div#menuFooterDGB {
	float:right;
    clear:both;
    margin-right: 1%;
}

ul.menuFooter {
    /*margin: 0 1% 0 0;*/
    list-style:none;
}

ul.menuFooter li {
    float:left;
    padding-right: 10px;
    border-right: 1px solid #9D9C9C;
}

ul.menuFooter li:last-child {
    border: none;
}

ul.menuFooter li a {
 	color:#9D9C9C;
}

.noDisplay{display:none;}


div#redesSociales {
	float:right;
    clear:both;
    margin-top:40px;
    margin-right: 1%;
}

div#redesSociales ul {
    list-style:none;
}

div#redesSociales ul li {
    float:left;
    padding-right: 10px;
}

div#datosDGBFooter {
	clear: both;
	width: 100%;
}

div#logoDGBFooter {
	float:left;
    margin-left: 20px;
	margin-top:10px;
    margin-bottom:50px;
	text-align: right;
}

div#txtLogoDGBFooter {
	float:left;
    width:50%;
    margin-top:10px;
    margin-bottom:50px;
    text-align:left;
}

div#txtLogoDGBFooter ul {
    list-style:none;
    margin: 0;
    padding:0;
}

div#txtLogoDGBFooter ul li {
  line-height: 1.2;
  padding:0;
  margin:0 0 0 10px;
  color:#9D9C9C;
}
   

@media only screen and (max-width: 680px), (max-device-width: 680px) {

  div#menuFooterDGB {
	float:left;
    clear:both;
}
  
 ul.menuFooter li {
    float:none;
    padding-bottom: 10px;
    border:none;
}
  
div#logoDGBFooter {
	margin-top:30px;
    margin-bottom:30px;
}

div#txtLogoDGBFooter {
    margin-top:30px;
    margin-bottom:30px;
    width:60%;
}
  
  .displayM{display:block;}
  .noDisplayM{display:none;}
  
}

@media only screen and (max-width: 340px), (max-device-width: 340px) {

  div#menuFooterDGB {
	float:left;
    clear:both;
}
  
 ul.menuFooter li {
    float:none;
    padding-bottom: 10px;
    border:none;
}
  
div#logoDGBFooter {
display:none;
}

div#txtLogoDGBFooter {
    margin-top:30px;
    margin-bottom:30px;
    width:100%;
}
  
  .displayM{display:block;}
  .noDisplayM{display:none;}
  
}
/*ENDS menuFooterDGB desktop & responsive*/


/* ===================== MENU PORTALES DGB ===================== */
ul#portalesDGB {
	margin: 0;
    padding:0;
	list-style-type: none;
}

ul#portalesDGB li {
    margin: 0;
	width:20%;
	height:40px;
	float: right;
	display: inline-block;
	text-align: center;
	font-weight: 100;
    font-family: "Open Sans", sans-serif;
    padding:10px;
    color: #FFF;
    font-size: 14px;
}

ul#portalesDGB li a{color: #FFF; outline:none;}


.bibliotecas{background-color: #6d4463;}
.bidi{background-color: #db4b68;}
.bc{background-color: #f7826b;}
.dgb{background-color: #fca879;}

ul#portalesDGB li:hover{ text-decoration: underline;}

@media only screen and (max-width: 1210px), (max-device-width: 1210px) {

ul#portalesDGB li {
    font-size: 13px;
} 
}

@media only screen and (max-width: 1200px), (max-device-width: 1200px) {
  
ul#portalesDGB li {
    width:40%;
    font-size: 14px;
}  
}

@media only screen and (max-width: 800px), (max-device-width: 800px) {
  
ul#portalesDGB li {
	width:100%;
  	font-weight: normal;
    font-size: 14px;
  	float:left;
  	height:28px;
  padding-top:5px;
} 
}
/*ENDS MENU PORTALES DGB desktop & responsive*/

/* ---- AVISO DE PRIVACIDAD ---- */

.avisoPrivacidad {
        color: #003399;
}

.listaAvisoPrivacidad {
        padding: 0 0 1.0em 0;
        line-height: 1.5;
}