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

/* Copia de sm-yoga.css. Es necesario agregar ../ a las referencias a imagenes */

#container {
  	background-color: #f0fffa;
}

* 
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
    user-select:none;
}

.mono-lang.lang-selector {
	
}
.mono-lang.lang-selector a{
	text-decorator: none;
}

.ejercicio-list .ejercicio-item p.desc {
	/* recover 1 */
    font-size: 1em;
}

.hidden {
	display:none;
}

div.traducible-container {
	position:relative;
	overflow: visible;
}
div.traducible {
	position:absolute;
	margin:20px; 
	font-size:14px; 
	margin-left:260px; 
	margin-top:0px;
}
div.traducible.off {
   visibility:hidden;  /* if no animation neither opacity */
   opacity: 0;
}

/* Cabecera */

#container #header-back {
	padding: 0px; 
  	background: url('../../../images/logo_top_800x90_back.png') repeat-x top left;
	height:96px;
}

#container #header-back #header-front {
	padding: 0 0px; 
	margin: 0px;
	background: url('../../../images/logo_top_800x90_front.png') no-repeat top left;
  	/* background: url('../../images/logo_top_800x90_front.png') no-repeat top left; */
	height:96px;
}

#container #header-back #header-front #page-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 1.5em; 
	font-style:normal;
	letter-spacing: 0.1em;
	color: #f0f0f0;
	padding-right:12px;
	padding-top:24px;
	padding-bottom:17px;
	border:none;
}

#container #header-back #header-front #menu-top-2 { 
    margin: 0px 5px 6px 5px; 
	line-height: 110%;  
	text-align:right;
	color: #eee;
	padding-right:10px;
} 
#container #header-back #header-front #menu-top-2 span { 
	border:solid;
	border-width: 1px;
	border-color: #f0f0f0;
	color: #003300;
	padding-top: 4px;
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 4px;
	border-radius: 4px;
}
#container #header-back #header-front #menu-top-2 span:hover { 
    background-color: #ffffff; 
	color: #003300;
	border-color: #a0c0a0;
} 
#container #header-back #header-front #menu-top-2 span:hover a{ 
   color: #003300;
}
#container #header-back #header-front #menu-top-2 a { 
	text-decoration:none; 
	border:none;
} 

#container #header-back #header-front #menu-top a:visited {

}

#container #header-back #header-front #menu-top-2 a:hover { 
	color: #003300;
} 

#container #header-back #header-front #menu-top a:active { 
    #background-color: #E9ECCF;
	color: #ff8800;
} 
	
/* Contenido informativo principal */

#container #main-content {
	margin: 0em;
	padding-bottom: 3em;
	color: #003060;  /* default oolor for all text */
    background-color: #f0fff8;
} 
	
#container #main-content h1,
#container #main-content .pf-title  {
	border-style:solid;
	border-width: 0px;
	border-bottom-width:2px;
	border-bottom-color:#a0cccc;
	margin-top: 1.2em;
	margin-bottom:.8em;
	font-size:22px;
	font-weight: bold;
	color:#403850;
	padding-bottom:0px;
}
#container #main-content .pf-title .pf-subtitle {
	font-size: .85em;
}
#container .pf-image-0 {
    padding:1px;
    border-style: solid;
    border-width: 1px;
    border-color: #206020;
}
#container #main-content h2 {
	border-style:solid;
	border-width: 0px;
	border-bottom-width:2px;
	border-bottom-color:#334488;
	margin-top: 1.2em;
	margin-bottom:.8em;
	font-size:16px;
	font-weight: bold;
	color:#fff;
	background-color:#458;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	border-radius: 2px 8px 8px 2px;
}
#container #main-content h3 {
	border-style:solid;
	border-width: 0px;
	border-bottom-width:1px;
	border-bottom-color:#cddddd;
	margin-top: 1.2em;
	margin-bottom:.8em;
	font-size:12px;
	font-weight: bold;
	color:#360;
	padding-bottom:0px;
}
#container #main-content h5 {
	border-style:solid;
	border-width: 0px;
	margin-top: 0.8em;
	margin-bottom:.4em;
	font-size:12px;
	color:#306;
	padding-bottom:0px;
}
#container #main-content image {
    padding:6px;
}
#container #main-content div.sec-3 {
    padding-left:24px;
	padding-right:10px;
}

#container #main-content div.sec-3 p {
    padding-top:0px;
	margin-top: 0.4em;
	margin-bottom:0.6em;
}

