/*------------------------------------------------- RESET ---------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul { list-style:none; }
/*------------------------------------------------- GENERAL ---------------------------------------------------*/
	
	body {
		background: url(images/img_estructura/body_back.gif) 0 -17px repeat-x;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 11px;
		color: #636366;
		line-height:;
		}
		
		#wrapper {
			width: 980px;
			margin: 17px auto 0 auto;
			}
			
			#header {
				height: 111px;
				margin: 0 0 14px 0;
				}
				#tope_contenedor {
					width: 100%;
					height: 76px;
				}
					h1 {
						background: url(images/img_estructura/logo_spy.gif) 0 0 no-repeat;
						width: 263px;
						height: 76px;
						text-indent: -9999px;
						float: left;
						}
					
					#banner {
						width: 512px;
						float: right;
						height: 74px;
						margin-bottom: 2px;			
						}
				
				a#suscribete {
					background: url(images/img_botones/suscribirse.gif) 0 0 no-repeat;
					width: 143px;
					height: 59px;
					display: block;
					text-indent: -9999px;
					} a#suscribete:hover { background-position: 0 -59px;}
				
				a#boletin {
					background: url(images/img_botones/suscribirse.gif) 0 -118px no-repeat;
					width: 143px;
					height: 59px;
					display: block;
					text-indent: -9999px;
					} a#boletin:hover { background-position: 0 -177px;}
			
			#content {
				display: inline-block;
				margin-bottom: 14px;
				}
				
				#content:after {
					content: "."; 
					display: block; 
					height: 0; 
					clear: both; 
					visibility: hidden; 
					}
			
			#col1 {
				width: 143px;
				float: left;
				margin-right: 14px;
				margin-bottom: 14px;
				}
				
				#col1 div.widget {
					margin-top: 14px;
					}
					
			#col2 {
				width: 620px;
				float: left;
				margin: 0 0 0 0;
				display: inline;
				margin-bottom: 14px;
			}
			
			#col3 {
				width: 203px;
				float: right;
				margin-bottom: 14px;
				}
				
				#col3 h2 {
					margin-bottom: 10px;
					}
				
				#col3 ul li {
					margin-bottom: 14px;
				}
			
			
			a {
				color: #000;
				text-decoration: none;
				}
				
				a:hover {
					text-decoration: underline;
					}
			
			p {
				margin-bottom: 16px;
				}
/*------------------------------------------------ MENU -----------------------------------------------------------*/

			#menu {
				margin-top: 15px;

				float: left;
				}
			
			#menu li  {
				margin-right: 6px;
				float: left;
				}
			
			#menu li a {
				color: #fff;
				
				text-decoration: none;
				display: block;
				height: 19px;
				background: url(images/img_estructura/menu_leftback.gif) 0 0 no-repeat;
				/*padding: 0 0 0 10px;*/
				}
			
			#menu li a.cat_destacada {
				color: #fff;
				
				text-decoration: none;
				display: block;
				height: 19px;
				background: url(images/img_estructura/menu_leftback_destacado.gif) 0 0 no-repeat;
				/*padding: 0 0 0 10px;*/
				}
			
			#menu li a span {	
				background: url(images/img_estructura/menu_rightback.gif) 100% 0 no-repeat;
				padding: 0 11px 0 0;
				line-height: 19px;
				margin-left: 10px;
				height: 19px;
				display: block;
				}
			
			#menu li a span.cat_destacada {	
				background: url(images/img_estructura/menu_rightback_destacado.gif) 100% 0 no-repeat;
				padding: 0 11px 0 0;
				line-height: 19px;
				margin-left: 10px;
				height: 19px;
				display: block;
				}
			
			#menu li a:hover {
				background-position: 0 -19px;
				}
			
			#menu li a:hover span {
				background-position: 100% -19px;
				}

		

/*------------------------------------------------ SUBMENU -----------------------------------------------------------*/

			#submenu {
				float: left;
				margin-bottom: 10px;
				}
			
			#submenu li  {
				margin-right: 6px;
				float: left;
				margin-bottom: 5px;
				}
			
			#submenu li a {
				color: #fff;
				
				text-decoration: none;
				display: block;
				height: 19px;
				background: url(images/img_estructura/submenu_leftback.gif) 0 0 no-repeat;
				/*padding: 0 0 0 10px;*/
				color: #b2b2b2;
				}
			
			#submenu li a span {	
				background: url(images/img_estructura/submenu_rightback.gif) 100% 0 no-repeat;
				padding: 0 11px 0 0;
				line-height: 19px;
				margin-left: 10px;
				height: 19px;
				display: block;
				}
			
			#submenu li a:hover {
				background-position: 0 -19px;
				color: #ffffff;
				}
			
			#submenu li a:hover span {
				background-position: 100% -19px;
				}

			.ancho_submenu{
				width: 587px;
				overflow: hidden;
			}

