*{margin:0;padding:0;outline:none}
a{outline:none}
img { -ms-interpolation-mode: bicubic; }
html,body{ background:url(images/back.jpg) center 10px no-repeat; text-align:center; height:auto }
#contenedor{margin:10px auto 10px auto;text-align:left; background-color:#FFF; width:955px; }
#menu{list-style:none; }
#menu li{float:left; border-right:1px solid #E6E6E6; height:91px; overflow:hidden}
#menu li a{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#888; text-decoration:none; display:block;font-weight:normal; padding-top:42px; height:90px}
#menu li a:hover{ background-color:#F3F3F3}
#logo{border:none !important; margin-left:10px }
#direccion{	font-family:Geneva, Arial, Helvetica, sans-serif;	font-size:12px;	color:#A2A2A2;	line-height:16px;	font-weight:normal;	border:none !important;}
#direccion div{ margin-top:10px; margin-left:20px}
#cuerpo{ clear:both;border-top:1px solid #E6E6E6;overflow:hidden}
#mquienes a{text-align:center;  width:75px;}
#mportfolio a{text-align:center;  width:90px; }
#mdiseno a{text-align:center;  width:80px; }
#mprogramacion a{text-align:center; width:120px; }
#mcapacitacion a{text-align:center; width:110px }
#contacto{text-align:center; width:90px;}
#logo a{text-align:center; width:172px;padding-top:0 !important;}
#principal{width:760px; float:left;overflow:hidden}
#lateral{width:193px; float:left;;border-left:1px solid #E6E6E6; }
#lateral ul{ list-style:none; margin-left:7px;}
#lateral li{border-bottom:1px solid #E6E6E6;}
#lateral li img{ margin-top:10px;margin-bottom:10px; }
#lateral a{text-decoration:none; display:block}
#lateral a:hover{
-khtml-opacity:.50; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;zoom:1; 
}

#websAmigas div{ margin-top:10px;padding:40px 0 10px 0}
#websAmigas a{ display:block;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; text-decoration:none ; padding-left:10px; background: url(images/titulos/vineta_home.jpg) -15px 5px no-repeat; line-height:15px}
#websAmigas a:hover{-khtml-opacity:1; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;zoom:1;color:#747474; text-decoration:underline; line-height:15px}
#websAmigas{background:url(iconos/webs_amigas.jpg) 0 top no-repeat;margin-bottom:20px}


#pie{clear:both; text-align:center; border-bottom:1px solid #D1D1D1; border-top:1px solid #D1D1D1; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px; height:20px;}
#pie a{ color:#747474; text-decoration:none}
#pie a:hover{ text-decoration:underline}
#fecha{background:url(images/titulos/novedades.jpg) 5px 0 no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#A2A2A2; text-align:right; padding-right:10px; overflow:hidden ; padding-top:33px; padding-bottom:3px}
#fechaquienessomos{ background:url(images/titulos/quienes_somos.jpg) 5px 12px no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#A2A2A2; text-align:right; padding-right:10px; overflow:hidden ; padding-top:33px; padding-bottom:3px}


#novedadesPortfolio{ background:url(images/titulos/lo_ultimo.jpg) 5px 20px no-repeat; height:50px; margin:0;padding:0}
#novedadesPortfolio span{ display:none}
.clear{ clear:both}
#import1{ float:left;overflow:hidden; margin: 5px; width:182px; height:73px; border:1px solid #D1D1D1; background:url(images/port1.jpg) center center no-repeat}
#descripcionPort1{ float:left; margin:5px 2px 5px 5px; width:167px; padding-right:2px;}
#descripcionPort1 h3{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#E96450; font-weight:normal;text-transform: uppercase;}
#descripcionPort1 h3 a{ color:#E96450; text-decoration:none;}
#descripcionPort1 h3 a:hover{ color:#E96450; text-decoration:underline}
#descripcionPort1 div{ margin-top:3px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474}
#descripcionPort1 div a{color:#747474;text-decoration:none}
#descripcionPort1 div a:hover{color:#747474;text-decoration:underline}

#import2{ float:left; overflow:hidden; margin: 5px; width:182px; height:73px; border:1px solid #D1D1D1; background:url(images/viajar.jpg) center center no-repeat}
#descripcionPort2{ float:left; margin:5px; width:170px;}
#descripcionPort2 h3{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#E96450; font-weight:normal;text-transform: uppercase;}
#descripcionPort2 h3 a{ color:#E96450; text-decoration:none}
#descripcionPort2 h3 a:hover{ color:#E96450; text-decoration:underline}


