@font-face {
	font-family: 'Futura-Condensed-BoldRegular';
	src: url('futura-condensed-bold-webfont.eot');
	src: local('☺'), url('futura-condensed-bold-webfont.woff') format('woff'), 
	url('futura-condensed-bold-webfont.ttf') format('truetype'), 
	url('futura-condensed-bold-webfont.svg#webfonts4nelDQh') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Futura-Condensed-BoldRegular', 'Arial Narrow', sans-serif !important;
	background: #0d0d0e url(../img/fondo.jpg) repeat-x;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #fff;
	
} 
h1 , #contacto h2{
	position: absolute;
	font-size: 1em;
	text-indent: -5000px;
	color: #5375D0;
	text-align: left;
	display: block;
	top: -400px;
}



a{ 	color:#919191;
	text-decoration:none;}
a:hover{text-decoration:none;}

#main {
	background-image:url(../img/fondo_int.jpg)!important;
	background-repeat:no-repeat;
	margin:0 auto;
	width:980px;
	text-align:left;
	word-spacing:3px;
	min-height: 800px;
	}
* { margin:0; padding:0;}

#header
{
	 
	background:url(../img/header.jpg) 0 0 no-repeat; 
	height:90px;
	width:980px;
	
}

#logo
{ 
position:absolute; 
margin:10px 0 0 0px; 
top:0;
}
#logo a img 
{ 
border: solid  0px #fff;
text-decoration:none;
}

#nav
{
	position:absolute; 
	height:36px;
	margin:60px 0 0 425px;
	
}

#nav a
{
	margin-right:30px;
	color:#919191;
	text-decoration:none;
	font-size:25px;
}
#nav a:hover
{

	color:#fff;
	
}
#nav a.selected
{
	text-decoration: none;
	background-image: none;

}


#contenido

{
		
		width: 980px;
	
}


.menu
{
	height:403px;
	width: 203px;
	margin:54px 0 0 37px;
	float:left;
	text-align:center;
	font-family: 'Futura-Condensed-BoldRegular', 'Arial Narrow', sans-serif !important;

}

#accordion
{
		height:403px;
		width: 203px;
		margin:50px 0 0 37px;
		float:left !important;		
		text-align:center;
}

.menu h5 
{
	font-size:19px;
	width:203px;
	height:49px;
	margin:0px !important;
	color:#919191;
	text-transform:uppercase;
}

.menu h5 a
{
	font-size:17px;
	padding:15px 0 0 0;
	display:block;
	width:203px;
	height:30px;
	text-decoration:none;

	
}
.menu h5 a:hover
{
	color:#fff;
	background-image: url(../img/boton_menu.png);
	
}
.titleSin
{
	margin:0;
	background-image: url(../img/boton_menu.png);
	background-repeat: no-repeat;
	background-position: top;
}
.title
{
	margin:0;
	background-image: url(../img/boton_menu.png);
	background-repeat: no-repeat;
	background-position: top;
}
.selected
{
	font-size:18px;
	margin:0;
	color:#5375D0 !important;
	cursor: default;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
}
.menu h5 a.selected {
	background-image: url(../img/boton_menu.png);
}
.selected a
{
background: url(../img/boton_menudesplegado.jpg) top no-repeat !important;
font-size:18px;
margin:0;
color:#fff !important;
}
.unselected
{
background: url(../img/1.png) top no-repeat !important;
font-size:18px;
margin:0;
	color:#919191;
}

.menucontents
{
	display:block;
	width:186px;
	height:auto;
	color:#e6e6e6;
	text-decoration:none;
	background: url(../img/boton_menudesplegado.jpg) 0 -62px no-repeat  !important;
	word-spacing:5px;
	text-transform:uppercase;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.menucontents li
{
	
	text-align:left;
	color:#e6e6e6;
	text-decoration:none;
}
.menucontents a
{

	color:#e6e6e6;
	text-decoration:none;
}
.menucontents li a.selected {
	background-image: none;
}




.menupeq
{

height:90px !important;
}
.menucontentsSin
{
	padding:0px;
	margin:0px 0 0 0;
	display:block;
	width:203px;
	height:0px !important;
	color:#fff;
	text-decoration:none;
	background:transparent url(../img/boton_menudesplegado.jpg) 0 -62px no-repeat  !important;

}
.menucontents ul
{

	margin:0px 0 0 0;
}	
.menucontents li
{
	font-size:15px;
	list-style-type:none;
	padding:5px;
}

.menucontents li a
{
	font-size:16px;

}

.menucontents li a:hover
{
	color:#fff;

}
		
.liselect
{
	color:#ffd905 !important;
}

.video
{
	margin:28px 40px 0 37px;
	height:400px;
	line-height:400px;
	text-align: center;
	width: 640px;
	float:right !important;
	background-color: #000;
}


#footer
{
	margin:14px 20px 0 0px;
		text-align:center;
		width: 680px;
		float:right !important;

}





.idioma 
{
	margin:0px 0 0 0px;
	width:240px;
	color:#919191;
	text-decoration:none;
	text-align:left;
	float:left;
	
}
.idioma a
{
	display:inline !important;
	color:#919191;
	text-decoration:none;
	
}
.idioma a.selected
{
	text-decoration:none;
	background-image: none;
	
}
 .sel
{

	color:#fff !important;
	text-decoration:none;
	
}

.legal
{
	width:240px;
	float:left;
	text-align:right;
	color:#292d2e;

}
* {
outline: 0;

}

.arial
{ 

}

.backintro
{
width:200px;
float:left;
text-align:right;
font-size:1em; 
color:#292d2e;
text-align:center;
}

.iempresa
{
margin:10px 0 0 0 !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size:10px !important;
text-align:center;
color:#292d2e;
clear:both;
}
.iempresa a
{
font-family:Arial, Helvetica, sans-serif !important;
font-size:10px !important;
}
.aclara15
{
clear:both;
height:15px;
}
.aclara
{
clear:both;

}
#contacto , #diseno{
	line-height: normal;
}
#diseno h1   {
	position: relative;
	text-indent: 0px;
	margin-top: 2.5em;
	margin-bottom: 1em;
}
#contacto p {
	font-size: 1em;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: normal;
	color: #999;
	margin-top: 150px;
	font-weight: bold;
	margin-left: -30px;
}
#diseno h1 {
	margin-top: 0.7em;
}

#diseno p , #diseno ul{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin-right: 1em;
	margin-left: 1em;
	line-height: normal;
	color: #CCC;
}
#diseno ul {
	margin-top: 1em;
	margin-left: 3.5em;
}
#diseno li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


#contacto a , #diseno a{
	color: #5375D0;
}
#contacto a:hover, #contacto a:focus, #contacto a:active,   #diseno a:hover, #diseno a:focus, #diseno a:active {
	text-decoration:underline; 
}