/* CSS Document Tecnología 2010*/
body {margin-top:5px; font-family:Verdana; font-size:12px; background-color:#FFF}
/*Content*/
.content {background:#FFF; margin:0 auto; width:1000px;} 
.interior {width:1000px; padding:5px 0 }
.right {float:right; width:300px}
.left {float:left; width:680px}
.fl { float:left}
.fr { float:right}
.cl { clear:both}
.pad {padding:5px}
.izqSeccion {float:left; width:320px}
.derSeccion {float:right; width:320px; margin-right:5px}
/* ENCABEZADO */
.head {background:url(/tecnologia/images/2009/cabezote.gif) no-repeat; width:950px; height:142px; margin-top:1px}
.head .buscar {padding:10px; margin-left:700px;}
.head .buscar .buscador {font-size:13px; color:#666;}
.head .banner728 { float:right; padding-right:5px}
/*PESTAÑAS TITULOS*/
/*Pestaña Gris*/
.pestana1 { background:url(/tecnologia/images/2009/pestana1_16.gif)}
.pestana1 .bgL { background:url(/tecnologia/images/2009/pestana1_15.gif) left no-repeat}
.pestana1 .bgR { background:url(/tecnologia/images/2009/pestana1_18.gif) right no-repeat; font-size:14px; font-weight:bold; color:#666; height:19px; padding: 3px 0 0 5px}
.pestana1 span {color:#045CB6}
/*Pestaña Azul*/
.pestana2 { background:url(/tecnologia/images/2009/pestana2_26.gif)}
.pestana2 .bagL {background:url(/tecnologia/images/2009/pestana2_25.gif) left no-repeat}
.pestana2 .bagR {background:url(/tecnologia/images/2009/pestana2_27.gif) right no-repeat; font-size:14px; color:#FFF; height:19px; padding: 3px 0 0 5px}
/* PUBLICIDAD */
.visite { font-size:10px; color:#999; margin:0px 0px 10px 10px}
/* HOME */
.izquierdaHome {float:left; width:665px;}
.izquierdaHome .Izq {float:left; width:320px}
.izquierdaHome .Der {float:right; width:320px; margin-right:5px}
.derechaHome { float:right; width:320px}
/* NOTICIAS*/
.news1 {border:1px #C9C7C7 solid; width:648px; padding:5px;}
.news1 a {text-decoration:none; font-size:13px; color:#666; display:block}
.news1 .notPrincipal { width:328px; mrging:5px 0px 5px 0px} 
.news1 .notPrincipal .titulo {font-size:18px; margin:0; display:block; color:#0063B6 }
.news1 .imgPrincipal { width:300px; margin-right:20px }
.news1 .imgPrincipal a img {border:1px #CCC solid;}
.news1 .imgPrincipal a:hover img {border:1px #1E7BC4 solid;}
.news1 a:hover { text-decoration:underline; color:#999 }
.news1  hr { border-width:0px; background-color:#CCC; width:300px; height:1px; display:block; margin:12px 0px 10px 0px }
.news1 .shadowFT {background:url(/tecnologia/images/2009/sombra2.jpg) repeat-x; width:668px; height:8px; text-align:right}
.news1 .titular {font-size:11px; color:#0063B6; width:328px }
.news1 .titular a { color: #0063B6; display:block; padding:2px 0; cursor:pointer }
.news1 .titular a:hover { text-decoration:underline}
.news1 .titular .bullet { color:#666; font-size:12px; font-weight:bold; width:15px; text-decoration:none; margin:1px 0px }
.news1 .titular .texto { margin-bottom:3px; font-size:11px; clear:right }
.sombraR {background: url(/tecnologia/images/2009/sombra.jpg) repeat-y right; margin-right:10px; width:668px}
.sombraAb {background:url(/tecnologia/images/2009/sombra2.jpg) repeat-x; width:667px; height:8px; text-align:right}
.btMasN {text-align:right; padding-top:10px}
.btMasN a img{ float:right; border:0}
.news2 {margin-bottom:10px; border:1px #CCC solid; padding:5px; background: url(/tecnologia/images/2009/bg_titular.gif) repeat-x}
.news2 a {font-size:12px; color:#666; text-decoration:none; display:block}
.news2 a:hover { text-decoration:underline; color:#999 }
.news2 .tema {font-size:13px; color:#045CB6; padding-bottom:5px; font-weight:bold }
.news2 .titulo {font-size:12px; color:#0063B6; padding:5px 0px }
.news2 .titulo a {color:#0063B6}
.news2 .nota img {float:left; padding:4px 8px 4px 4px; border:0}
.news2  hr { border-width:0px; background-color:#CCC; width:280px; height:1px; display:block; margin:5px 0px }
.news2 .titular a { color: #0063B6; display:block; padding:2px 0; cursor:pointer }
.news2 .titular a:hover { text-decoration:underline}
.news2 .titular .bullet { color:#666; font-size:12px; font-weight:bold; width:15px; text-decoration:none; margin:1px 0px }
.news2 .titular .texto { margin-bottom:3px; font-size:11px; clear:right }
/*Más titulares*/
.masT {padding:10px 5px 5px 5px; border:1px #999 solid; font-size:11px; margin-bottom:10px; }
.masT .titulares a {color:#555; text-decoration:none; padding:5px; display:block; margin-bottom:2px; border-bottom:1px #CCC dotted}
.masT .titulares a:hover { background: #F4F3F3; color:#444}
.masT .titulares .bullet {color:#045CB6; font-size:12px; font-weight:bold; width:15px; margin:1px 0px}
/*Destacados*/
.destacados {padding:5px; border:1px #999 solid; font-size:12px; margin-bottom:10px}
.destacados a {text-decoration:none; color:#666; display:block}
.destacados a:hover { text-decoration:underline;}
.destacados a img {float:left; border:1px #CCC solid; margin:5px 8px 5px 0}
.destacados a:hover img { border:1px #045CB6 solid}
.destacados .bullet { color:#045CB6; font-weight:bold; text-decoration:none; }
/* MULTIMEDIA */
.multim {padding:5px; border:1px #999 solid; font-size:11px; background:url(/tecnologia/images/2009/bg_galeria.gif) repeat-x; background-color:#4F79A9; margin-bottom:10px}
.multim a img{border:1px #999 solid; text-decoration:none}
.multim a:hover img  {border:1px #FFF solid}	
.multim a {color:#666; font-weight:bold; text-decoration:none; display:block}
.multim a:hover { text-decoration:underline}
.multim .vermas {text-align:right; padding-top:2px}
.multim .vermas a img {border:0}
/*ENCUESTA*/
.encuesta {border:1px #CCCCCC solid; padding:5px; background: url(/tecnologia/images/2009/bg_titular.gif) repeat-x; font-size:12px; color:#666}
/* VISIONARIOS*/
.visionarios {background:url(/tecnologia/images/2009/visionarios.gif) no-repeat; border:1px #999 solid; padding:5px; position: relative; margin-bottom:10px}
.visionarios .titulo {font-size:12px; color:#0063B6; padding:5px 0px }
.visionarios .titulo a {color:#0063B6}
.visionarios a img {float:left; border:1px #CCC solid; margin-right:6px; position:relative}
.visionarios a:hover img {border:1px #4F79A9 solid;}
.visionarios a {color:#333; font-size:13px; text-decoration:none; display:block}
.visionarios a:hover {color:#4F79A9}
/* 	EVENTOS */
.eventos { background:url(/tecnologia/images/2009/eventos_29.gif) no-repeat; border:1px #666 solid; font-size:11px; min-height:146p; padding:5px; margin-bottom:10px}
.eventos .titulo {font-size:11px; color:#003386; font-weight:bold; padding:30px 0px 5px 0px }
.eventos .titulo a {color:#003386}
.eventos a { color:#333; text-decoration:none}
.eventos a:hover {color:#4F79A9}
.eventos a img {float:left; margin:5px 8px; border:1px #036 solid}
.eventos a:hoover { border: 1px #FFF solid}
/* CONSEJOS */
.consejos {border:1px #4F79A9 solid; padding:10px 5px; font-size:13px; margin-bottom:10px }
.consejos span {color:#036}
.consejos a {color: #666; text-decoration:none; display:block}
.consejos a:hover {color:#4F79A9}
/* END HOME */
.navegacion { font-size:11px; color:#666; margin-bottom:8px}
.navegacion .ubicacion {float:left}
.navegacion .ubicacion a {color:#0063B6; text-decoration:none;}
.navegacion .ubicacion a:hover {text-decoration:underline}
.navegacion .fecha {float:right; padding-right:10px}
.seccionTit { font-size:13px;  margin-bottom:5px}
.seccionTit a {color: #0063B6; text-decoration:none}
.seccionTit a:hover {text-decoration:underline}
.seccionRight {float:right; width:310px}
.seccionLeft {float:left; width:680px;}
/* Laterales */
.banner160det {float:right; width:160px}
.servicios {float:left; width:140px}
.servicios a img {border:1px #CCCCCC solid; margin-bottom:10px}
.servicios a:hover img {border:1px #03519A solid; opacity: .700; -moz-opacity: .700; filter:alpha(opacity=70);}
.servicios .serv {padding:10px 5px 5px 5px; border:1px #999999 solid; font-size:11px; margin-bottom:10px;}
.servicios .serv img {border:0; float:left; padding-right:2px; margin-bottom:5px}
.servicios .serv  a {color:#333333; text-decoration:none; padding:5px; display:block; margin-bottom:2px; border-bottom:1px #CCCCCC dotted}
.servicios .serv  a:hover { background: #F4F3F3;}
.servicios .serv a span {color:#045CB6}


