/* layout
----------------------------------------------- */

*{	margin: 0; 	padding:0; z-index:1; margin-bottom: -0.1em;}
body{ background: #fff; 	color: #000000;	font: 75% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }
/*Configuracion de barra superior*/
#topborder{	
width: 1000px;
position: absolute; 
top: 0px; 
left: 0px;		
height: 1.8em; 
background-color: #2c9bb9;	
}
/*Configuracion de barra lateral*/#sidebar{ position:fixed; top: 1px; left:20px;	width: 200px; }
* html div#sidebar  {
	top: 33px;
	left:20px;
	width: 200px;
	position:absolute;
}
/*Configuracion del body*//*#content{ margin: 30px 10% 25em 240px; max-width: 760px; }
/*Configuracion de footer va aqui*/
#footer { 
  width: 100%; 
  position:static;
  bottom: 100%; 
  left:100%; 
  /*z-index: 99999;*/
  color: #2c9bb9;	
  font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
/*  background-color:#2c9bb9; */
  height: 0px;
} 

/* typography
----------------------------------------------- */

p {	line-height: 1.4em;	margin-bottom: 1.0em; font-size: 0.9em;}
p.lead { font-size: 1.0em; }
ol, ul{ margin: 0.5em 0 1.2em 2em; }	
ol, ul, dl { line-height: 1.4em; }
ol li{ margin-bottom: 0.2em; }
li{ font-size: 0.9em; }
li strong {color: #999;}
dl{ margin: 0.5em 0 1.2em 0; }
dt{ font-size: 0.9em; font-weight: normal; color: #000; padding-top: 0.0em; float:left; }
/*Configuracion textos FAQ*//dd{ font-size: 1.3em; margin-bottom: 0.5em; padding-bottom: 0.0em; }

h1, h2, h3,h4,h6{ font-family:"Tahoma",Verdana,Sans-Serif;}

h1 { font-size: 2.3em; }
h1 a { color:#1E2C6D; border: none; }
h1 em{ font-size: 1.25em; color: #000; font-style: normal; }
/*h2 { font-size: 1.9em;color: #1E2C6D; text-transform: uppercase;	padding-top: 0.5em; }*/
h2 { font-size: 1.9em;color: #1E2C6D; padding-top: 0.5em; margin-top:80px;}
h3 { font-size: 1.0em;	letter-spacing: 0.2pt; color: #1E2C6D; text-transform: uppercase;	padding-top: 0.5em; }
/*fuentes para Home.php*/
h4 { font-size: 1.3em; font-weight: bold; letter-spacing: 4pt; color: #1E2C6D; text-transform: uppercase;	padding-top: 0.5em;text-shadow: 0.3em 0.3em 0.2em #1E2C6D }
h4 em{ font-size: 1.3em; color:#2c9bb9; font-style:normal; }
h5 { font-size: 1.9em;color: #1E2C6D; padding-top: 0.5em; }
h6 { font-size: 1.9em;color: #1E2C6D; padding-top: 0.5em; width:760px; }

.splash { font-size: 1.05em; font-weight: bold; letter-spacing: 0.0pt; color: #1E2C6D; text-transform: uppercase; padding-top: 0.5em; }

.videotext { font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 1.3em; letter-spacing: 0.4pt; color: #111111; text-transform: uppercase;	padding-top: 0.5em; }

a, .contact-link{	color: ##1E2C6D;	text-decoration: none; cursor: hand; }

#content p a:hover,
#content dd a:hover { border-bottom: 1px dotted #8ad459; }
a img{ 	border: none;}
small{ font-size: 0.8em; }
pre{ display: block; margin: 1em 0;	padding: 0.5em; border-left: 6px solid #0d0d09; background-color: #eee;	overflow: auto; }
code{ font-size: 9px; font-family: Courier, Verdana,Sans-Serif; background-color: #111; color: #eeeeee; padding: 0.3em 0.4em; float:left; }
pre code{ padding: 0; margin: 0;}
kbd{ color: #555; background-color: #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit;  font-family: inherit;padding: 0 3px 2px 4px;}
fieldset{ border: none; }


/* sidebar
----------------------------------------------- */
#sidebar a{ color: #fff;}
#sidebar h1 a{ font-weight: bold; }
#sidebar h1 a:hover{  }

#nav{ list-style: none; margin: 1.5em 0 1em 0;}
#nav li{ padding: 0; margin: 0; }
#nav a{ display: block; height: 1.9em; padding: 0.0em 0.2em 0 0.8em; margin-bottom: 1px; 	color: #eee; background-color: #2c9bb9; }
#nav a:hover{ color: #1a1a1a; background-color: #bb0b56; }	

#nav1 a:link {COLOR: red; TEXT-DECORATION: none} 
#nav1 a:visited {COLOR: gray; TEXT-DECORATION: none} 
#nav1 a:active {TEXT-DECORATION: none} 
#nav1 a:hover {COLOR: blue; TEXT-DECORATION: underline}

#nav2 a:link {COLOR: red; TEXT-DECORATION: none} 
#nav2 a:visited {COLOR: gray; TEXT-DECORATION: none} 
#nav2 a:active {TEXT-DECORATION: none} 
#nav2 a:hover {COLOR: blue; TEXT-DECORATION: underline}

#nav3 a:link {COLOR: red; TEXT-DECORATION: none} 
#nav3 a:visited {COLOR: gray; TEXT-DECORATION: none} 
#nav3 a:active {TEXT-DECORATION: none} 
#nav3 a:hover {COLOR: blue; TEXT-DECORATION: underline}

#nav4 a:link {COLOR: red; TEXT-DECORATION: none} 
#nav4 a:visited {COLOR: gray; TEXT-DECORATION: none} 
#nav4 a:active {TEXT-DECORATION: none} 
#nav4 a:hover {COLOR: blue; TEXT-DECORATION: underline}

#nav5 a:link {COLOR: red; TEXT-DECORATION: none} 
#nav5 a:visited {COLOR: gray; TEXT-DECORATION: none} 
#nav5 a:active {TEXT-DECORATION: none} 
#nav5 a:hover {COLOR: blue; TEXT-DECORATION: underline}

#nav6 a:link {COLOR: red; TEXT-DECORATION: none} 
#nav6 a:visited {COLOR: gray; TEXT-DECORATION: none} 
#nav6 a:active {TEXT-DECORATION: none} 
#nav6 a:hover {COLOR: blue; TEXT-DECORATION: underline}

#sidebar .callout{ font-size: 12px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; background-color: #DDDDDD; /*border: 1px solid #222;*/  padding: 0.25em .5em; }
#sidebar .callout a{ color: #bb0b56;}
#sidebar .callout ul{ margin-top: -.45em; margin-left: 1em; margin-bottom: .4em; }

/* content
----------------------------------------------- */
#content ul{ margin-left: 4px;}
#content ul li{ list-style: none; padding: 0 0 0 12px; background: url(../images/bullet.gif) no-repeat 0 6px;}
#content ul ul{ margin-top: 0;}
#content ul.download li{ padding: 0.3em 0; background-image:none; }
	
.download{ background-color: #333; border: 1px solid #444;  padding: 0.7em 1.5em; }
.download:hover{ background-color: #555; border: 1px solid #777; }
.download img{ padding-right: 0.3em; }
.download li strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 2.25em; color: #fff;}
.download li em{ font-style: normal; color: #D0EB6A; }

/* misc
----------------------------------------------- */
.listado li { margin-bottom: 2px; margin-left: 18px; margin-right: 15px; }
.listado li a:hover {text-decoration: none; font-style: italic; font-weight: bold; color: #000000;}
.listado li.destacado  { font-weight: bold; font-size: 11px;  margin-left: 15px; padding-top: 2px;}
.tablaBotonDemo { margin-left: 90px; border: 1px solid #2C9BB9; margin-top: 12px; margin-bottom: 5px; }
.demo { background-color: #ffffff; text-align: center; margin-left: 80px; margin-right: 20px; padding: 8px; padding-top: 6px; padding-bottom: 6px;margin-top: 5px; margin-bottom: 3px; border: 1px solid #2C9BB9; display: block; background: url(../img/cab.gif) no-repeat center; cursor: pointer;
}
.demo:hover {border: 1px solid #000000;}
.section{ border-top: 4px solid #3d3d33; padding: 1em 1 em;  overflow: ;  width: 100%; }
.first{ border-top: none; padding-top: 0; }
.home{border-top: none; padding-top: 0; font:Verdana, Arial, Helvetica, sans-serif;color:#000000}
.down{border-top: none; background-color: #ffffff; width: 20%; float: right; }
.thumbnails{  padding: 3px 3px 3px 3px; text-align: center; background-color: #ffffff; border: 0px solid #2a2a2a; margin-right: 10px;  margin-bottom: 5px; }	
.thumbnail {float: left; padding: 0px; text-align: center; }
.thumbnail img {background: ; padding: 2px; border: 0px solid #000;}

#Catalunya { padding: 0 0px;}
#Cartomur { padding: 0 0px;}
#PNOA { padding: 0 0px;}
#Cartomur2 { padding: 0 0px;}
#Cartomur3 { padding: 0 0px;}
#Cartomur4 { padding: 0 0px;}

#anaglifos{ padding: 3px 3px 3px 3px; text-align: center; background-color: #ffffff; border: 0px solid #2a2a2a; margin-right: 10px;  margin-bottom: 5px; }	
#espejados{ padding: 3px 3px 3px 3px; text-align: center; background-color: #ffffff; border: 0px solid #2a2a2a; margin-right: 10px;  margin-bottom: 5px; }	
#comps{ padding: 3px 3px 3px 3px; text-align: center; background-color: #ffffff; border: 0px solid #2a2a2a; margin-right: 10px;  margin-bottom: 5px; }	


.caption{ font-size: 0.9em; padding-top: 0.2em; text-align: center}
.caption1{ font-size: 0.9em; color:#3a3a3a;}
.lastresort {clear: both;}
/*estilo de las fotos*/
.fotoIzq { float: right; padding: 4px; border: 1px solid #2C9BB9; margin-left: 10px; margin-right: 10px; }
.fotoIzq  p { font-size: 0.9em;	text-align: right; margin: 0; padding: 0; padding-top: 3px;}
.fotoDer { float: left; padding: 4px; border: 1px solid #2C9BB9; margin-left: 5px; margin-right: 10px; }
.fotoDer p { font-size: 0.9em; text-align: left; margin: 0;	padding: 0; padding-top: 3px;}
.centrado { padding: 4px; border: 1px solid #2C9BB9; margin-left: 10px; margin-right: 10px; margin-bottom: 8px;}
.centrado p {	font-size: 0.9em; text-align: left;	margin: 0;	padding: 0;padding-top: 3px;}

#vertical_slide_1, #vertical_slide_2, #vertical_slide_3, #vertical_slide_4, #vertical_slide_5 , #vertical_slide_6, #vertical_slide_7 { font-size: 12px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; background: #dddddd; color: #111111; padding: 10px; border: 5px solid #F3F1F1; width: 680px;}

	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
div.marginbottom { float: right;}

.toggler:hover {cursor: pointer;}



/* flowplayer
----------------------------------------------- */

/* styling of the container. */ 
a.myPlayer { float:left; width: 357px; height:252px; text-align:center; margin:0 15px 15px 0;  border:1px solid #999; } 
 
/*   display:block; */
 
/* play button */ 
a.myPlayer img { margin-top:70px; border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { border:1px solid #000; }

/*opacidad-------------------------*/
.cnt{
      width:100%;
      background-color:#DDAADD;
      margin:0px;
      padding:15px;
      font-weight:bold
    }
.trans{
     /* background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:center;
      top:170px;
      left:240px;
      padding-left:20px;
      font-size:12px;
      /*font-weight:bold;*/
      width:685px;
  	  z-index:2;filter:alpha(opacity=90);float:left;-moz-opacity:.90;opacity:.90;}
.trans_head{
     /* background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:right;
      top:5px;
      left:240px;
      /*padding-left:20px;*/
      font-size:12px;
      /*font-weight:bold;*/
      width:685px;}
.trans_pie{
     /* background-color:#fff;*/
      color:#000;
      position:absolute;
      top:410px;

      padding-left:120px;
      font-size:12px;
      /*font-weight:bold;*/
      width:685px;}
.trans_text1{
       /* background-color:#fff;*/
      color:#000;
      text-align:center;
	  position:absolute;
      top:120px;
      padding-left:20px;
	  left:240px;
      font-size:12px;
      /*font-weight:bold;*/
      width:685px;
	  }
.trans_text2{
     /* background-color:#fff;*/
      color:#000;
      text-align:center;
	  position:absolute;
      top:400px;
      padding-left:20px;
	  left:240px;
      font-size:12px;
      /*font-weight:bold;*/
      width:685px;
	  }


.trans1{
    /*  background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:left;
      top:70px;
      left:240px;
      padding-left:20px;
      font-size:12px;
      /*font-weight:bold;*/
      width:740px;
	  z-index:1;filter:alpha(opacity=90);float:left;-moz-opacity:.90;opacity:.90;}
	  
.trans2{
     /* background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:left;
      top:10px;
      left:10px;
/*      padding-left:20px;*/
      font-size:12px;
      /*font-weight:bold;*/
      width:990px;
      z-index:1;filter:alpha(opacity=90);float:left;-moz-opacity:.90;opacity:.090;}
	  	  
.contacto{
     /* background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:center;
      top:195px;
      left:240px;
      padding-left:20px;
      font-size:12px;
      /*font-weight:bold;*/
      width:685px;
  	  z-index:2;filter:alpha(opacity=90);float:left;-moz-opacity:.90;opacity:.90;}

.docs_de{
    /*  background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:left;
      top:400px;
      left:240px;
      padding-left:20px;
      font-size:12px;
      /*font-weight:bold;*/
      width:740px;
	  z-index:1;filter:alpha(opacity=90);float:left;-moz-opacity:.90;opacity:.90;}
	  
.docs_en{
    /*  background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:left;
      top:550px;
      left:240px;
      padding-left:20px;
      font-size:12px;
      /*font-weight:bold;*/
      width:740px;
	  z-index:1;filter:alpha(opacity=90);float:left;-moz-opacity:.90;opacity:.90;}
	  
.docs_es{
    /*  background-color:#fff;*/
      color:#000;
      position:absolute;
      text-align:left;
      top:880px;
      left:240px;
      padding-left:20px;
      font-size:12px;
      /*font-weight:bold;*/
      width:740px;
	  margin-top:-820px;
	  z-index:1;filter:alpha(opacity=90);float:left;-moz-opacity:.90;opacity:.90;}	  
	  


.Estilo1 {color: #003366}
.Estilo2 {font-size: 12px}
/*Reproductor de Video*/
a.player {	
	margin-top:40px;
	display:block;
	background:url(../Playlist/flowplayer/img/global/splash.png) no-repeat;
	width:425px;
	height:298px;	
	text-align:center;
	color:#fff;
	text-decoration:blink;
	cursor:pointer;
}

/* splash image */
a.player img {
margin-top:115px;border:0;	
}
a.player {
		margin-top:0px;		
	}
.Estilo1 {color: #1E2C6D}

.Estilo7 {color: #003366}
#Layer1 {
position:absolute;width:200px;height:115px;z-index:1;left: 609px;top: 44px;
}
  
  
/*linea*/
hr {
color: #2C9BB9;
}