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

/* ~~ este contenedor rodea a todas las demás divs, lo que les asigna su anchura basada en porcentaje ~~ */
.container {
	width: 1%;
	max-width: 1000px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	min-width: 1000px;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
	background-image: url()
}
.content {
	max-width: 900px;
    padding: 0px 0;

}

/* ~~ Este selector agrupado da espacio a las listas del área de .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* este relleno reproduce en espejo el relleno derecho de la regla de encabezados y de párrafo incluida más arriba. El relleno se ha colocado en la parte inferior para que el espacio existente entre otros elementos de la lista y a la izquierda cree la sangría. Estos pueden ajustarse como se desee. */
}

/* ~~ este contenedor rodea a todas las demás divs, lo que les asigna su anchura basada en porcentaje  solo en en el INDEX~~ */
.container-index {
	width: 1%;
	max-width: 100%;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	min-width: 100%;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
	background-image: url()
}

#scroll{
	background: #fff;
	margin: 20px auto;
	text-align: center;
	height: 350px;
	width: 450px;
	overflow: hidden;
	overflow-y: auto;
	white-space: nowrap; 
	box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
}

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
body{
	margin:0;
	/*text-align:center;*/
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11pt;
	f__ont-weight:bold;
	color:#999999;
}
ul, ol, dl {
	padding: 0 0 0 15px;
	margin: 0;
	l_ist-style:none;
}
li{
	padding-bottom:10px;
}
h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding: 0px;
}
a{
	text-decoration:none;
	outline:0;
	color:#947877;
}
a:hover, a:active, a:focus{
	text-decoration: none;
}
a img{
	border: none;
}
object, embed{
	outline:none;
}

#wrapper{
	width:1000px;
	margin:auto;
	text-align:left;
	background-color:#0e1317;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.container tr #pie table tr td #politica_privacidad2 #politica_privacidad p .texto_pie2 {
	text-align: center;
}


a.logo_esr{
	float:left;
	margin-right:30px;
}

a.btn_blog{
	float:left;
	display:block;
	text-align:center;
	width:70px;
	padding:8px 0;
	background-color:#47adda;
	border-top:solid 1px rgba(255,255,255,0.5);
	border-bottom:solid 1px rgba(0,0,0,0.5);
	border-radius:5px;
	color:#FFFFFF;
	font-size:12px;
	box-shadow:0px 1px 4px #000000;
	margin-top:3px;
}
a.btn_blog:hover{
	background-color:#47adda;
}
a.btn_lie{
	float:left;
	margin:5px 0 0 30px;
}

a.btn_lenguaje{
	float:right;
	margin:0 10px;
	d_isplay:none;
}




.scroll-movil {
        display: none;
		text-align: center;
        }
.scroll-movil-boton {
        display: inline-block;
        text-align: center;
        width: 20%;
        cursor: pointer;
        }