#descripcionPort2 div{ margin-top:3px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474}
#descripcionPort2 div a{color:#747474;text-decoration:none}
#descripcionPort2 div a:hover{color:#747474;text-decoration:underline}

#novedadesNovedades{ background:url(images/titulos/esp_progdise_home.jpg) 5px 0 no-repeat; margin-top:20px; height:30px;}
#novedadesNovedades span{ display:none}
#novedadesDiseno{  width:370px; float:left}
#novedadesProgramacion{float:left; width:371px;border-left:1px solid #D1D1D1;}
#novedadesDiseno dt{margin-left:24px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#E96450; font-weight:normal; margin-top:10px;}
#novedadesDiseno dd{background:url(images/titulos/vineta_home.jpg) 3px 7px no-repeat; padding-left:26px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#novedadesDiseno dd a{ display:block; color:#747474; text-decoration:none}
#novedadesDiseno dd a:hover{ display:block; color:#747474; text-decoration:underline}

#novedadesProgramacion dt{margin-left:27px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#E96450; font-weight:normal; margin-top:10px;}
#novedadesProgramacion  dd{background:url(images/titulos/vineta_home.jpg) 6px 7px no-repeat; padding-left:29px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#novedadesProgramacion dd a{ display:block; color:#747474; text-decoration:none}
#novedadesProgramacion dd a:hover{ display:block; color:#747474; text-decoration:underline}

#cajaNovedades{margin-bottom:20px; overflow:hidden}

#cajaQuienes{
margin-bottom:20px; overflow:hidden; margin-top:25px; border: 1px solid #E6E6E6; width:740px; margin-left:10px;}
#somosun{width:33%; height:125px; float:left;}
#somosunF1{width:33%; height:125px; float:left; background:url(images/q_5.jpg) center center no-repeat; border-left:1px solid #E6E6E6;; border-right:1px solid #E6E6E6;}
#somosunF2{width:33%; height:125px; float:left; background:url(images/q_4.jpg) center center no-repeat}
#cajaQuienes h3{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#747474; margin:8px; line-height:20px; font-weight:normal}

#almismo{width:33%; height:125px; float:left;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; border-left:1px solid #E6E6E6;; border-right:1px solid #E6E6E6;}
#almismoF1{width:33%; height:125px; float:left; background:url(images/q_1.jpg) center center no-repeat; border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
#almismoF2{width:33%; height:125px; float:left; background:url(images/q_3.jpg)  center center no-repeat;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}

#poreso{width:33%; height:125px; float:left; border-left:1px solid #E6E6E6;; border-right:1px solid #E6E6E6;}
#poreso2{width:33%; height:125px; float:left; }
#poresoF1{width:33%; height:125px; float:left; background:url(images/q_2.jpg)  center center no-repeat;}
#HQuienes{display:none}
#fechaespDisegno{ background:url(images/titulos/espacio_disegno.jpg) 5px 8px no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#A2A2A2; text-align:right; padding-right:10px; overflow:hidden ; padding-top:33px; padding-bottom:18px}
#subtiEspDisegno{ background: url(images/titulos/arte_disegno_apple.jpg) 5px 10px no-repeat; height:40px; margin:0;padding:0}
#subtiEspDisegno span{ display:none}
#ceDiseno{float:left; width:31%;border-right:1px solid #E6E6E6; margin-right:1%; margin-left:1%}
#ceDiseno dt{ background:url(images/imagen_disegno.jpg) -16px 0; margin-top:10px; height:85px; margin-bottom:10px;}
#ceDiseno dt strong{display:none}

#ceDiseno dd{background:url(images/titulos/vineta_home.jpg) 0 7px no-repeat; padding-left:23px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#ceDiseno dd a{ display:block; color:#747474; text-decoration:none}
#ceDiseno dd a:hover{ display:block; color:#747474; text-decoration:underline}

#ceArte{float:left; width:31%; border-right:1px solid #E6E6E6; margin-right:1%;}
#ceArte dt{background:url(images/imagen_arte.jpg) -12px 0; margin-top:10px; height:85px; margin-bottom:10px; }
#ceArte dt strong{display:none}

#ceArte dd{background:url(images/titulos/vineta_home.jpg) 0 7px no-repeat; padding-left:23px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#ceArte dd a{ display:block; color:#747474; text-decoration:none}
#ceArte dd a:hover{ display:block; color:#747474; text-decoration:underline}

#ceApple{float:left; width:31%;}
#ceApple dt{ background:url(images/imagen_apple.jpg) -18px 0; margin-top:10px; height:85px; margin-bottom:10px;}
#ceApple dt strong{display:none}