/*------------------------------------------------ DESTACADA -----------------------------------------------------------*/

			#destacada {
				width: 606px;
				
				margin-bottom: 14px;
				display: inline-block;
				}
			
			#destacada:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
			}
			

					
					#destacada h2 a{
						font-size: 18px;
						/*color: #fb6622;*/
						color: #000;
						line-height: 24px;
						height: 48px;
						margin: 0 0 5px 0;
						text-decoration: none;
						}
					
					#destacada h5 {
						font-size: 11px;
						color: #4b4b4d;
						line-height: 17px;
						font-family: Arial, Helvetica, sans-serif;
						height: 34px;
						margin-bottom: 7px;
						}
					
					#destacada p {
						margin-bottom: 21px;
						line-height: 17px;
						}
					
					
					.more-link {
						background: url(images/img_botones/boto_mas.gif) no-repeat scroll 0 0;
						color:#FFFFFF;
						display:block;
						height:19px;
						text-decoration:none;
						width: 37px;
						height:19px;
						padding: 0 18px 0 18px;
						text-decoration: none;
						float: right;
					}
					
					.more-link:hover {
						background-position: 0 -19px;
						text-decoration: none;
						}
						

/*------------------------------------------------ LISTADO MINIS -----------------------------------------------------------*/

					.lista_minis {
						width: 620px;
						}
						
						.lista_minis:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
							}
						
						.lista_minis li {
							width: 296px;
							float: left;
							margin: 0 14px 14px 0;
							list-style: none;
							}
							
							.lista_minis li .txt_mini {
								width: 141px;
								height: 141px;
								float: right;
								}
							
							.lista_minis li .img_mini {
								width: 141px;
								height: 141px;
								float: left;
								background: url(images/img_imagenes/141x141.gif) no-repeat;
								}
								
								.txt_mini h3 {
									margin: 7px 0 3px 0;
								}
								
								.txt_mini h3 a {
									font-size: 11px;
									font-family: Arial, Helvetica, sans-serif;
									font-weight: bold;
									/*color: #fb6622;*/
									color: #000;
									/*margin: 7px 0 6px 0;*/
									text-decoration:none;
									}
								
								.txt_mini p {
									line-height: 14px;
									margin: 0 0 0 0;
									font-size: 11px;
									}
									
/*------------------------------------------------ DESTACADA CATEGORĶA-----------------------------------------------------------*/

			#destacada_cat {
				width: 606px;
				
				margin-bottom: 14px;
				}
				
				#img_destacada_cat {
					width: 296px;
					height: 187px;
					float: left;
					background: url(images/img_imagenes/portada_prueba.jpg) no-repeat;
					}
				
				#txt_destacada_cat {
					width: 296px;
					height: 187px;
					float: right;
					overflow: hidden;
					}
					
					#txt_destacada_cat h2 {
						font-size: 18px;
						color: #fb6622;
						line-height: 24px;
						height: 48px;
						margin: 0 0 5px 0;
						}
					
					#txt_destacada_cat h5 {
						font-size: 11px;
						color: #4b4b4d;
						line-height: 17px;
						font-family: Arial, Helvetica, sans-serif;
						height: 34px;
						margin-bottom: 7px;
						}
					
					#txt_destacada_cat p {
						margin-bottom: 21px;
						line-height: 17px;
						}
															
									
									
