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

/*------ FONTS ---------------------------*/

@font-face {
    font-family: 'DinRegular';
    src: url('fonts/dinr-webfont.eot');
    src: url('fonts/dinr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinr-webfont.woff') format('woff'),
         url('fonts/dinr-webfont.ttf') format('truetype'),
		 url('fonts/dinr-webfont.svg#DinRegular') format('svg');
    font-weight:100;
    font-style:normal;
}

@font-face {
    font-family: 'DinMedium';
    src: url('fonts/dinma-webfont.eot');
    src: url('fonts/dinma-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinma-webfont.woff') format('woff'),
         url('fonts/dinma-webfont.ttf') format('truetype'),
		 url('fonts/dinma-webfont.svg#DinMedium') format('svg');
    font-weight:normal;
    font-style:normal;
}

body {
	background:url(../images/fondo.jpg) no-repeat center center fixed; 
	background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
	background-repeat:no-repeat;
    font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
    margin:0;
    padding:0;
    height:100%;
	
	max-width: 100%;
    overflow-x: hidden;
}

#wrapper {
	width:100%;
	height:100%;
	min-height:650px;
    position:absolute;
	overflow:hidden;
	overflow-x:hidden;
}

/* Header =================================================== */

#header{
	position:fixed;
	background:url(../images/header.jpg) no-repeat;
	background-size: cover;
    width:100%;
	height:180px;
	top:0px;
	z-index:10;
}

#submenu{
	position:relative;
	float:right;
	width:450px; 
	height:auto;
	margin-top:85px;
	left:5px;
	z-index:1;
}

#submenu .menu li {
	display: inline;
	list-style-type: none;
	padding:0px 7px 0px 5px;
	border-right:#414042 1px solid;
}
#submenu .menu li.last{ 
    border-right:none;
}
#submenu .menu li a{
	font-size:10px;
	color:#414042;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:1.0em;
}
#submenu .menu li a:link{
	color:#414042;
}
#submenu .menu li a:hover{
	color:#DB1F26;
}
#submenu .menu li a:active{
	color:#DB1F26;
}
#submenu .menu img {
	margin-bottom:-3px;
}

.submenubtnactivo{
	font-size:10px;
	color:#DB1F26;
	text-decoration:none;
	text-align:center;
	line-height:1.0em;
}

#encabezado {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:112px;
	top:20px;
}

.logo{
	position:relative;
	float:left;
	left:40%;
}

.logoSWF{
	position:relative;
	float:left;
	left:40%;
	margin-top:-17px;
}

#header-nav{
	position:fixed;
	background:url(../images/fondo_menu.jpg) repeat-x;
	margin:0 auto;
	top:153px;
	width:100%;
	height:28px;
}



/* Menu ----------------------------------------------------- */

#nav{
	position:absolute;
	float:right;
	right:15%;
	bottom:0px;
	width:850px; 
	height:28px;
	top:-11px;
}

#nav .menu li {
	display: inline;
	list-style-type: none;
	padding:0px 3px 0px 0px;
	border-right:#666 1px solid;
}
#nav .menu li.last{ 
    border-right:none;
}

#nav .menu li a{
	padding:7px 20px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:2.0em;
}
#nav .menu li a:link{
	color:#fff;
}
#nav .menu li a:hover{
	color:#fff;
	background:#DB1F26;
}
#nav .menu li a:active{
	color:#fff;
	background:#DB1F26;
}

#nav .menu li .current{
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:2.0em;
	background:#DB1F26;
}

.separador {
	position:relative;
	margin:0 auto;
	top:35px;
}

/* Contenidos =============================================== */

#cintillo {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:12px;
	margin-top:1px;
}

#main-content {
	position:absolute;
	margin:0 auto;
	width:64px;
	height:auto;
	top:180px;
	background:#f00;
}

#home {
	position:relative;
	display:block;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:1px;
	margin-bottom:250px;
	
}
#acerca, #presencia, #empresas, #filosofia, #contacto, #ley, #comunicados {
	position:relative;
	display:block;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-bottom:500px;
	background:#fff;
	background:url(../images/bgcontenidos.png) no-repeat;
	
}

