@charset "utf-8";
/* CSS Document */

body {
	background-color: #ffffff;
}
.comprension p {
	color: #305030;
	overflow: hidden;
}
.comprension h1 {
	color:#309030;
	font-size: 2em;
	letter-spacing: .4em;
	padding-bottom: 0.6em;
}
@media (max-width: 768px) {
	/* xs */
    .comprension h1 {
        text-align: center;
    }
}
.comprension h2 {
	color:#206020;
	letter-spacing: .2em;
	font-size: 1.25em;
	padding:.4em;
	padding-left:1.5em;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	margin-top: 1.6em;
	background-color: #e6dcb8;
	border-radius: 12px 12px 0px 0px;
	transition: padding .5s, margin .5s;
	background-image: url(less.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	cursor:pointer;
}

.comprension h3 {
	color:#405040;
	font-size: 1.15em;
}

.comprension a {
	color:#206040;
	text-decoration: underline;
}
.comprension a:active {
	background-color:#cdc;
}
.comprension a:link {
	color:#204030;
}
.comprension a:hover {
	color:#2080cf;
}

.comprension .aforismo div {
	max-height: 600px;
    transition: max-height .6s;
}
.comprension .aforismo.sm-collapsed div {
    max-height:0px;
    overflow:hidden;
}
.comprension .aforismo.sm-collapsed h2 {
    padding-top:1.5em;
    margin-top:.2em;
    background-color: #e0e0d0;
    background-image: url(more.png);
}

body.comprension.initiating h2 {
    transition: none;
}
body.comprension.initiating .aforismo div {
    transition: none;
}
/* Cabecera */

header {
	background: url('./logo_top_800x90_back-2.png') repeat-x;
	background-position-x: center;
	background-position-y: 0px;
}
header #header-back #header-front #page-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 2.5rem;
	font-style:normal;
	letter-spacing: 0.4rem;
	color: #ffffff;
	padding-right:1rem;
	padding-top:2rem;
	padding-bottom:2rem;
	text-shadow: #f0f0f0 -1px -1px 3px;
	border:none;
}
header #header-back #header-front #page-title p{
	margin:0px;
	padding:0px;
	text-shadow: .1rem .1rem .2rem #103010;
}

header #header-back #header-front #menu-top { 
    margin: 0rem .2rem .2rem .6rem;
	line-height: 110%;  
	text-align:right;
	color: #eee;
} 

header #header-back #header-front #menu-top span { 
	border-color: #f0f0f0;
	border:solid;
	border-width: 1px;
	border-color: #a0c0a0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	padding-right: 4px; 
}
header #header-back #header-front #menu-top span:hover { 
   background-color:#f0f0e0;
   color: #003333; 
}
header #header-back #header-front #menu-top a { 
    color: #f0fff0; 
	border-radius: 4px;
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	padding-right: 4px; 
	text-decoration:none; 
} 
header #header-back #header-front #menu-top a:hover { 
    color: #003333; 
}
	
#smNavbar .nav.navbar-nav a {
	text-decoration: none;
	color: #706038;
}
nav.navbar {
	margin-bottom: 0px;
}
nav.navbar a.navbar-brand {
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}
nav.navbar a.navbar-brand:hover {
	color: #ffffff;
}
nav.navbar .navbar-header {
	background: url('./logo_top_800x90_back-2.png') repeat-x;
	background-position-x: center;
	background-position-y: -20px;
}
nav.navbar button.navbar-toggle {
	background-color:#f0f0f0;
}
nav.navbar #xs-subtitle {
	padding-top:.3rem;
	padding-bottom: 0rem;
	margin: 0px;
	padding-right : 1em;
	text-align: right;
	color: #869086;
	font-weight: 800;
}

/* Contenido informativo principal */

.comprension #main-content > div.content {
    max-width: 900px;
    margin: auto;
} 
#container div.content {
	margin: auto;
	max-width: 100rem;
}
#container #main-content {
	padding-top: 1.5em;
    max-width: 900px;
    margin: auto;
} 
#container #main-content .central-list {
	margin-left: -15px;
	margin-right: -15px;
} 
#container #main-content .central-list li {
	margin-top: 1em;
	margin-bottom: 1em;
} 
#container #main-content div.row{
}
#container #main-content div {
}
#container #main-content p {
}
#container #main-content p.title {
	font-size:1.6em;
	font-weight:bold;
	color:#556655;
}
#container #main-content p.title-2 {
	font-size:1.25rem;
	font-weight:bold;
	color:#334433;
}
div.central-list {
	padding: .5em;
	padding-top: 1.5em;
}

/* Pie e la página */

div p.cita-caja {
    border-style: solid;
    border-width: 1px;
    border-color: #dfd0e8;
    margin-top: .5em;
    margin-bottom: .8em;
    padding: 2em;
    padding-top: .7em;
    padding-bottom: .7em;
    background-color: #f8fff0;
    border-left-width: .5em;
    color: #559055
}

iframe.video-container {
    position: relative;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 280px;
}

/* ----  FIN ---- */