/*------------------------------------------------ AMPLIADA -----------------------------------------------------------*/
			#ampliada_sup {
				width: 587px;
				background: url(images/img_estructura/ampliada_sup_back.gif) 0 0 no-repeat;
				height: 21px;
				margin-bottom: 13px;
				padding: 7px 7px 0 12px;
				color: #fff;
				}
				
				#ampliada_sup .breadcrumbs {
					font-weight:bold;
					float: left;
					}
				
				#ampliada_sup .breadcrumbs a {
					font-weight: normal;
					color: #fff;
					}
				
				#ampliada_sup div {
					float: right;
					widows:auto;
					margin-right: 4px;
					}
					
					#ampliada_sup div a{ 
						color: #fff;
						text-decoration: none;
						}
						
						#ampliada_sup div a:hover {
							text-decoration: underline;
							} 
				
				


			#ampliada {
				width: 606px;
				
				/*margin-bottom: 14px;*/
				display: inline-block;
				}
			
			#ampliada:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
			}
			

					
					#ampliada h2 {
						font-size: 18px;
						/*color: #fb6622;*/
						color: #000;
						line-height: 24px;
						margin: 0 0 2px 0;
						}
					
					#ampliada h5 {
						font-size: 11px;
						color: #4b4b4d;
						line-height: 17px;
						font-family: Arial, Helvetica, sans-serif;
						margin-bottom: 1px;
						}
					
					#ampliada h6 {
						font-size: 9px;
						color: #4b4b4d;
						font-weight:normal;
						font-family: Arial, Helvetica, sans-serif;
						margin-bottom: 7px;
						}
					
					#ampliada p {
						margin-bottom: 21px;
						line-height: 17px;
						}
						
						#destacada ul, #ampliada ul, #destacada ol, #ampliada ol {
							margin-bottom: 21px;
							}
						
						#destacada ul li, #ampliada ul li {
							padding-left: 12px;
							background: url(images/img_estructura/li_back.gif) 0 6px no-repeat;
							margin-bottom: 4px;
							}
						
						#destacada ol li, #ampliada ol li {
							margin-bottom: 4px;
							list-style: decimal inside;
							}
					
					#tags {
						background:url(images/img_estructura/tags_back.gif) 0 0 no-repeat;
						width: 584px;
						height: 37px;
						padding: 6px 11px 0 11px;
						margin-bottom: 11px;
						color: #797979;
						}
						
						#tags h4 {
							font-size: 11px;
							width: 30px;
							float: left;
							}	
							
							#tags ul {
								float: left;
								width: 554px;
								margin-bottom: 3px;
								}
							
							#tags ul li {	
								display: inline;
								}
								
								#tags ul li a {
									float: left;
									margin-right: 4px;
									color: #797979;
									text-decoration: none;
									}
								
								#tags ul li a:hover {
									text-decoration: underline;
									}
						
						.postmetadata {
							width: 100%;
							font-weight: normal;
							margin: 46px 0 3px 0;
							}
						
						
						#tags .postmetadata {
							width: 100%;
							font-weight: bold;
							margin: 0 0 3px 0;
							}
							
							.postmetadata a {
									color: #797979;
									text-decoration: none;
									font-weight:normal;
									}
							
							.postmetadata a:hover {
									text-decoration: underline;
									}