#container #main-content div.sec-3 .cita {
    padding-top:0px;
	margin-top: 1.2em;
	margin-bottom:1.5em;
	padding-left:6em;
	padding-right: 6em;
	color:#063;
}
#container #main-content div.sec-3 .cita .cita-titulo {
    font-weight: bold;
	color:#060;
}
#container #main-content div.sec-3 .cita .cita-texto {
    padding-top:0px;
	font-style:italic;
}
#container #main-content div.sec-3 .cita .cita-firma{
    padding-top:1em;
	font-weight: bold;
    text-align:right;
	font-size:90%;
}
.borde-hoja {
	margin:1.5em;
	padding:2em;
	padding-left:3.5em;
	border-style:solid;
	border-width:1px;
	border-color:#a0a0a0;
	-webkit-box-shadow: 1px 3px 5px #808080;
	-moz-box-shadow: 1px 3px 5px #808080;
	-ms-box-shadow: 1px 3px 5px #808080;
	box-shadow: 1px 3px 5px #808080;
}
#container #main-content  .lista-indentada {
	padding-left: 3em;
}
#container #main-content  .lista-indentada p {
	text-indent: -2em;
	margin-top: 0.6em;
	margin-bottom: 0.8em
}

#container #main-content  div.sec-3 .lista-indentada {
	padding-left: 3em;
}
#container #main-content  div.sec-3 .lista-indentada p {
	text-indent: -2em;
	margin-top: 0.6em;
	margin-bottom: 0.8em
}

#container #main-content #main-milenario {
	padding:20px; 
	padding-top:0px;
	padding-right:90px;
	font-size:14px; 
	padding-left:260px;
}
#container #main-content #main-milenario .firma-sergio {
   float:right;
   position:relative;
   top:-10px;
   right:12px;margin:0px;
   padding:0px;
   font-weight:bold;
   color:#069;
}
#container #main-content #main-milenario h1#titulo-principal {
   margin-top:0px;
   padding-top:2px;
   margin-bottom:16px;
   padding-bottom:0px;
}
#container .lista-apartados .item-apartado {
	border-style:solid;
	border-width:1px;
	border-color:#f0fff8;
	background-color:#E2E9DA;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:12px;
	padding-right:12px;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-o-border-radius: 8px 8px 8px 8px;
	-ms-border-radius: 8px 8px 8px 8px;
}

#container .lista-apartados .grupo-apartado {
	border-style:none;
	border-width:1px;
	border-color:#eeeeee;
	padding-top:2px;
	padding-bottom:2px;
}

   	
#container .lista-apartados .item-apartado a{
   color:#609050;
}
#container .lista-apartados .item-apartado:hover {
	border-color:#80a0c0;
	background-color:#FFF;
	cursor:pointer;
	color:#00a060;
	text-decoration:underline;
}
#container .lista-apartados .item-apartado:hover a {
	cursor:pointer;
	color:#000040;
	text-decoration:underline;
}
#container .lista-apartados .item-apartado a:hover{
	color:#000040;
    text-decoration:underline;
}
/* Barra lateral */	

#container #sidebar {  
    float: left;
    width: 180px;
	height: 550px;
	min-height:550px;
	height: 100%;
    background: url('../../../images/border_top_gradient.png') repeat-x top left;
    padding:10px;
}
		
.ruta-paginas {
	padding-top:4px;
	padding-bottom:6px;
	
}
.ruta-paginas p {
	text-align:left;
    padding-left:2em;
	padding-right:2em;
	margin:0px;
}

.multi-lang.lang-selector {
    padding-left:40px;
	padding-top: 1em;
	font-size:11px;
	background-image:url(../../../images/icon-multilanguage-24.png);
	background-position:8px 6px;
	background-repeat:no-repeat;
}
.multi-lang.lang-selector a {
	text-decoration: none;
}

/* Pie e la página */

#container #footer { 
	margin-top: 0em; 
    background: url('../../../images/border_top_gradient.png') repeat-x top left;
	background-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #4f4f4f;
	border-color: #006666;
	border-width: 1px;
	padding-top: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
	clear:both;
	bottom: 0px;
	height: 24px;
} 

#container #footer #foot-email {
	color: #999999;
	text-decoration: none;
}
#container #footer #foot-email a{
	font-size:12px;
	color: #999999;
	text-decoration:none;
}
#container #footer #foot-email a:hover{
	color: #666666;
	text-decoration: none;
}

#container #footer #menuBottom { 
    margin: 0px 5px 6px 5px; 
	line-height: 110%;  
	text-align:right;
} 

#container #footer #menuBottom a { 
    color: #003333; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 0px;
	text-decoration:none; 

} 

#container #footer #menuBottom a:visited {
    color: #003333
}

#container #footer #menuBottom a:hover { 
    background-color: #ffffff; 
	color: #dd5500;
} 

#container #footer #menuBottom a:active { 
    background-color: #fffff0; 
	color: #dd5500;
} 
.ilustration-by {
	font-size:11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

#lang {
    display: none;
}

.image-container {
	background:#f0f0ff;
	margin-bottom: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #a0e0d0;
    margin-bottom: .5em;
}
.image-container p.image-footer {
   margin:0px;
   padding: 0px;
   text-align: center;
   font-size: .85em;
   font-weight: bold;
}

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