#ceApple dd{background:url(images/titulos/vineta_home.jpg) 0 7px no-repeat; padding-left:23px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#ceApple dd a{ display:block; color:#747474; text-decoration:none}
#ceApple dd a:hover{ display:block; color:#747474; text-decoration:underline}

#fechaespProgramacion{ background: url(images/titulos/espacio_programacion.jpg) 5px 13px no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#A2A2A2; text-align:right; padding-right:10px; overflow:hidden ; padding-top:33px; padding-bottom:18px}
#subtiEspProgramacion{ background:url(images/titulos/php_action_java.jpg) 5px 10px no-repeat; height:40px; margin:0;padding:0}
#subtiEspProgramacion span{ display:none}
#cePHP{float:left; width:31%;border-right:1px solid #E6E6E6; margin-right:1%; margin-left:1%}
#cePHP dt{ background:url(images/PHP_elefante.jpg) 119px center no-repeat; margin-top:10px; height:96px; margin-bottom:10px;}
#cePHP dt strong{display:none}
#cePHP dd{background:url(images/titulos/vineta_home.jpg) 0 7px no-repeat; padding-left:23px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#cePHP dd a{ display:block; color:#747474; text-decoration:none}
#cePHP dd a:hover{ display:block; color:#747474; text-decoration:underline}

#ceAS{float:left; width:31%; border-right:1px solid #E6E6E6; margin-right:1%;}
#ceAS dt{ background:url(images/imagen_action.jpg) -7px center no-repeat; margin-top:10px; height:96px; margin-bottom:10px; }
#ceAS dt strong{display:none}
#ceAS dd{background:url(images/titulos/vineta_home.jpg) 0 7px no-repeat; padding-left:23px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#ceAS dd a{ display:block; color:#747474; text-decoration:none}
#ceAS dd a:hover{ display:block; color:#747474; text-decoration:underline}

#ceJS{float:left; width:31%;}
#ceJS dt{ background:url(images/javascript_rinoceronte.jpg) 10px center no-repeat; margin-top:10px; height:96px; margin-bottom:10px;}
#ceJS dt strong{display:none}
#ceJS dd{background:url(images/titulos/vineta_home.jpg) 0 7px no-repeat; padding-left:23px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#747474; line-height:20px}
#ceJS dd a{ display:block; color:#747474; text-decoration:none}
#ceJS dd a:hover{ display:block; color:#747474; text-decoration:underline}
#fechacontacto{ background:url(images/titulos/contacto.jpg) 5px 14px no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#A2A2A2; text-align:right; padding-right:10px; overflow:hidden ; padding-top:33px; padding-bottom:10px}
#cajaContacto{margin:10px; overflow:hidden; margin-top:25px; padding:0;}
#cajaContacto fieldset{border:1px solid #E6E6E6; padding:10px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#E96450; font-weight:normal;  }
#cajaContacto label{display:block; text-align:right; margin-right:100px; padding:10px 0 10px 0;  color:#747474;text-transform: uppercase; font-size:10px}
#cajaContacto div{text-align:right; margin-right:100px; padding:10px 0 10px 0;  color:#747474;text-transform: uppercase; font-size:10px}
#cajaContacto input, textarea{ width:300px; border: 1px solid #E6E6E6;}
#enviarContacto{width:80px !important;}
#fechaespPportfolio{ background:url(images/titulos/portfolio.jpg) 5px 14px no-repeat; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#A2A2A2; text-align:right; padding-right:10px; overflow:hidden ; padding-top:33px; padding-bottom:18px}
#contenedorMenuPortfolio{position:absolute;}
#soloUnBorde{position:absolute; z-index:1; left:5px; height:1px; width:750px; background-color:#E6E6E6; top:22px; overflow:hidden}
#menuPortfolio{ list-style:none;}
#menuPortfolio li{ float:left; height:30px; z-index:10; }
#menuPortfolio li a{text-decoration:none; display:block;}
#menuPortfolio li a:hover{-khtml-opacity:.50; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;zoom:1; }
#portWebsites{ width:122px; margin-left:5px; margin-right:5px;  }
#portWebsites div{position:absolute; bottom:6px; left:132px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px;}
#portWebsites span{position:absolute; bottom:6px; left:132px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px; display:block}
#portMultimedia{ width:145px; margin-right:5px; }
#portMultimedia div{position:absolute; bottom:6px; left:282px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px;}
#portMultimedia span{position:absolute; bottom:6px; left:282px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px; display:block}

