/****** ESTILOS PREDETERMINADOS *****/
#PW_EnConstruccion{font-size:16px;font-weight:bold;background:#FF9;color:#900; padding:1em;border:1px solid #F90; display:block;}
@media (max-width: 480px) 
{
	body {	padding-top: 0px;}
	#Pagina{width:100%; }	
}
@media (min-width: 480px) and (max-width: 767px) 
{
	body {	padding-top: 0px;}
	#Pagina{width:100%; }	
}
@media (min-width: 768px) and (max-width: 979px) 
{
	body {	padding-top: 0px;}
	#Pagina{width:100%; }	
}
@media (min-width: 980px) and (max-width: 1200px)
{
	body {	padding-top: 0px;}
	#Pagina{width:100%; }	
}
@media (min-width: 1200px) 
{
	body {	padding-top: 0px;}
	#Pagina{width:100%; }	
}
#Idioma{float:right; line-height:35px;}
#Pie{ font-size:85%; color:#333;}
#Pagina{ margin-top:0px; margin-bottom:4px; }
#Idioma a{font-size:85%; color:#333;display:inline-block;} /* compatibilidad IE8*/
#Texto a{text-decoration:underline}
#Area{ margin-top: 1em;	}
#NombreSite{ margin-top: 1em; display:none;	}
#Navegador{	padding:0px 20px;}
#Toolbar {	text-align:right;}
/*#Encabezado{margin-bottom:1em;}*/
#EncabezadoDer{	text-align: center;	font-size: 1.5em;	font-weight:bold;}
#Pagina {background-color: #eee;margin-left:auto;margin-right:auto;}
/*#EncabezadoBase{margin-top:-1px;box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);}*/
#logo{ padding-top:20px;padding-left:20px;}
#logo2{ padding-top:20px;padding-right:20px;text-align:right;}
#RedesSociales{ float:right;line-height:35px; margin-left: 2em; }
#RedesSociales a{display:inline-block;} /* compatibilidad IE8*/
#Texto{padding-left:20px;padding-right:20px; margin-bottom:40px;}
#TextoBase a { color: #039;}
#TextoBase a:hover { text-decoration: underline; color: #832121}
#Texto >.container { margin-left: -20px; margin-right: -20px;}
#MenuLogIn{display:inline-block; float:right;}
#Menu{display:inline-block; float:left;}
.brand a:hover { text-decoration: none;}
h1{margin-top:0px;padding-top:0px;}
#Pagina{margin-top:-0px;}
/****** ESTILOS ESPECIFICOS *****/
body  {background: #fff; }
#Pagina {background: #fff; }
#Texto { background:#fff }
#TituloCol { background:#fff; border-top:1px solid #eee; /*border-top-left-radius:5px; border-top-right-radius:5px;*/ }
#TextoCol{ background:#fff; /*border-bottom-left-radius:5px; border-bottom-right-radius:5px;*/ }
#logo { padding-left:0; }
@media (max-width: 767px) {
	#logo { width:100%; background:#fff; padding-top:0px; }
	#Titulo h1 { font-size:18px; }
}
/*
@media (min-width: 1200px) { 
	#logo img { width:100% } /* estirar cabecera (>1200) */
/*}*/
/*#EncabezadoBase  { background:#eee } /* esto hacia mas clara la cabecera */
#Titulo h1 {padding:16px 16px 8px 16px; /*border-bottom: 1px dotted #ccc;*/ font-variant:small-caps; color:#3871C1; font-weight:bold; font-size:32px }
/* retoques menu: */
#menu ul { margin-bottom:10px }
#menu ul li  a{ font-weight:bold }
#menu li a { /*background:#3871C1; color:#eee;*/ font-size:18px; padding:12px; padding-left:24px/*abajo mas*/ }
#menu li a:hover { color:#45C1E5; background:#fff; text-decoration:underline; }
#menu li.active a { background:#fff; color:#039; }
#menu li { margin:0px } /* separar un poco mas los botones del menu */
@media (min-width: 1200px) { /* agrandar un poco el menu */
	#menu li a { font-size:22px; padding:16px }
	#menu li { margin:16px; }
}
@media (max-width: 980px) {
	#menu li:not(:last-child) { border-bottom:1px solid #45C1E5; }
}
@media (min-width: 979px) {
	#menu li:not(:first-child) { border-left:1px solid #45C1E5; }
}
#CompartirEnRS  { text-align:right; margin-top:20px; padding-top:10px; /*border-top:1px dotted #ccc; */ }

/* estilos adicionales plantilla Habitos */
h2 { font-size:32px; color:#274076 }

#bannerTituloSitio { 
	text-shadow: 
        -1px -1px 0 black,  /* Borde izquierdo superior */
        1px -1px 0 black,   /* Borde derecho superior */
        -1px 1px 0 black,   /* Borde izquierdo inferior */
        2px 2px 0 black,    /* Borde derecho inferior */
        0 0 8px #000000;    /* Sombra */	
	height:300px; 
	padding:20px; 
	font-size:48px; 
	line-height:50px; 
	color:white; 
	background-size:cover;
	background-position:center;
	text-align:center;
}
#losLogos img { /*max-height:100px;*/ padding:4px; }

@media (max-width: 767px) 
{
	#bannerTituloSitio { height:150px; font-size:/*28px*/ 22px; line-height:/*30px*/ 24px }
	#losLogos img { max-height:130px; max-width:180px; padding:4px; padding-top:20px; }
}
@media (min-width: 1200px) 
{
	#bannerTituloSitio { height:250px; font-size:52px/*64px*/; line-height:56px/*70px*/; padding:60px 20px;}
	#losLogos img { max-height:130px; padding-top:10px; }
	#menu li a { padding-left:32px }
}

.masGrande { font-size:130%; line-height:130% }