@charset "ISO-8859-1";
/*----------------------------
	css básico para la plantilla SIMIOMOBILE de la web elástica en Joomla 
	version 1.0
	autor: Fred Adam 
	e.mail: info(at)ubik2.com
	website: www.ubik2.com
	----------------------------*/
	/*@charset"UTF-8";

integración del CSS del estilo de los textos de la plantilla 01*/
	
	 /*@import url(estilo_tipo.css);*/

	 	/*BORDER
  /*border: 1px solid red;
    	BORDER*/

	/*----------CSS SIMIOMOBILE------------*/

#Contenedor {
  width:970px;
  margin:0px auto;
  
}


/*--------------MENU NAV----------------*/

#Menu{
 margin-left: 30px;
margin-bottom: 0px;
 height:25px;  
 width:820px;
 overflow:Hidden;
 z-index:4;
 
}

.nav {

font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #000;
font-size: 13px;
font-weight: bold;
font-style: normal;
text-decoration:none;
padding-left: 3px;
padding-right: 7px;
text-align: left;


}

a:hover {
	color: #000;

}

a:link {
	color: #000;
	}




/*------------nav vertical---------------*/
.triangulosIzquierda{
  position:relative;
  float:left;
  width:20px;
  cursor: pointer; 

}

.triangulo{
 position:absolute;
 top: 5px;
 left: -5px;
}
 
.clear { clear:  both;}

/*--------redondeado IZQ------------*/
	.floatmenuleft{
	float: left;
 margin-left: 15px;
 height:25px;  
 width:15px;
 z-index:2;
 
}
	
	
	/*--------contenedormenu------------*/
.CuadroMenu{
 float: left;
 margin-left: 0px;
 height:25px;  
 width:745px;
 background-color: #fff;
 z-index:2;
}
		/*--------redondeado DRCH------------*/
	.floatmenuright{
	float: left;
 margin-left: 0px;
 height:25px;  
 width:15px;
 z-index:2;
 
}

/*--------------titulo------------------*/

.Titulos{
  position:relative;
  margin-left: 30px;
  padding: 0px;
  width:700px;
  height:32px;
  text-align:left;
  
}

.tituloPlegado {
width: 840px;
height:32px;
margin-left: 15px;
padding: 0px;
overflow:hidden;
}


.tituloAbierto {
	width: 840px;
	height:32px;
	margin-left: 15px;
	padding: 0px;
	overflow:hidden;

}


	.txt_tituloAbierto {
	display: block;
	position:absolute;
	left:15px;
	top:5px;
    font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-style: italic;
	text-align: left;
    font-weight: bold;
	margin: 0;
	padding: 0;
	background-color: black;
}

	.txt_tituloPlegado {
	display: block;
	position:absolute;
	left:15px;
	top:5px;
    font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-style: normal;
	text-align: left;
    font-weight: bold;
	margin: 0;
	padding: 0;
	background-color: black;
}

/*-para los banners-*/
.banner_Mod_02{
 position:absolute;
 width:760px;
 height:65px;
 top: 30px;
 left: 50px;
 margin-left: 30px;
 padding-top: 5px;
	z-index: 3;
}


.banner_Back{
 position:absolute;
 width:760px;
 height:65px;
 top: 30px;
 left: 50px;
 margin-left: 30px;
 padding-top: 5px;
 z-index: 1;
}

.Titulos_banner{
  position:relative;
  margin-left: 30px;
  padding: 0px;
  width:905px;
  text-align:left;
}

.tituloPlegado_Banner {
width: 905px;
height:120px;
margin-left: 15px;
padding: 0px;
overflow:hidden;
}

	/*--------------HEAD----------------*/
#Cabecera {
 position:relative;
 width:940px;
 height:300px;
 margin-left: 30px;
 margin-top: 0px;
 
}



.logo_Cabecera {
	position: absolute;
	left:415px;
	top:50px;
	width:313px;
	height:143px;
	z-index:3;
}


.luna {
	position: absolute;
	left:350px;
	top:180px;
	width:27px;
	height:27px;
	z-index:3;
}

.logo_transnt {
	position: absolute;
	left:800px;
	top:10px;
	width:135px;
	height:82px;
	z-index:3;
}