/*#ley {
	position:relative;
	display:block;
	margin:0 auto;
	width:700px;
	height:375px;
	margin-bottom:500px;
	background:#fff;
	background:url(../images/bgcontenidos.png) no-repeat;
	
}*/


/*#contacto {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:100px;
	margin-bottom:500px;
	background:#fff;
	
}*/

#marker{
	background-color:#0F0;
	width:10px;
	height:10px;
	z-index:200;
	position:relative;
	top:500px;
	left:-220px;
	z-index:10;
}

/*---- Home ----*/

#contenido {
	position:relative;
	margin:0 auto;
	width:850px;
	height:363px;
	top:0px;
}

#ruleta {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:363px;
	margin-top:1px;
}

/*---- Acerca ----*/

/*#acerca {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:1px;
	background-color:#FFF;
	background:url(../images/bgcontenidos.png) no-repeat;
}*/

#acerca .contenido {
	position:relative;
	margin:0 auto;
	width:900px;
	height:300px;
	
	color:#000;
	font-size:13px;
	line-height:1.0em;
	text-align:left;
}

#acerca .contenido li {
	list-style-image: url("../images/bullet.png");
	line-height:1.5em;
	padding-left:-25px;
}

#acerca .columna1 {
	position:relative;
	float:left;
	width:500px;
	height:270px;
	padding-right:15px;
	margin-top:-15px;
	margin-left:-3px;
	/*border-right:#000 2px dotted;*/
	
	text-align:justify;
}

#acerca .columna3 {
	position:relative;
	float:left;
	width:283px;
	height:auto;
	margin-left:30px;
}

/*---- Presencia ----*/

/*#presencia {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:1px;
	background:url(../images/mapa.png) no-repeat;
}*/

/*---- Empresas ----*/

/*#empresas {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:1px;
}*/

/*---- Filosofía ----*/

/*#filosofia {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:1px;
	background-color:#FFF;
	background:url(../images/bgcontenidos.png) no-repeat;
}*/

#filosofia .contenido {
	position:relative;
	margin:0 auto;
	width:900px;
	height:300px;
	
	color:#000;
	font-size:13px;
	line-height:1.0em;
	text-align:left;
	
}

#filosofia .contenido li {
	list-style:none;
	line-height:1.5em;
}

#filosofia .columna1 {
	position:relative;
	float:left;
	width:330px;
	height:270px;
	padding-right:15px;
	border-right:#000 2px dotted;
	
	text-align:justify;
}

#filosofia .columna2 {
	position:relative;
	float:left;
	width:200px;
	height:auto;
	margin-left:30px;
	
	text-align:justify;
}

#filosofia .columna3 {
	position:relative;
	float:left;
	width:283px;
	height:auto;
	margin-left:30px;
}

#filosofia .contenido h1 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
}

#filosofia .contenido h2 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#DB1F26;
	font-size:14px;
	font-weight:300;
	text-transform:uppercase;
	margin-top:-10px;
}

#filosofia .contenido h3 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:2px;
}

/*---- Contacto ----*/

/*#contacto {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:1px;
	background-color:#FFF;
	background:url(../images/bgcontenidos.png) no-repeat;
}*/

#contenidoContacto {
	position:relative;
	margin:0 auto;
	width:900px;
	height:300px;
	margin-left:120px;
	
	color:#000;
	font-size:13px;
	line-height:1.0em;
	text-align:left;
}

#columnaContacto {
	position:relative;
	float:left;
	width:800px;
	height:auto;
	margin-right:15px;
	background:none;
	
	color:#000;
	font-size:13px;
	line-height:1.0em;
	text-align:left;
	
}

.txtContacto {
	font-size:13px;
	color:#000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height:1.5em;
	text-align:left;
	padding:5px;
}

#error, #exito {
	position:relative;
	display:block;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:180px;
	background:#fff;
	background:url(../images/bgcontenidos.png) no-repeat;
	
}

/*---- Ley ----*/

/*#ley {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:375px;
	margin-top:1px;
	background-color:#FFF;
	background:url(../images/bgcontenidos.png) no-repeat;
}*/