#portImagen{ width:217px;; margin-right:5px; }
#portImagen div{position:absolute; bottom:6px; left:504px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px;}
#portImagen span{position:absolute; bottom:6px; left:504px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px;display:block}

#portEditorial{ width:118px; margin-right:5px; }
#portEditorial div{position:absolute; bottom:6px; left:627px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px;}
#portEditorial span{position:absolute; bottom:6px; left:627px; background-color:#E6E6E6;overflow:hidden; width:1px; height:22px;display:block}

#portCarteleria{ width:88px; }
#bloquePortfolio{width:750px; margin-top:45px; margin-left:5px; border-top:1px solid #E6E6E6 ; position:relative; overflow:hidden; }
#tn{float:left; width:160px; border-right:1px solid #E6E6E6; overflow:hidden;}
#pdes{float:left; width:588px;}
#tnTit{color:#e96450; font-size:12px; border-bottom:1px solid #E6E6E6; line-height:20px; font-family:Geneva, Arial, Helvetica, sans-serif}
#pdesTit{padding-left:20px; color:#e96450; font-size:12px; border-bottom:1px solid #E6E6E6; line-height:20px; font-family:Geneva, Arial, Helvetica, sans-serif}
#pdesTit span{color:#000}
#tntn{width:155px; height:298px; overflow:hidden; margin-bottom:37px; margin-top:3px;}
#tntn img{ display:block !important;float:left !important; display:inline; margin-top:5px; margin-right: 20px; margin-bottom: 5px; margin-left: 0; zoom:1;}
#FUP{ display:block;position:absolute;left: 130px;top: 33px;overflow:hidden}
#FDW{ display:block;position:absolute;left: 130px;top: 292px;overflow:hidden}
#g3container{ width:548px; height:220px; position:absolute;  background-position:center; background-repeat:no-repeat;}

#g3{ margin-top:20px; margin-left:20px; width:548px; height:220px; position:relative; overflow:hidden;cursor:pointer; }
#textoCliente{margin-top:20px;padding-left:20px;color:#666; font-size:11px; line-height:15px; font-family:Geneva, Arial, Helvetica, sans-serif;width:559px;overflow:hidden}
#textoCliente a{color:#666;}
#textoCliente strong{color:#000;}
#galeriaPortfolio{margin-top:5px;padding-left:55px;color:#e96450; font-size:11px; padding-top:15px; font-family:Geneva, Arial, Helvetica, sans-serif;width:529px; background:url(images/imagenes.jpg) 20px center no-repeat; padding-bottom:15px; display:none; overflow:hidden}
#galeriaSWF{margin-top:5px;padding-left:55px;color:#e96450; font-size:11px; padding-top:15px; font-family:Geneva, Arial, Helvetica, sans-serif;width:529px; background:url(images/video.jpg) 20px center no-repeat; padding-bottom:15px; display:none; overflow:hidden}

.transparente{
-khtml-opacity:.50; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;zoom:1; cursor:pointer;
}
.opaco{-khtml-opacity:1; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;zoom:1; 
}
#verTodasNotasDiseno{ text-align:right; border-top:1px solid #E6E6E6;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#E96450; line-height:30px; overflow:hidden}
#verTodasNotasDiseno a{color:#E96450; text-decoration:none; display:block; background:url(images/b.siguiente.jpg) 733px center no-repeat; padding-right:30px}
#verTodasNotasDiseno a:hover{ text-decoration:underline}
dl.errorForm{border:1px solid #F00; padding:10px; background-color: #FF7D7D; color:#FFF;  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom:15px}
dl.exitoForm{border:1px solid #000; padding:10px; background-color: #888; color:#FFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom:15px}
dt.errorForm{padding-left:10px}
dd.errorForm{padding-left:50px; font-size:10px}
#rss{ font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:left; width:400px; padding:5px; border:1px solid #333; margin:5px auto;}
#rss dt{font-weight:bold; padding-left:5px; padding-bottom:3px}
#rss a{ display:block; line-height:20px; padding-left:27px; background:url(iconos/rss_icon_chico.jpg) 0 center no-repeat; color:#333; text-decoration:none; margin-left:5px; font-size:12px}
#rss a:hover{background:url(iconos/rss_icon_chico.jpg) 0 center no-repeat #F3F3F3;}
#demoCursoJS{font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:left; width:650px; margin: auto;}
#demoCursoJS dt{padding-bottom:10px}
#demoCursoJS img{border:1px solid #000}
#demoCursoJS a{text-decoration:none}