﻿											/*++++++++++++++++++++++++++ETIQUETAS GENERALES+++++++++++++++++++++++++++*/
html{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background-color:#000000;					
	color:#FFFFFF;								
	font-family:Arial, Helvetica, sans-serif;	
	font-size:75%;								
    margin:0;
    padding:0;
	width:100%;
	height:100%;
}
h1{
	margin:0;
	border:0;
	padding:0;
}
img{
	margin:0;
	border:0;
	padding:0;
}

														/*++++++++++++++++++++++++++PORTADA+++++++++++++++++++++++++++*/
img.portada{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
div.marca{
	position:absolute;
	bottom:20px;		
	left:0;
	right:0;	
	border:0;
	margin:0;
	padding:0;
	width:100%;	
	height:30px;									
}
span.texto_portada{								
	color:#FFFF00;			 					
	font-family:Arial, Helvetica, sans-serif; 	 
	font-size:2em;								
	position:absolute;
	left:20px;									
}
ul.menu_idiomas{								
	position:absolute;
	right:30px;									
	list-style:none;	
	margin:0;
	padding:0;
}
ul.menu_idiomas li{								
	float:left;
	width:33px;
	height:22px;
	margin:5px;
	padding:0;
	border:0;	
}
li#bandera_catalana{
	background:url('../imagenes/bandera_catalana.gif') no-repeat top left
}
li#bandera_spain{
	background:url('../imagenes/bandera_spain.gif') no-repeat top left;
}
li#bandera_inglesa{
	background:url('../imagenes/bandera_United_Kingdom.gif') no-repeat top left;
}
ul.menu_idiomas li a{    
	color:#FFFFFF;
    text-decoration: none;	
	display:inline-block;
	outline:0;
}
ul.menu_idiomas span{
	visibility:hidden;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
	font-size:9px;                    							 
	display:block;
	width:33px;													
	height:22px;
	vertical-align:middle;
}											/*++++++++++++++++++++++++++MAQUETACION BASE+++++++++++++++++++++++++++*/
div.cabecera,
div.pie {
	background-color:#000000; 
    padding: 3px;
    border: 1px solid #000000; 
    max-width: 994px;
    min-width: 744px;
    margin: auto;	
	position:relative;
}
div.cabecera{
	border-bottom: none;
}
div.pie{
	border-top: none;
}
div.pagina {
	position: relative;
    min-height: 400px;
    border: 1px solid #000000;  
    background-color:#000000;	
    max-width: 1000px;
    min-width: 750px;
    margin: auto;
	padding:0;
}

													/*++++++++++++++++++++++++++CABECERA+++++++++++++++++++++++++++*/
img.logo{
	margin:8px 0 0 22px;
	border:0;
	padding:0;
}
h1.contenido{
	position:absolute;
	right:101px; 
	top:10px;
	font-weight:normal;
	color:#FFFF00;								 
	font-family:Arial, Helvetica, sans-serif; 	 
	font-size:2em;
	word-spacing:0.1em;													
}
div.volver{
	padding:0;
	margin:0;
	border:0;				
	color:#CCCCCC;								
	position:absolute;					
	top:100px;			
	right:101px;	
	}
div.volver a{
	text-decoration:none;
	color:#999999;								
	font-size:0.9em;
	outline:0; 							
}
div.volver a:hover{
    text-decoration: none;
	color:#CCCC00;		
	outline:0;						
}
div.social{
padding:0;
margin:0;
border:0;
position:absolute;
top:58px;
right:101px;			
}
div.blog{
padding:0;
margin:0;
border:0;
position:absolute;
top:64px;
right:155px;
font-size:2em;		
}
div.blog a{
	text-decoration:none;
	color:#999999;								
	font-size:0.9em;
	outline:0; 							
}
div.blog a:hover{
    text-decoration: none;
	color:#CCCC00;		
	outline:0;						
}


													/*++++++++++++++++++++++++++PAGINA+++++++++++++++++++++++++++*/
div.primera_columna {
	position: absolute;
    top: 0;
    bottom: 0;
	left: 0;
    border: 1px solid #000000;  
	background-color:#000000;
    width: 200px;
    margin: 3px;
	padding:0;
}
div.contenido {
	position:relative;
	background-color:#000000;
    border:1px solid #000000;  
	margin:3px 30px 3px 238px;
	padding:0;    
	min-height:392px; 
}
* html div.contenido{
	height:1%;
}
													/*++++++++++++++++++++++++++MENU PRINCIPAL+++++++++++++++++++++++++++*/
ul.menu{
	list-style:none;
	margin:30px 0 0 35px;
	padding:0;
}
ul.menu li a{    
	color:#FF0000;											
    text-decoration: none;	
	display:inline-block;
    outline:0;
}
ul.menu li a:hover{    
	color:#CCCC00;											
    text-decoration: none;	
	display:inline-block;
	cursor:pointer;
	outline:0;
}
ul.menu span{
	font-size:1em;											
	/*font-weight:bold;*/										
	display:block;
	width:180px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;				
}
													/*++++++++++++++++++++++++++MENU PRODUCTOS+++++++++++++++++++++++++++*/