/*------------------------------------------------ COMENTARIOS -----------------------------------------------------------*/
				
				#comments {
					width: 606px;
					margin-bottom: 14px;
					}
					
					#top_comments {
						width: 606px;
						height: 16px;
						margin-bottom: 15px;
						} 
						
						#top_comments h5{
						float:left;
						} 
					
					.comentario h5 {
						font-weight:normal;
						}
					
					.sociable {
						/*width: 80px;*/
						float: right;
						margin: 0 5px 0 0;
						}
						
						.sociable ul li {
							display: inline;
							}
						/*
						.sociable ul li a {
							float: left;
							margin-right: 6px;
							background: url(images/img_estructura/sharelinks.gif) no-repeat;
							width: 14px;
							height: 14px;
							text-indent: -9999px;
							}
							
							.sociable ul li a.delicious {
								background-position: 0 0;
								}
							
							.sociable ul li a.facebook {
								background-position: 0 -14px;
								}
							
							.sociable ul li a.twitter {
								background-position: 0 -28px;
								}
							
							.sociable ul li a.rss {
								background-position: 0 -42px;
								}
						*/		
					.comentario {
						width: 606px;			
						}
						
						.comentario_borde {
							background: url(images/img_estructura/comments_top.gif) 0 0 no-repeat;
							height: 5px;
						}
						
						.comentario_cont {
							border: 1px solid #dcdcdb;
							border-top: none;
							background-color: #f1f1f1;
							padding: 7px 13px 13px 13px;
							display: inline-block;
							width: 578px;
						}
						
						.comentario_cont:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
						}
						
						.comentario_cont h3 {
							font-size: 11px;
							margin-bottom: 4px;
							} 
							.comentario_cont h3 span {	
								font-weight: normal;
								}
						
						.comentario_cont p {
							margin-bottom: 16px;
							line-height: 17px;
							}
						
						#comments .comentario_cont h5 {
							font-size: 11px;
							width: auto;
							margin: 0 0 20px 0;
							float: none;
							} 
					
						a.comment-reply-link, a.responder {
							background: url(images/img_botones/responder.gif) 0 0 no-repeat;
							width: 75px;
							height: 17px;
							text-align: center;
							display: block;
							color: #fff;
							text-decoration: none;
							padding: 2px 0 0 0;
							margin-top: 17px;
							}
							
							a.comment-reply-link:hover,a.responder:hover { background-position: 0 -19px;}

						.depth-1 {
							margin-bottom: 13px;
							
						}
						.depth-2, .respuesta {
							width: 551px;
							border: 1px solid #dcdcdb;
							background-color: #fff;
							padding: 7px 13px 13px 13px;
							margin-top: 13px;
						}
						.depth-3{
							width: 525px;
							border: 1px solid #dcdcdb;
							/*background-color: #fff;*/
							padding: 7px 13px 13px 13px;
							margin-top: 13px;
						}
						
						#comentar_tope {
							background: url(images/img_estructura/comentar_top.gif) 0 0 no-repeat;
							height: 5px;
							}
						
						#comentar_cont {
							width: 578px;
							padding: 7px 13px 0 13px;
							border: 1px solid #dcdcdb;
							border-top: none;
							margin-bottom: 14px;
						}
						
							#comentar {
								margin-top: 16px;
								display: inline-block;
								}
							
							#comentar:after {
								content: "."; 
								display: block; 
								height: 0; 
								clear: both; 
								visibility: hidden;
							}
							#comentar input{
							border:none;
							font-size: 11px;
							}
							
							#comentar input[type=text]{
								background: url(images/img_estructura/input.gif) 0 0 no-repeat;
								width: 332px;
								height: 23px;
								display: block;
								font-family: Tahoma, Arial, sans-serif;
								padding: 8px 4px 0 4px;
								color: #636366;
								margin: 7px 0 11px 0;
								}
							
							#comentar textarea {
								background: url(images/img_estructura/textarea.gif) 0 0 no-repeat;
								width: 572px;
								height: 66px;
								display: block;
								border:none;
								font-size: 11px;
								font-family: Tahoma, Arial, sans-serif;
								padding: 8px 4px 8px 4px;
								color: #636366;
								margin: 7px 0 8px 0;
								line-height: 17px;
								}
							
							#comentar input#enviar {
								background: url(images/img_botones/enviar.gif) 0 0 no-repeat;
								width: 51px;
								height: 20px;
								text-align: center;
								color: #fff;
								float: left;
								padding: 0 0 3px 0;
								margin-bottom: 9px;

								} #comentar input#enviar:hover { background-position: 0 -20px;}
							
							.obligatorios {
								float: right;
								margin: 3px 5px 0 0;
								}

			
/*-----------------Twitter------------------*/

.twitter_title_link {
	width: 203px;
	height: 48px;
	background: url(images/img_twitter/encabezado.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	}


ul.twitter {
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	width: 177px;
	padding: 0 12px 10px 12px;
	margin-top: -10px;
	}

.widget_twitter {
	background: url(images/img_twitter/bottom.gif) 0 100% no-repeat;
	padding-bottom: 16px;
	}


#col3 ul li.twitter-item{
	background: url(images/img_twitter/punteado.gif) 0 100% no-repeat;
	padding: 8px 0 12px 0;
	margin: 0 0 0 0;
	} 
	
p.twitter-message{} /* : each one of the paragraphs (if msgs > 1)*/
.twitter-timestamp{
	color: #58bbd2;
}
a.twitter-link{
	color: #367280;
}

a.twitter-link:hover {
	color: #58bbd1;
}

a.twitter-user{
	color: #9f4633:
} /* : the @username reply link class*/



			
/*--------------------------------------------- FLOTADOS -----------------------------------------------------------------*/

			img.alignright {float:right; margin:0 0 0 14px}
			
			img.alignleft {float:left; margin:0 14px 0 0}
			
			img.aligncenter {display: block; margin-left: auto; margin-right: auto}
			
			a img.alignright {float:right; margin:0 0 0 14px}
			
			a img.alignleft {float:left; margin:0 14px 0 0}
			
			a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
			
