/*GENERALES*/

body{ font:normal 12px  Verdana; color:#000; margin:0; padding:0; background:url(../images/bg1.jpg) #000 top center no-repeat ;}
/*MARCOS*/
.f1{ }
.f2{ background-image:url(../images/bg2.jpg); }
.f3{ background-image:url(../images/bg3.jpg); }
.spacer{ line-height:0; clear:both}
#bg{ min-height:600px; width:858px; margin:0 auto;  }

h1{ font-size:18px; margin:5px 0 20px 0;}
h2{ font-size:16px; margin:0 0 10px 0; font-weight:bold;}
h1.confon{ background:#7fbc2e; padding:3px 3px 3px 20px; }
h1 span{ font-size:12px; font-weight:normal; margin:0 0 0 15px;}
img{ border:none} 
a{ color:#333; }
a:hover{ color:#000; }
.espaciador{ line-height:0; clear:both; }

#wrapper{ width:858px; font-size:12px; margin: 0 auto; padding:0 0 50px 0; }
#base { height:50px; float:left; }
.destacado{ background:url(../images/destacado.jpg) no-repeat; width:326px; min-height:96px; margin:auto; text-align:center; padding:10px 0 0 0}
.destacado h2{ margin:0; font-weight:normal;}
.destacado p{ margin:0;}

#header { height:173px; width:905px; font-size:15px; color:#999; margin:0 0 10px 0; clear:both}
#header a.containertv{ position:absolute; margin:0 0 0 570px; width:230px; height:116px; display:block;
background:; z-index:10; top:698px; }
#header a.inicio{ position:absolute; margin:25px 0 0 35px; width:270px; height:80px; display:block}
#gestioner { width:905px; position:relative; top:300px;}

#flash { height:284px; clear:both; position:absolute; top:180px; }
#flash DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; background-color: #FFF; }
#flash DIV.active { z-index:10; opacity:1.0; }
#flash DIV.last-active { z-index:9; }
#flash DIV img { display:block; border: 0; margin-bottom: 10px; }

#medio{ padding:36px 0 0 0; background:url(../images/cua.png) no-repeat;}
#medioM2{ padding:36px 0 0 0; background:url(../images/cua.png) no-repeat; width:516px;}
/* BOTONERA */
.demo{ margin-bottom:50px; clear:both;  padding:134px 0 0 20px;}
.demo a{ display:block; text-indent:-9999px; width:79px; height:38px; float:left; background:url(../images/menu2.jpg); 
cursor:pointer; outline:none}

#demo_1{background-position:0 0;}
#demo_1:hover,#demo_1.hover{background-position:-1px -39px;}

#demo_2{background-position:-79px 0; width:82px}/*VIDEO*/
#demo_2:hover,#demo_2.hover{background-position:-80px -39px;}

#demo_3{background-position:-161px 0; width:54px;}
#demo_3:hover,#demo_3.hover{background-position:-162px -39px;}

#demo_4{background-position:-216px 0; width:114px;}
#demo_4:hover,#demo_4.hover{background-position:-217px -39px;}

#demo_5{background-position:-330px 0; width:103px}
#demo_5:hover,#demo_5.hover{background-position:-331px -39px;}

#demo_6{background-position:-435px 0; width:97px}
#demo_6:hover,#demo_6.hover{background-position:-436px -39px;}

#demo_7{background-position:-532px 0; width:101px}
#demo_7:hover,#demo_7.hover{background-position:-533px -39px;}

/**/
.B_AD{ background:url(../images/b_ad.gif) no-repeat; width:48px; height:49px; position:absolute; z-index:3; float:left;} 

#pie 
{ background:url(../images/pie.jpg) 0 10px no-repeat; padding:10px 0 0 0; margin:0; font-size:12px; color:#000; text-align:center; min-height:43px; clear:both}
#pie p{ padding:15px 0 0 0; margin:0;}

#contenidoPromo 
{ width:180px; color:#999; float:left; margin:0 20px 0 0;  float:left;}

#contenido { background:url(../images/cub.jpg) no-repeat; background-color:#c9c9c9; margin:0; min-height:247px; width:100%; float:left;}
#contenido2 { margin:0 0 20px 0; padding:60px 30px 30px 20px; }
#contenidoFin { background:url(../images/cuc.png) no-repeat; height:40px; width:100%; }
#medioM2 #contenidoFin{ background-image:url(../images/cub.png); float:left; }
#contenido2{ min-height:330px;}
#contenido1{ float:left}
#derecha{ float:right}
#fotos{ background:url(../images/fotos.png) no-repeat; width:337px; height:256px; }


#formulario { width: 350px;  float:left; margin:50px 20px 20px 30px;	 }
#formulario p{ padding:0 0 10px 0; clear:both;}
#formulario label{ width:90px; display:block; float:left}
#formulario input, textarea{ width:180px; }
#formulario input.bt{ width:80px; margin:10px 10px 0 0 ;}

#precios { line-height:22px; text-decoration:none; width:160px; padding: 20px; border: 1px solid #CCCCCC; margin:0px; text-align: center;}

.gestioner{ float:right; display:block; text-indent:-3000px; width:130px; height:35px;} 

/* VIDEOS POR AJAX */
#videos{  background:url(../images/notebook.png) no-repeat; width:339px; height:375px; float:left; margin:0; font:12px Arial }
#videos h1{ color:#F00; margin:5px 0 25px 5px;}
#videos h1 a{ color:#F00;}
#videos p{ margin:5px}
#videos ul{ font:bold 10px Verdana; position:absolute; margin:215px 0 0 20px }
#videos li{ float:left; margin:0 2px; list-style:none;  }
#videos li a{ float:left; width:18px; height:18px; background:url(../images/btv.jpg) no-repeat; display:block; text-decoration:none; color:#666; text-align:center; padding:2px 0 0 0; }
#videos li a:hover{ color:#000;}
#videos li a.selected{ color:#000;}

#videos .noticia{ margin:27px 15px 0 40px; width:262px; height:170px; padding:5px; color:#333}
.noticiaAmplia{ background:#CCC; padding:10px; }
.noticiaAmplia .cerrar{ float:right}

.tabs-container { min-height:40px; }
.tabs-hide { display:none; }

.audioGrupo{ clear:both; margin:20px 0 10px 10px; }
.audioGrupo h1{ background:#AAA; padding:10px 0 10px 20px; font-size:11px; margin:20px 0 0 0;}
.audio{   padding:10px 0 10px 0; font-size:11px; margin:10px 0 0 0;}
.audio p{ float:left; margin:0 0 0 20px; width:180px}
.audio object{ float:right; margin:0 20px 0 0; outline:none} 
ul#nombres{ list-style:none; margin:0; max-height:300px; overflow:auto; overflow-y:auto; overflow-x:hidden;}
ul#nombres li{ clear:both; font-weight:bold; background:#FFF; margin:0;}
ul#nombres li a{ text-decoration:none;  padding:3px; display:block; margin:0 0 5px 0 }
ul#nombres li a img{ float:right;}
ul#nombres li span{  padding:30px 0 30px 20px; display:block }
ul#nombres li a:hover{ color:#0C0}
.audioGrupo li a.active{ background:#FFF}

.clientes{ width:100%; background:#FFF}

/* TALENTOS */
#talentos{ float:right; width:310px;}
img.talentos{ position:relative; left:-30px; margin-top:20px;}
#cv{ clear:both}


ul#submenu{ float:left; list-style:none; margin:20px 0; padding:0; width:110px; border-right:solid 1px #666;}
ul#submenu li{ font-size:12px; }
ul#submenu li a{ text-decoration:none; display:block; padding:2px 5px;}
ul#submenu li a:hover{ background:#6C0; color:#FFF}
ul#submenu li a.active{ background:#6C0; color:#FFF}

li.video{ margin:30px 0 10px 0; }
li.video h3{ clear:both; font-size:14px}
li.video .new{ clear:both; margin:0 0 20px 0}
li.video .new a{ float:left}
li.video object{}
li.video img{ margin:5px 0 0 0} 
.txt{ float:right; width:300px; *height:110px; min-height:110px; font-size:10px;}

 .Servicios ul{ margin:0px 0 0 0; padding:0; }
 .Servicios ul#der{ }
 .Servicios li { margin:5px 10px 0 20px; list-style:none; border-bottom:#333 solid 2px; clear:both	}
 .Servicios li a{ text-decoration:none; color:#333; font:bold 18px "Trebuchet MS", Arial; outline:none;}
 .Servicios li a:hover{ color:#000 }
 	.Servicios ul ul{ position:relative;  min-height:0px; margin:0 0 0 0; padding:0 0 20px 0px ; border-top:solid 1px #7fbc2e}
  	.Servicios ul ul li{ border:none; margin:0;color:#000;}
  	.Servicios li li a{ font-size:14px;  }
/**POPUP */
#cssBackground 		{height:100%; width:100%; background-color:#000; display:none; position:fixed; top:0; left:0; z-index:100; float:left; opacity:0.65;}
#cssPopup 			{margin:0 auto;}
#cssPopupContainer 	{position:absolute; display:none; z-index:101; width:100%;}