#ley .contenido {
	position:relative;
	margin:0 auto;
	width:900px;
	height:350px;
	
	
	color:#000;
	font-size:13px;
	line-height:1.0em;
	text-align:left;
	
}

#ley .contenido li {
	list-style-image: url("../images/bullet.png");
	line-height:1.5em;
	padding-left:-25px;
}
#ley .contenido li a {
	font-size:10px;
	color:#414042;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:1.0em;
}
#ley .contenido li a:link{
	color:#414042;
}
#ley .contenido li a:hover{
	color:#DB1F26;
}
#ley .contenido li a:active{
	color:#DB1F26;
}

#ley .columna1 {
	position:relative;
	float:left;
	width:600px;
	height:280px;
	padding-right:15px;
	padding-top:10px;
	overflow:auto;
	
	text-align:justify;
}

#ley .columna2 {
	position:relative;
	float:left;
	width:250px;
	height:auto;
	margin-left:30px;
	text-align:left;
	/*text-align:justify;*/
}


#ley .contenido h1 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
}

#ley .contenido h2 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	font-weight:300;
	text-transform:uppercase;
	margin-top:-10px;
}


/* Comunicados ============================================== */

#comunicados .contenido {
	position:relative;
	margin:0 auto;
	width:900px;
	height:350px;
	
	
	color:#000;
	font-size:13px;
	line-height:1.0em;
	text-align:left;
	
}

#comunicados .contenido li {
	list-style-image: url("../images/bullet.png");
	line-height:1.5em;
	padding-left:-25px;
}
#comunicados .contenido li a {
	font-size:10px;
	color:#414042;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:1.0em;
}
#comunicados .contenido li a:link{
	color:#414042;
}
#comunicados .contenido li a:hover{
	color:#DB1F26;
}
#comunicados .contenido li a:active{
	color:#DB1F26;
}

#comunicados .columna1 {
	position:relative;
	float:left;
	width:900px;
	height:280px;
	padding-right:15px;
	padding-top:10px;
	overflow:auto;
	
	text-align:justify;
}

#comunicados .contenido h1 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
}

#comunicados .contenido h2 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	font-weight:300;
	text-transform:uppercase;
	margin-top:-10px;
}

/* Textos =================================================== */

h1 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
}

h2 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
}

h3 {
	font-family: 'DinMedium', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:2px;
}

.bullet {
	margin-left:0px;
	padding-right:3px;
}

p {
	font-size:13px;
	color:#000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height:1.0em;
	text-align:left;
	padding:5px;
}

.txtcontacto {
	font-size:13px;
	color:#58585A;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height:1.0em;
	text-align:justify;
	padding:5px;
}
.link {
	font-size:13px;
	color:#ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height:1.0em;
	text-align:left;
	padding:5px;
	text-decoration:underline;
}

/*DB1F26*/

/* Footer =================================================== */

#logos{
	position:relative;
	margin:0 auto;
	width:740px;
	height:47px;
	margin-top:7%;
}

#footer{
	position:fixed;
	background:url(../images/footer.jpg) repeat-x;
	width:100%;
	height:67px;
	bottom:0px;
}

.infoFooter {
	position:relative;
	margin:0 auto;
	width:827px;
	height:auto;
	margin-bottom:0px;
}

.logoFooter{
    position:relative;
	float:right;
	top:13px;
}

.clear{
	clear:both;
}

/* Inglés =================================================== */

#submenuEnglish{
	position:relative;
	float:right;
	width:350px; 
	height:auto;
	margin-top:85px;
	left:47px;
	z-index:1;
}

#submenuEnglish .menu li {
	display: inline;
	list-style-type: none;
	padding:0px 7px 0px 5px;
	border-right:#414042 1px solid;
}
#submenuEnglish .menu li.last{ 
    border-right:none;
}
#submenuEnglish .menu li a{
	font-size:10px;
	color:#414042;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	line-height:1.0em;
}
#submenuEnglish .menu li a:link{
	color:#414042;
}
#submenuEnglish .menu li a:hover{
	color:#DB1F26;
}
#submenuEnglish .menu li a:active{
	color:#DB1F26;
}
#submenuEnglish .menu img {
	margin-bottom:-3px;
}