/* CSS Document */
body{ margin:5px; font-family:Arial, Helvetica, sans-serif; font-size:100%; background:#658EAF url(img/bg.jpg) repeat-x;}
p{ font-size:11px; color:#333; margin:5px 0 0 5px;}
h1{}
h2{ letter-spacing:-1px;}
h3{ font-size:18px; font-weight:normal; letter-spacing:-1px; color:#007D9D; margin:0;}
h3 a{ font-size:24px; color:#0099CC; text-decoration:none;}
h3 a:hover{ color:#0099FF;}
h4, h4 a{ font-size:16px; font-weight:bold; letter-spacing:-1px; color:#FF6600; margin:0; text-decoration:none;}
h4 a:hover{ color:#990000;}
h5{ color:#999;}
a{ color:#0099FF; text-decoration:none;}
a:hover{ color:#0066FF;}

#contenedor{ width:1000px; margin:0 auto; overflow:hidden; height:1%; background:url(img/cen_centro.gif) repeat-y;}
#izquierda{ float:left; width:765px;}
#derecha{ float:left; /*border:1px solid #FFFFFF;*/ width:230px; margin:0 0 0 3px;}
	#der_col{ background: url(img/blog_centro.jpg) repeat-y; width:227px; padding-bottom:10px;}
		.noticia{ display:block; padding:10px 10px 10px 5px; border-bottom:1px dashed #CCC; width:175px; margin:0 0 0 15px;}
			.noticia ul li{font-size:11px; color:#0099FF;}
		#der_col .cabecera{ display:block; background:url(img/blog_top.jpg) no-repeat; height:42px; width:215px; font-size:18px; font-weight:bold; color:#FFF; letter-spacing:-1px; padding:10px 0 0 15px; margin-bottom:10px;}
		#der_col .cabecera_1{ display:block; background:url(img/derecha_seg.gif) no-repeat; height:42px; width:215px; font-size:18px; font-weight:bold; color:#FFF; letter-spacing:-1px; padding:25px 0 0 15px; margin-bottom:10px;}
		#der_col_pie{ background: url(img/der_col_pie.jpg) no-repeat; height:10px; width:227px; line-height:1px; margin:0; padding:0;}


#top{ position:relative; width:765px; height:137px; background:url(img/top_cen1.jpg);}
	.top_izq, .top_der{ display:block; position:absolute; width:8px; height:137px; background:url(img/top_izq.jpg) no-repeat;}
	.top_der{background:url(img/top_der.jpg) no-repeat; right:-1px;}
	.top_c{ display:block; position:absolute; width:201px; height:133px; background:url(img/top_c.jpg) no-repeat; right:8px; z-index:1;}
	.logo{display:block; position:absolute; top:20px; left:20px;}
	
	
#menu{ position:absolute; top:95px; width:735px; height:27px; margin-left:12px; background:url(img/bg_menu.jpg) repeat-x; z-index:8099;}
#menu_izq{ position:absolute; left:0; background:url(img/menu_izq.jpg) no-repeat; width:6px; height:26px;}
#menu_der{ position:absolute;  left:735px; background:url(img/menu_der.jpg) no-repeat; width:6px; height:26px;}

#navegacion{ clear:both; padding:0px 5px; position:absolute;}
.menu a {display:block;float:left;border:none;background-position:left top;background-repeat:no-repeat;width:83px;  height:26px; z-index:9999;}
.menu a:hover, .menu .activo { background-position: 0 -25px; text-decoration: none; }
.menu .alt { display:none; }
.menu a#inicio { background-image:url(img/btn_inicio.jpg)}
.menu a#comunicar { background-image:url(img/btn_productos.jpg) }
.menu a#servicios { background-image:url(img/btn_servicios.jpg) }
.menu a#clientes { background-image:url(img/btn_clientes.jpg)}
.menu a#blog { background-image:url(img/btn_blog.jpg) }
.menu a#articulos { background-image:url(img/btn_articulos.jpg) }
.menu a#contacto { background-image:url(img/btn_contacto.jpg) }

	
	
#flash{width:765px; }

#cen_top,#cen_pie{ background:url(img/cen_top.jpg) no-repeat; height:10px; width:765px; line-height:1px; margin:0 auto; padding:0;}
#contenido{ width:765px; overflow:hidden; height:1%;}
#cen_pie{background:url(img/cen_pie.jpg) no-repeat; width:1000px;  height:12px; background-color:#658EAF; height:10px;}
	#col_1{ float:left; width:505px; padding:5px 10px 10px 15px;}
		.titulo{ display:block; background:#A3EDFF; color:#006699; font-weight:normal; letter-spacing:-1px; font-size:18px; padding:5px; margin:10px 0 0 0;}
		.destacado{ display:block; border-bottom:1px dashed #CCC; margin:15px 0 0 0; padding-bottom:10px; overflow:hidden; height:1%;}
			.destacado .imagen, .imagen{ float:left; display:block; padding:1px; margin:0 10px 0 0; border:1px solid #CCC;}
			.destacado ul{ margin:0; }
			.destacado ul li{ font-size:11px; color:#3589B7;}
		#portfolio{position:relative; width:502px; background:#00CCFF;height:165px; }
			.por_izq, .por_der{ position:absolute; background:url(img/port_izq.jpg) no-repeat; width:6px; height:165px;}
			.por_der{background:url(img/port_der.jpg) no-repeat; right:0;}
			#portfolio h1{ color:#FFF; margin:0; font-size:20px; font-weight:normal; padding:10px 0 0 20px;}
	
	#col_2{float:left; width:222px; margin-left:10px;}
		#col_2 ul{ margin:0; padding:0;}
		#col_2 ul li{ margin:0; padding:0; list-style-type:none; padding:3px 0; }
		#col_2 ul li a{ color:#333; font-size:11px; text-decoration:none; padding:5px 0 10px 0;}
		#col_2 ul li a:hover{ color:#999; text-decoration:underline; }
		
		#col_2 .cabecera{ display:block; background:url(img/cab_azul.jpg) no-repeat; height:41px; width:213px; font-size:18px; color:#FFF; letter-spacing:-1px; padding:0 0 0 10px; margin-bottom:10px;}
		#col_2 h4{ color:#007D9D;}

/* BLOG*/
.entry p{ font-size:12px; padding:3px 0;}
.buscar{ display:block; padding-bottom:15px;}
.alignleft{ float:left; font-size:10px; color:#0099FF;}
.alignright { float:right; font-size:10px; color:#0099FF;}
.alignleft a, .alignright a{ color:#0099FF;}
.destacado .navigation {display: block; height:10px; text-align: center; padding:0 5px 10px 5px; margin-bottom:10px; border-bottom:1px dashed #CCC;}
.postmetadata, .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none; border-top:1px dashed #CCC; margin-top:10px; padding-top:10px; display:block; color:#999;}
.postmetadata a{ color:#0099FF; text-decoration:none;}
.postmetadata a:hover{ color:#0066FF;}

.commentlist {padding: 0;text-align: justify;}
.commentlist a{ color:#333; text-decoration:none;}
.commentlist ul{ margin:0; padding:0;}
.commentlist li { padding: 5px 10px 3px;list-style: none;}
.commentlist p {padding: 10px; }
.commentlist li, #commentform input, #commentform textarea {font: 0.9em Arial, Helvetica, sans-serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal; font-size: 1.1em;	}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none; background-color:#EFEFEF; border:1px solid #EEE;}
small{ font-size:10px; color:#999;}


/* FORMULARIO */
input.texto { color: #333333; background-color: #FFF; border: 2px solid #0099FF; width: 290px; height:15px; padding:5px; background:url(img/bg_form.jpg) repeat-x;}
textarea.texto { color: #333333; background-color: #FFF; border: 2px solid #0099FF; width: 290px; height:130px; padding:5px; background: #FFF url(img/bg_form.jpg) repeat-x;}
form p { clear: left; margin: 0; padding: 0; padding-top: 15px;}
form p label { float: left; width: 80px;}





#pie{ position:relative; background:url(img/pie_cen.jpg) repeat-x; height:92px; width:1000px; margin:3px auto;}
	.pie_izq, .pie_der{ position:absolute; background:url(img/pie_izq.jpg) no-repeat; width:8px; height:92px;}
	.pie_der{background:url(img/pie_der.jpg) no-repeat; right:0;}
	.pie_logo{ position:absolute; top:30px; left:20px;}
	.marcas{ display:block; position:absolute; top:25%; left:30%; width:355px; height:47px; background:url(img/sponsor.jpg) no-repeat;}
	.copy{ position:absolute; color:#8A8A8A; font-size:11px; text-align:right; right:20px; top:20px;}