.logo_PGS {
	position: absolute;
	left:800px;
	top:102px;
	width:135px;
	height:83px;
	z-index:3;
}


.logo_bayofode {
	position: absolute;
	left:830px;
	top:200px;
	width:79px;
	height:79px;
	z-index:3;
}
/*---------IPHONE----------------*/

.menu_movil {
	position:absolute;
	top:94px;
	left:5px;
	height:204px;
	width:339px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index: 4;
	background: url(../imgs/back_menu_movil.png) no-repeat 0 0;
	behavior:	url("pngbehavior.htc");

}


ul{
	display: block;
	position: absolute;
	width: 121px;
	left:88px;
	padding: 95px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
li{
	
	width:121px;
	height:23px;
	background-image: url(../imgs/tecla_menu.png);
behavior:url("pngbehavior.htc");
	padding: 0px 00px 13px 00px;
	margin:0px 0px 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}

li img {
	position: absolute;
	left:-40px;
	border:none;
}

li a {
	display: block;
	position: absolute;
	left:5px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	height:20px;
	padding: 5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color: #000;
	text-decoration: none;
}


	li:hover {
	background-image: url(../imgs/tecla_hover.png);
	background-repeat: no-repeat;
	behavior: url("pngbehavior.htc");	
}

	
li a:hover{
color: #fff;
text-decoration: none;
background-color: transparent;
}

li a:link {
color: #000;
}

/*------------Pie pagina---------------*/
      
.PiepaginaBloc{
   position:relative;
   width:940px;
   height:80px;
   margin-top:15px;
   margin-left:30px;

}

	.txt_piepagina {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #c8c8c8;
	font-size: 9px;
    font-style: normal;
	text-align: left;
	font-weight: normal;
	margin: 50px;
	padding: 0;
	
}

.max_down{
   position:absolute;
   width:940px;
   height:300px;
   margin-top:30px;
   margin-left:30px;

}

/*********************************************/
/***************ZONA FONTS******************/
/*********************************************/

.font_16white { font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	text-align: center;
    font-weight: normal;
    line-height: 1.2em;
	text-indent: 10px;
	margin: 15px;
	padding: 0;
}

.font_16black { font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	text-align: center;
    font-weight: bold;
    line-height: 1.2em;
	text-indent: 10px;
	margin: 15px;
	padding: 0;
}


.font_16courrier{ font-family: "Courier New", Courier, mono;
	color: black;
	font-size: 16px;
	text-align: center;
    font-weight: bold;
    line-height: 1.2em;
	text-indent: 10px;
	margin: 15px;
	padding: 0;
}


.font_12black { font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	text-align: center;
    font-weight: normal;
    line-height: 1.2em;
	text-indent: 10px;
	margin: 15px;
	padding: 0;
}


.font_11black { font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-align: left;
    font-weight: normal;
    line-height: 1em;
	text-indent: 2px;
	margin: 5px;
	padding: 0;
}

.font_11courrier { font-family: "Courier New", Courier, mono;
	color: #000;
	font-size: 11px;
	text-align: left;
    font-weight: normal;
    line-height: 1em;
	text-indent: 2px;
	margin: 5px;
	padding: 0;
}



/*********************************************/
/***************ZONA MODULOS******************/
/*********************************************/
/*----------bloc intro---------------*/
.IntroBloc{
   position:relative;
   width:940px;
   height:210px;
   margin-left: 30px;
	z-index: 1;
}


.txt_intro {
	display: block;
    float: left;
    width:890px;
	height:180px;
	margin-left: 0px;
	margin-top: 20px;
	background-color: #fff;
	z-index:3;
	opacity: 0.8;
}

.leermas_intro {
    position: absolute;
    top: 162px;
	left: 800px;
    width:49px;
	height:13px;
	z-index:6;

}

.update {
	display: block;
    float: left;
    width:90px;
	height:50px;
	margin-left: 50px;
	margin-top: 50px;
	z-index:3;
}


/*----------bloc video01 + 02---------------*/
.Relative{
   position:relative;
   width:910px;
   height:2px;
   margin-left: 30px;
   background-color:#FC0;
   z-index: 1;
}


.Video{
   position:relative;
   width:910px;
   height:410px;
   margin-left: 30px;
   z-index: 1;
}

.Video2{
   position:relative;
   width:910px;
   height:410px;
   margin-left: 30px;
   background-color:#Faa;
   z-index: 1;
}



#Video1Bloc{
   position:absolute;
   width:900px;
   height:420px;
   top: 0px;
   left: 0px;
   z-index: 1;
}

