

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);

/*GLOBAL
========================================*/
body{
	font-family: 'Lato', sans-serif;
}
img{
	display: block;
	max-width: 100%;
}
.row > div{
	margin-bottom: 1em;
}
@media (min-width: 768px) {
	.row > div{
		margin-bottom: 0;
	}	
}
a{
	color: #9800b2;
}
a:hover,
a:focus {
  color: #da02ff;
}
h1,
h2,
h3,
h4,
h5,
h6{
  color: #333;
  font-weight: normal;
}
h1,
h2{
  font-weight: 300;
}
h3, h4{
	font-size: 1em;
	font-weight: 700;
}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/*COLORS---------------------------------*/
.btn-primary {
  background-image: -webkit-linear-gradient(top, #751384 0%, #51005d 100%);
  background-image:         linear-gradient(to bottom, #751384 0%, #51005d  100%);
  background-repeat: repeat-x;
  border-color: #37003f;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #51005d;
  background-position: 0 -15px;
}

.text-primary,
.btn-primary .badge,
.btn-link,
.pagination > li > a,
.pagination > li > span,
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge  {
  color: #51005d;
}
.bg-primary,
.pagination > li > a,
.pagination > li > span,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.label-primary,
.progress-bar,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.panel-primary > .panel-heading,
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background-color: #51005d;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #51005d;
  border-color: #37003f;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
.panel-primary,
.panel-primary > .panel-heading {
  border-color: #51005d;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #51005d;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #51005d;
}

/*Gray------------------------------*/
.nav > li > a {
  background-color: #eee;
}


/*COMPONENTS
========================================*/





/*HEADER
========================================*/
.main-header{
	background: #1b1b1b url('../img/header-bg.png');
}

/* Home Hero---------*/
.home .main-header .main-header-bg{
	overflow: auto;
	background: #030303 url('../img/hero/hero-home-00.jpg') no-repeat center bottom;
}
.home .main-header .hero-image{
}
@media (min-width: 768px) {
	.home .main-header .hero-image{
		height: 20em;
	}	
}
/* Admin Hero--------*/
.main-header.admin .main-header-bg{
	overflow: auto;
	background: #1b1b1b url('../img/header-bg-admin.jpg') no-repeat center bottom;
}
.navbar-collapse{
	clear: left;
}
.navbar-header{
	float: none;
	padding: 7px;
}
.navbar-header a{
	color: #fff;
}
.navbar-header a:hover{
	text-decoration: none;
}
.navbar-brand{
	margin-top: 0;
	width: 55%;
	height: auto;
	line-height: inherit;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;

	font-size: 18px;
}
/*Complementary Navigation-------------*/
.nav-comp{
	padding: 8px 0;
	font-weight: 300;
}
.nav-comp-links{
	display: none;
}
@media (min-width: 768px) {
	.nav-comp-links{
		display: block;
		float: right;
	}	
}
.nav-comp-link{
	display: inline-block;
	margin-left: 8px;
}
.nav-comp-link a{
	color: #979797;
}
.nav-comp-link:before{
	content: '|';
	display: inline-block;
	margin-right: 10px;
	color: #4d4d4d;
}
.nav-comp-link:first-child{
	margin: 0;
}
.nav-comp-link:first-child:before{
	display: none;
}
.nav-comp-link{

}
.header-user-zone{
	background: #2a2a2a;
	border-radius: 12px;
	padding: 2px 10px;
	margin-left: 8px;
	float: right;
}
/*@media (min-width: 768px) {
	.header-user-zone{
		float: right;
	}	
}*/

.header-minambiente{
	padding: 10px 0;
}
.header-minambiente .minambiente-logo{
	display: block;
	margin: 0 auto;
	width: 27em;
}
@media (min-width: 768px) {
	.header-minambiente .minambiente-logo{
		display: inline-block;
	}	
}
.header-minambiente .otros-datos{
	font-size: .875em;
	margin-bottom: .5em;
	display: none;
}
@media (min-width: 768px) {
	.header-minambiente .otros-datos{
		display: block;
		width: 24em;
		float: right;
		text-align: right;
	}	
}
.header-minambiente .otros-datos span{
	display: block;
}



.header-minambiente .redes-sociales-h{
	display: none;
}
@media (min-width: 768px) {
	.header-minambiente .redes-sociales-h{
		display: inline-block;
		width: 14em;
		float: right;
		clear: right;
		text-align: right;
	}	
}
.header-minambiente .redes-sociales-h ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.header-minambiente .redes-sociales-h li{
	display: inline-block;
}


/*Main nav----------------------------*/
.main-nav.navbar{
	border: none;
	border-radius: 0;
	background: #51005d;
	margin-top: 1em;
}
.main-nav .navbar-collapse.collapse{
	/*padding-bottom: 3px;*/
}
.main-nav .navbar-collapse{
	background: #000;
	font-weight: 300;
}
.main-nav .navbar-collapse a{
	display: block;
	padding: 6px;
	color: #999999;
}
.main-nav .navbar-collapse a:hover{
	color: #fff;
}
@media (min-width: 768px) {
	.main-nav .navbar-collapse a{
		display: inline-block;
	}	
}
.main-nav .navbar-collapse [class^="icon-"], 
.main-nav .navbar-collapse [class*=" icon-"]{
	display: inline-block;
	margin-right: 10px;
}


/*FOOTER
======================================*/
.main-footer-block{
	border-top: 8px solid #333;
	padding: 2em 0;
	margin: 2em 0;
}
.redes-sociales-footer{
	h3{
		margin: 0;
		font-size: 14px;
	}
}
.redes-sociales-footer h3{
	margin: 0;
	font-size: 14px;
}
.redes-sociales-links a{
	font-size: 36px;
}
.redes-sociales-links a:hover{
	text-decoration: none;
}
.footer-minambiente{
	background-color: #3C9900;
	padding: 1em;
	color: #fff;
	text-align: center;
}


/*MAIN
======================================*/
.main-content-box{
	border-radius: 20px;
	border: 1px solid #cccccc;
	padding: 20px;
	min-height: 9em;

	background: #fff;
	position: relative;
}
@media (min-width: 768px) {
	.main-content-box{
		margin-top: -7em;
	}
}


/*HERO IMAGE
======================================*/
.hero-image{
	color: #fff;
	padding: 20px;
}
@media (min-width: 768px) {
	.hero-image{
		margin-bottom: 7em;
	}
}
.hero-image-heading{
	font-size: 60px;
	font-weight: 100;
	line-height: 1;
	display: block;
	margin-top: 20px;
}
.hero-image-heading span{
	display: block;
	opacity: .3;
}

/*PAGE
======================================*/
.page h1{
	margin: 0 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	/*font-weight: 300;*/

	font-size: 1.42em;
	font-weight: 700;
	color: #3C9900;
}
.page.landing h1{
	display: none;
}
.sidebar{
	margin-bottom: 2em;
}
.landing-foto{
	margin-bottom: 2em;
}
.landing-foto img{
	display: block;
}
.landing-foto .pie-foto{
	display: block;
	margin: .5em 0;
	font-size: .857em;
	font-style: italic;
	line-height: 1;
}



/*BLOCKS
=====================================*/
.box{

}
.teaser h3{
	font-size: 1.142em;
	font-weight: 700;
}
.teaser h3 a{
	color: #333;
}
.teaser h3 span{
	color: #9fcf67;
	font-size: 1.5em;
	vertical-align: middle;
}
.teaser p{

}


.block-heading{
	background: #660066;
	padding: 6px;
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	margin: 0 0 2em;
}




.lista-noticias .lista-row{
	margin-bottom: 2em;
	overflow: hidden;
}
.lista-noticias .foto{
	display: block;
	margin-bottom: 1em;
}
@media (min-width: 768px) {
	.lista-noticias .foto{
		float: left;
		margin-right: 2em;
	}
}
.lista-noticias .fecha{
	display: block;
	margin: 0;
}
.lista-noticias .heading{
	margin: 0;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: .5em;
}
.lista-noticias .heading a{
	color: #333;
}
.lista-noticias .sumary{
	
}



/*FORMS
=====================================*/
.form-group{
	margin-bottom: 10px;
}
.form-sec{
	margin-bottom: 20px;
}
.form-oculto{
	visibility: hidden;
	margin-bottom: 0px;
	height: 0px;
}
.form-row{
}
.form-sec-title{
	font-size: 1em;
	border: none;
}
.form-sec-cont{
	border-left: 1px solid #ccc;
}
@media (min-width: 768px) {
	.form-inline .form-control{
		display: block;
		vertical-align: inherit;
	}
	.form-inline .form-group{
		margin-right: 10px;
		vertical-align: top;
		margin-bottom: 10px;
	}
	.form-inline .radio, .form-inline .checkbox{
		margin-right: 10px;
	}
	.form-control.large{
		width: 400px;
	}
	.form-control.short{
		width: 60px;
	}
}
.form-group .search-icon{
	margin-top: 6px;
	display: inline-block;
}
.radiobuttons input{
	margin-right: 5px;
}
.radiobuttons td{
	padding-right: 10px;
}
.required{
	color: red;
}

/*BUSCADOR----------------*/
.buscador-filtros{
	margin-bottom: 20px;
}
.buscador-filtros .form-row{
	text-align: center;
}
.buscador-filtros .form-inline .form-group{
	vertical-align: middle;
}
.buscador-filtros .form-group.dropdown{
	text-align: left;
}
.buscador-filtros .buscador-input .form-control{
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	height: 46px;
}
/*Paginador--------*/
.buscador-resultados-paginador{
	border: 1px solid #333;
	border-width: 2px 0 1px 0;
	padding: 10px 0;
	margin-bottom: 10px;
}
.buscador-resultados-item{
	margin-bottom: 20px;
}
.buscador-resultados-item .titulo{
	font-size: 20px;
}


/*ICONS
======================================*/
@font-face {
	font-family: 'cdma-icon-font';
	src:url('../fonts/cdma-icon-font.eot?-9o571d');
	src:url('../fonts/cdma-icon-font.eot?#iefix-9o571d') format('embedded-opentype'),
		url('../fonts/cdma-icon-font.woff?-9o571d') format('woff'),
		url('../fonts/cdma-icon-font.ttf?-9o571d') format('truetype'),
		url('../fonts/cdma-icon-font.svg?-9o571d#cdma-icon-font') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'cdma-icon-font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-biblioteca:before {
	content: "\e600";
}
.icon-desktop:before {
	content: "\e002";
}
.icon-book-open:before {
	content: "\e00b";
}
.icon-quienes-somos:before {
    content: "\e024";
}
.icon-streetsign:before {
	content: "\e029";
}
.icon-gears:before {
	content: "\e02b";
}
.icon-layers:before {
	content: "\e031";
}
.icon-tools-2:before {
	content: "\e034";
}
.icon-magnifying-glass:before {
	content: "\e037";
}
.icon-chat:before {
	content: "\e049";
}
.icon-facebook:before {
	content: "\e05d";
}
.icon-twitter:before {
	content: "\e05e";
}
.icon-googleplus:before {
	content: "\e05f";
}
.icon-user:before {
	content: "\e074";
}
.icon-speech-bubble:before {
	content: "\e076";
}
.icon-globe:before {
	content: "\e078";
}
.icon-ribbon:before {
    content: "\e009";
}
.icon-bookmark:before {
    content: "\e601";
}


/* HOME
===============================================*/
.accesos-destacados{
	margin-top: 2em;
}
.accesos-destacados ul{
	list-style-type: none;
	margin: 0;
}
.accesos-destacados li{
	margin-bottom: 1.5em;
	padding-left: 1em;
}
.accesos-destacados li .heading{
	display: block;
	font-size: 1.714em;
	font-weight: 100;
	color: #fff;
}
.accesos-destacados li {
	padding-left: 1em;
}
.accesos-destacados li .icon-bookmark{
	float: left;
	margin-left: -28px;
	font-size: 20px;
	margin-top: 7px;
}

.accesos-destacados li:nth-child(1) .icon-bookmark{
	color: #9dd363;
}
.accesos-destacados li:nth-child(2) .icon-bookmark{
	color: #c96912;
}
.accesos-destacados li:nth-child(3) .icon-bookmark{
	color: #8e0ca0;
}
.accesos-destacados li:nth-child(4) .icon-bookmark{
	color: #0066ff;
}


.content-home{
	margin-top: 2em;
}

/*Revista Block------*/
.revista-block .revista-caratula{
	display: block;
	margin: 0 auto 1em;
}
.revista-block .edicion-actual h3{
}
.revista-block .edicion-actual ul{
}

.revista-block .ediciones-anteriores{

}
.revista-block .ediciones-anteriores h3{
	font-size: 1em;
	font-weight: 700;
}
.revista-block .ediciones-anteriores ul{
	list-style-type: none;
	text-align: center;
	padding: 0;
}
.revista-block .ediciones-anteriores ul li{
	display: inline-block;
	text-align: center;
	width: 48%;
}
.revista-block .ediciones-anteriores ul li img{
	display: block;
	margin: 0 auto;
}

.catedra-block .proximo-evento img{
	margin: 0 auto 1em;
}


/* BIBLIOTECA VIRTUAL
===============================================*/
.biblioteca .main-header .main-header-bg{
	overflow: auto;
	background: #1b1b1b url('../img/hero-biblioteca.jpg') no-repeat center bottom;
}

/* COMO FUNCIONA
===============================================*/
.como-funciona .main-header .main-header-bg{
	overflow: auto;
	background: #1b1b1b url('../img/hero-quienes-somos.jpg') no-repeat center bottom;
}
.pasos-basicos-list{
	font-size: 20px;
	font-weight: 300;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.pasos-basicos-list li{
	margin: 30px 0;
	padding: 0 20px 0 0;
}
.pasos-basicos-list li:nth-child(2n){
	text-align: right;
	padding: 0 0 0 20px;
}

/* SERVICIOS
===============================================*/
.servicios .main-header .main-header-bg{
	overflow: auto;
	background: #1b1b1b url('../img/hero-servicios.jpg') no-repeat center bottom;
}

/* COMUNIDAD
===============================================*/
.comunidad .main-header .main-header-bg{
	overflow: auto;
	background: #1b1b1b url('../img/hero-biblioteca.jpg') no-repeat center bottom;
}


/* QUIENES SOMOS
===============================================*/
.quienes-somos .main-header .main-header-bg{
	overflow: auto;
	background: #1b1b1b url('../img/hero-quienes-somos.jpg') no-repeat center bottom;
}

.EspecieLetra{
    font-family: "MV Boli";
    font-style: italic;
}