/*-----------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------- FOOTER ---------------------------------------------------------------*/

				#wraper2 {
					background-color: #878787;
					width: 100%;
					}
					
					#footer {
						width:980px;
						color: #fff;
						margin: 0 auto 0 auto;
						padding: 22px 0 30px 0;

						}
						
						#footer:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden; 
						}
					
					#footer a {
						color: #fff;
						}
						
						#footer a:hover {
						text-decoration: underline;
						}

						
						#footer ul {
							margin: 0 10px 16px 10px;
							height: 100px;
							float: left;
							}
						
						#footer ul li {
							width: 300px;
							margin: 0 10px 0 10px;
							float: left;
							}
							
							#footer ul li ul{
							margin: 0;
							}
						
							#footer ul li ul li {
								margin: 0;
								}
						
						#footer h2 {
							font-size: 16px;
							margin-bottom: 14px;
							color: #fff;
							font-weight: normal;
							}
						
						#footer p {
							text-align: center;
							width: 100%;
							float: left;
							margin-top: 36px;
							}
							
							
/*-------------------------------------------------- FORMULARIO ALTA ------------------------------------------------*/

	h2.alta {
		color:#FB6622;
		font-size:18px;
		line-height:24px;
		margin:0 0 18px 0;
		}
		
		
		input#enviar_alta:hover {
			background-position:0 -20px;
			}
		input#enviar_alta {
			background:transparent url(images/img_botones/enviar.gif) no-repeat scroll 0 0;
			color:#FFFFFF;
			height:20px;
			margin-bottom:9px;
			padding:0 0 3px;
			text-align:center;
			width:51px;
			border:0;
			}
		
		.formBuilderInput {
			width: 340px;
			}
			
/*------------------------------------------------- 404 ------------------------------------------------------------*/

		input[type=text].input_basic{
								background: url(images/img_estructura/input.gif) 0 0 no-repeat;
								width: 332px;
								height: 23px;
								display: block;
								font-family: Tahoma, Arial, sans-serif;
								padding: 8px 4px 0 4px;
								color: #636366;
								margin: 7px 0 11px 0;
								border: 0;
								}
								
								
/*------------------------------------------------- BANNERS INTERIORES ------------------------------------------------------------*/

			#banner_prenoticia, #banner_postnoticia {
				width: 606px;
				margin-bottom: 14px;
			}

/*------------------------------------------------- BOTONERA SOCIAL ------------------------------------------------------------*/

			#social {
				width: 75px;
				float:left;
				margin-top:15px;
				}
				
				#social li {
					width: 19px;
					display:inline;
					float: left;
					margin-right: 6px;
					}
				
				#social li a {
					display: block;
					width: 19px;
					height: 19px;
					text-indent: -9999px;
					background: url(images/img_botones/social_buttons.gif) no-repeat;
					}
					
					#social li a.facebook {
						background-position: 0 0;
					}
					#social li a.facebook:hover {
						background-position: 0 -19px;
					}
					
					#social li a.twitter {
						background-position: -19px 0;
					}
					#social li a.twitter:hover {
						background-position: -19px -19px;
					}
					
					#social li a.rss {
						background-position: -38px 0;
					}
					#social li a.rss:hover {
						background-position: -38px -19px;
					}

/*------------------------------------------------- FORMULARIO MAILING ------------------------------------------------------------*/

			#ampliada .spi-ajax-container h2 {
				font-size:11px;
				color: #636366;
				font-weight: bold;
				margin-bottom: 18px;
				line-height: 18px;
				}
			
			.spi-ajax-container input {
				background:transparent url(images/img_estructura/input.gif) no-repeat scroll 0 0;
				color:#636366;
				display:block;
				font-family:Tahoma,Arial,sans-serif;
				height:23px;
				margin:7px 0 11px;
				padding:8px 4px 0;
				width:332px;
				border: none;
				}
				
				.spi-ajax-container input[type="hidden"] {
					display:none;
					}
					
				.spi-ajax-container input[type="submit"] {
					background: url(images/img_botones/suscribirse_gris.gif) 0 0 no-repeat;
					width: 70px;
					height: 19px;
					display: block;
					padding:0 0 2px 0;
					font-size:11px;
					color: #fff;
					text-align: center;	
					line-height: 11px;			
				}
					.spi-ajax-container input[type="submit"]:hover {
						background-position: 0 -19px;
						}
					
					
/*------------------------------------ facebook ------------------------------------*/

				.fan_box {
					width: 143px;
					}