#Video2Bloc{
   position:absolute;
   width:900px;
   height:420px;
   top: 0px;
   left: 0px;
   z-index: 1;
}



/*----------bloc Fix_concept---------------*/

.Fix_conceptBloc{
   position:relative;
   width:940px;
   height:200px;
   margin-left: 30px;
	z-index: 1;

}
.moviles_fixconcept{
	float:left;
    width:412px;
	height:160px;
	margin-left: 20px;


}


.txt_fixconcept {
	display: block;
	float: left;
    width:324px;
	height:140px;
	overflow: auto;
	margin-left: 15px;
	margin-top:15px;




}

.banner_fixconcept{
	float:left;
    width:112px;
	height:173px;
	margin-left: 35px;
	margin-top: 0px;


}

/*----------bloc Fix_kit---------------*/

.Fix_kitBloc{
   position:relative;
   width:940px;
   height:150px;
   margin-left: 30px;
	z-index: 1;

}
.moviles_fixkit{
	float:left;
    width:115px;
	height:109px;
	margin-left: 10px;


}


.txt_fixkit {
	display: block;
	float: left;
    width:620px;
	height:95px;
	background-color: #fff;
	overflow: auto;
	margin-left: 5px;
	padding: 5px;
	padding-top: 15px;
			opacity: 0.8;

}

.banner_fixkit{
	float:left;
    width:150px;
	height:128px;
	margin-left: 15px;


}

/*----------bloc PGS---------------*/

.PgsBloc{
   position:relative;
   width:940px;
   height:550px;
   margin-left: 30px;
	z-index: 1;
}

.leermas_pgs {
    position: absolute;
    top: 500px;
	left: 690px;
    width:49px;
	height:13px;
	z-index:6;

}

.txt_pgs {
	display: block;
	float: left;
    width:750px;
	height:520px;
	overflow: auto;
	margin-left: 2px;
	padding: 5px;
		background: #fff url(../imgs/back_txt_coltan.png) no-repeat 0 0;

}

.banner_pgs1{
	float:left;
    width:157px;
	height:97px;
	margin-left: 5px;
	margin-top: 30px;

}

.banner_pgs2{
	float:left;
    width:119x;
	height:137px;
	margin-left: 24px;
	margin-top: 45px;


}

.banner_pgs3{
	float:left;
    width:137x;
	height:78px;
	margin-left: 15px;
	margin-top: 45px;


}


/*----------bloc docu---------------*/

.DocuBloc{
   position:relative;
   width:940px;
   height:480px;
   margin-left: 30px;
	z-index: 1;

}


.pdf_proyecto{
	float:left;
    width:136px;
	height:140px;
	margin-top: 20px;
	margin-left: 5px;
}




.trans_docu {
	float: left;
    width:584px;
	height:140px;
	margin-left: 30px;
	margin-top: 20px;
	padding: 5px;
			/* background: #fff url(../imgs/defores.jpg) repeat 0 0;*/
} 


.panel_flyers {
	float:left;
    width:765px;
	height:300px;
	background-color: black;
	margin-top: 15px;
	margin-left: 0px;
	color: #000;
	border: 1px dotted white;
}

.flyer_01 {
	float:left;
    width:156x;
	height:220px;
	margin-top: 15px;
	margin-left: 70px;
}
.flyer_02 {
	float:left;
    width:275x;
	height:220px;
	margin-top: 15px;
	margin-left: 15px;
}

.flyer_03 {
	float:left;
    width:157x;
	height:220px;
	margin-top: 15px;
	margin-left: 15px;
}

.banner_contacto{
	float:right;
    width:133px;
	height:55px;
	margin-left: 0px;
	margin-top: 15px;


}

.banner_prensa{
	float:right;
    width:133px;
	height:55px;
	margin-left: 0px;
	margin-top: 15px;
	

}

.banner_pool{
	float:left;
    width:133px;
	height:55px;
	margin-left: 5px;
	margin-top: 15px;


}