ul#menu_productos{
	list-style:none;
	margin:0 0 0 45px;
	padding:0;
}
ul.menu li a{    
	color:#FF0000;
    text-decoration: none;	
	display:inline-block;
}
ul.menu li a:hover{    
	color:#CCCC00;
    text-decoration: none;	
	display:inline-block;
	outline:0;
}
ul.menu li a:active{    
	color:#FFFFFF;
    text-decoration: none;	
	display:inline-block;
	outline:0;
}
ul#menu_productos span{
	font-size:1em;												
	/*font-weight:bold;			*/								
	font-family:Arial, Helvetica, sans-serif;					
	display:block;
	width:180px;
	height:25px;
}
ul#menu_productos span.actual_prod{
	color:#FFFF00;
}
														/*++++++++++++++++++++++++++MENU PIE+++++++++++++++++++++++++++*/
div.menu_horizontal{
	position:absolute;
	left:25%;
	right:0;
	top:0;
	bottom:10%;
	padding:0;
	border:0;
	margin:0;
	height:23px;
	width:67%;
}
div.menu_horizontal a{
	position:absolute;
	display:inline-block;
	bottom:0;
	margin:0;
	padding:0;
	border:0;
	height:23px;
	text-align:center;
	color:#FF0000;
	/*font-weight:bold;	*/
    text-decoration: none;		
	outline:0;
	}
a.uno{
	left:0;
}
a.dos{
	left:17%;
}
a.tres{
	left:34%;
}
a.cuatro{
	left:51%;
}
a.cinco{
	left:68%;
}
a.seis{
	left:85%;
}
a#actual{
	color:#FFFFFF;
	cursor:text;
}
div.menu_horizontal a:hover{    
	color:#CCCC00;
	cursor:pointer;
	outline:0;
}
div.menu_horizontal span{
	position:absolute;
	display:block;
	width:78px;
	margin:0;
	padding:0;
	border:0;
}
div.copy{
	position:absolute;
	top:20px;
	left:32px;
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}

														/*++++++++++++++++++++++++++TEXTO PRIMERA COLUMNA+++++++++++++++++++++++++++*/
div.texto{
	margin:5px 5px 0 30px;
	text-align:left;
	line-height:21px;
}
div.primera_columna h4{
	margin:0;
	padding:0;
	border:0;
	color:#FFFFFF;
	font-size:1.3em;											
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;				
	
}
div.texto p{
	font-family:Georgia, Arial, Helvetica, sans-serif;    	
	font-weight:bold;										

}
														/*++++++++++++++++++++++++++PRESTIGIO+++++++++++++++++++++++++++*/
div.texto_prestigio{
	font-size:1em;										
	font-family:Georgia, Helvetica, sans-serif;      
	font-weight:bold;									
	margin:10px 0 0 0;
	padding:0;
	border:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:23px;
}

														/*++++++++++++++++++++++++++INTERES+++++++++++++++++++++++++++*/
img.interes{
	margin:0 35px 0 0;
}
div.logo_interes{
	position:absolute;
	top:30%;
	left:20%;
}
														/*++++++++++++++++++++++++++PRODUCTOS+++++++++++++++++++++++++++*/
div.txt_productos{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
}	
div.txt_productos img{
    margin:0;
	border:0;
	padding:0;
	width:60%;
	height:80%;
	position:absolute;
	top:10px;
	right:70px;
}
div#entre img{
	position:absolute;
	top:10px;
	left:25%;
	width:45%;
	height:90%;
	border:0;
	margin:0;
	padding:0;
	}
h4#productos{						
	margin:5px 5px 15px 30px;
}							
div.txt_productos p{
	font-size:1em;
	line-height:20px;
	margin:0;
	padding:0;
	border:0;
	overflow:visible;
	position:absolute;
	top:90px;
	width:30%;
	left:-18px;
}
														
														/*++++++++++++++++++++++++++SITUACION+++++++++++++++++++++++++++*/
img.situacion{
	position:absolute;
	top:10px;
	left:5%;
}
a.mail{
	color:#FFFFFF;
	outline:0;	
}
a.mail:hover{
	color:#CCCC00;		
	outline:0;	
}
													/*++++++++++++++++++++++++++HISTORIA+++++++++++++++++++++++++++*/
img.historia{		
	position:absolute;
	top:10px;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:90%;
}
														/*++++++++++++++++++++++++++ASESORIA+++++++++++++++++++++++++++*/
img.asesoria{	
	position:absolute;
	top:10px;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:90%;	
}
p.asesoria{
	text-align:left;
}
														/*++++++++++++++++++++++++++MENU PPAL+++++++++++++++++++++++++++*/

img.interior{	
	position:absolute;
	top:10px;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:90%;
}
												/*++++++++++++++++++++++++++SITUACION+++++++++++++++++++++++++++*/
img.situacion{		
	position:absolute;
	top:10px;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:90%;
}
																					
														
														
														
														
														
														
														
														
														
														
														
														
														
														
														
