/********************** <General> **********************/
* {margin: 0; padding: 0;}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
	color: #000;

	background: #FFF url(/imagenes/fondo_web.jpg) repeat-x;
}

.accesibilidad{display: none;}

.clearboth{clear: both;}

a{text-decoration: none;}

img{border:0; margin: 0 0 10px 0;}

img.float_izq{
	float: left;
	margin: 0 15px 10px 0;
	}

img.float_der{
	float: right;
	margin: 0 0 10px 15px;
	}
	
#contenedor{
	width: 765px;
	margin: auto;
}
/********************** </General> **********************/
/********************** <Cabecera> **********************/
#cabecera{
	float:left;
	width: 765px;
	height: 240px;
	background: #FFF url(/imagenes/fondo_cabecera.jpg) no-repeat;
}
#frase a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color:#CCC;
}
/********************** </Cabecera> **********************/
/********************** <Men?> **********************/
#menu{
	float: left;
	width: 765px;
	height: 90px;
	list-style:none;
	background: #000 url(/imagenes/fondo_menu.jpg) no-repeat;
}

	#menu img{
		float: left;
	}
	
	#menu ul{
		list-style:none;
		padding: 54px 0 0 0;
	}
		#menu ul li{
			float: left;
			text-align: center;
		}
			#menu ul li a{
				display:block;
				width: 130px;
				height: 30px;
				padding: 6px 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				color: #FFF;
				background: #000 url(/imagenes/fondo_menu_li.jpg) no-repeat;
			}
			#menu ul li a:hover, #menu ul li.on a{
				color: #DA251C;
				background: #000 url(/imagenes/fondo_menu_li.jpg) no-repeat left -36px;
			}
/********************** </Men?> **********************/
/********************** <migas_pan> **********************/
#migas_pan{
		float: left;
		width: 735px;
		height: 95px;
		padding: 5px 0 0 30px;
		background: #FFF url(/imagenes/fondo_migas_pan.jpg) no-repeat;
	}
	#migas_pan, #migas_pan span a{
			font-size:11px;
			color: #444;
	}
		#migas_pan span a:hover{
			text-decoration: underline;
		}

h2, h2 a{
	clear: both;
	width: 400px;
	margin: 30px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #099;
}
h2 a:hover{
	text-decoration: underline;
}
.info_post{
	display:block;
	width: 460px;
	padding: 2px 0 0 0;
	color: #999;
	border-top: solid 1px #ddd;
}
.info_post2{
	padding: 2px 0 15px 0;
}
/********************** </migas_pan> **********************/
/********************** <Contenido> **********************/
#contenido{
	width: 765px;
	overflow:hidden;
	clear:both;
	background: #FFF;
}

	/********************** <inicio> **********************/
	.margeneg{margin: -15px 0 0 0;}

	ul#ultimas_webs{
		float:left;
		margin: 18px 0 0 0;
		width: 460px;
		list-style: none;
	}
	ul#ultimas_webs li{
		display: block;
		width: 460px;
		height: 120px;
		margin: 0 20px 20px 0px;
	}
		ul#ultimas_webs li a{
		}
			ul#ultimas_webs li a img{
				float: left;
				padding: 2px;
				border: solid 2px #CCC;
			}
			ul#ultimas_webs li a:hover img{
				border: solid 2px #999;
			}
			
		ul#ultimas_webs li p{
			width: 340px;
			float: right;
		}
	
		ul#ultimas_webs li a.mas_web_inicio{
			float: left;
			margin: 0 0 0 10px;
			padding: 0 0 0 15px;
			color: #099;
			border-bottom: 1px solid #9FF;
			background: #FFF url(/imagenes/icon_mas.gif) no-repeat left 3px;
		}
		ul#ultimas_webs li a:hover.mas_web_inicio{
			color: #099;
			border-bottom: 1px solid #099;
		}


	ul#ultimas_entradas{
		float:left;
		margin: 15px 0 0 0;
		width: 460px;
		list-style: none;
	}
	ul#ultimas_entradas li{
		display: block;
		width: 460px;
		height: 95px;
		margin: 0 0px 0px 0px;

	}
		ul#ultimas_entradas li h3{
			float: left;
			width: 460px;
			margin: 0 0 3px 0;
			padding: 0 0 5px 0px;
			background: none;
		}
			ul#ultimas_entradas li h3 a{
				font-size: 15px;
				font-weight: normal;
				color: #099;
				border-bottom: 1px solid #9FF;
			}
			ul#ultimas_entradas li h3 a:hover{
				color: #099;
				border-bottom: 1px solid #099;
			}
			
		ul#ultimas_entradas li p{
			float: left;
		}
	/********************** </inicio> **********************/
	/********************** <principal> **********************/
	#principal{
		float:left;
		display:inline;
		width: 460px;
		min-height: 400px;
		padding: 15px 30px 0 30px;
		background: #FFF;
		}
	#principal p{
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align: justify;
		color: #444;
		line-height: 150%;
		padding: 0 0 10px 0;
		}

	#principal p a{
		color: #099;
		border-bottom: 1px solid #9FF;
		}
	#principal p a:hover{
		color: #099;
		border-bottom: 1px solid #099;
		}
		
	#principal p.masposts{
		margin: 20px 0 10px 0;
	}
	/********************** </principal> **********************/
	/********************** <varios> **********************/
	ul#varios{
		float:right;
		width: 235px;
		height: 510px;
		list-style: none;
	}
		ul#varios li a{
			display: block;
			width: 200px;
			height: 160px;
			margin: 0 0 10px 20px;
			background: #2fd;
			text-indent: -5000px;
			outline: none;
		}
			ul#varios li#portfolio_web a{
				margin-top: 10px;
				background: url(/imagenes/boton_portfolio_web.png) no-repeat;
			}
			ul#varios li#portfolio_web a:hover{
				background: url(/imagenes/boton_portfolio_web.png) no-repeat left -160px;
			}
			ul#varios li#portfolio_grafico a{
				margin-top: 10px;
				background: url(/imagenes/boton_portfolio_grafico.png) no-repeat;
			}
			ul#varios li#portfolio_grafico a:hover{
				background: url(/imagenes/boton_portfolio_grafico.png) no-repeat left -160px;
			}
			ul#varios li#presupuesto a{
				background: url(/imagenes/boton_presupuesto.png) no-repeat;
			}
			ul#varios li#presupuesto a:hover{
				background: url(/imagenes/boton_presupuesto.png) no-repeat left -160px;
			}
	/********************** </varios> **********************/
	/********************** <portfolio> **********************/
	ul.portfolio{
		display: block;
		width: 100%;
		height: 60px;
		list-style: none;
	}
	ul.portfolio li{
		float: left;
		width: 45%;
		height: 25px;
		padding: 0 10px 0 10px;
		text-align: center;
	}
	ul.portfolio li a{
		color: #099;
		border-bottom: 1px solid #9FF;
	}
		ul.portfolio li a:hover{
			color: #099;
			border-bottom: 1px solid #099;
		}
		ul.portfolio li.mas a{
			padding: 0 0 0 15px;
			background: #FFF url(/imagenes/icon_mas.gif) no-repeat left 3px;
		}
		ul.portfolio li.ir_web a{
			padding: 0 0 0 15px;
			background: #FFF url(/imagenes/icon_flechad.gif) no-repeat left 3px;
		}

	ul#detalle_portfolio{
		float:left;
		width: 240px;
		list-style: none;
	}
	ul#detalle_portfolio li{
		display: inline;
		float: left;
		width: 100px;
		height: 100px;
		margin: 0 20px 20px 0px;
	}
	ul#detalle_portfolio li a{
	}
		ul#detalle_portfolio li a img{
			padding: 2px;
			border: solid 2px #CCC;
		}
		ul#detalle_portfolio li a:hover img{
			border: solid 2px #999;
		}

	.volver{
		display: block;
		width: 70px;
		margin: 15px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
		text-align: justify;
		color: #099;
	}
	.volver:hover{
		text-decoration: underline;
	}


	#principal p.masportfolio{
		margin: 10px 0 10px 0;
		text-align:center;
	}
	/********************** </portfolio> **********************/
	/********************** <contacto> **********************/
	p#contacto_txt{
		margin: -10px 0 0 0;
		font-size:15px;
	}
	
	form{
		margin: 0;
	}
	#formulario dt {
		margin-top: 12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#444;
		font-size: 12px;
	}
	#formulario dd {
		margin: 4px 0 0 0px;
	}
	input {
		height: 20px;
		background: #FFF url(/imagenes/bg_input.png) repeat-x;
		border: 1px solid #888;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#666;
	}
	textarea{
		background: #FFF url(/imagenes/bg_input.png) repeat-x;
		border: 1px solid #888;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#666;
	}
	.caja_form_error{
		border: 1px solid #F00;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#666;
	}
	#errores{
		display: block;
		margin: 10px 0 0 15px;
		color: #F00;
	}
	.boton_form{
		margin: 5px 0 0 0;
		height: 30px;
		border: 1px solid #333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 3px;
		color: #FFF;
		background: #000;
	}
	/********************** </contacto> **********************/
	/********************** <presupuesto> **********************/
	h3{
		background: #FFF url(/imagenes/h3_presupuesto.jpg) no-repeat;
		margin: 5px 0 0 0;
		padding: 0 0 0 25px;
		font-size: 16px;
		color: #444
	}
	#dl_presupuesto_tipo, #dl_presupuesto_datos, #dl_contacto{
		padding: 4px;
		background: #eef;
	}
	label{
		font-size: 13px;
	}
	#label_idea{
		display: block;
		margin: 0 0 10px 0;
	}
	.radio{
		height: 18px;
		margin: 0 0 8px 0;
		vertical-align: top;
		border: none;
		background: none;
	}
	
	.check{
		height: auto;
		margin: 0 0 15px 25px;
		vertical-align: top;
		border: none;
		background: none;
	}
	#separa_datos{
		width: 100%;
		margin: 15px 0 15px 0;
	}
	/********************** </presupuesto> **********************/
	/********************** <Comentarios> **********************/
	p.num_comentarios{
		margin: 10px 0 0 0;
		font-weight: bold;
	}

	h3.tit_comentarios{
		margin: 10px 0 0 0;
		font-size: 14px;
		color: #666;
		border-bottom: solid 1px #ccc;
	}
	#comentarios{
		display: inline;
		float: left;
		width: 470px;
		margin: 0 0 20px 0;
	}	
		#comentarios ol{
			list-style: none;
			margin: 0 0 0 0px;
		}
			#comentarios ol li{
				margin: 0 0 0px 0;
				padding: 10px 10px 0px 10px;
				-moz-border-radius: 0;
				border: none;
				background: none;
			}
				#comentarios ol li div.meta{
					display: block;
					height: 30px;
					margin: 10px 0 0 15px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:12px;
					color: #999;
					background: url(/imagenes/rabito.gif) 45px 15px no-repeat;
				}
					#comentarios ol li div.meta .nombre, #comentarios ol li div.meta .nombre a{
						font-size:14px;
						font-weight: bold;
						color: #666 !important;
					}
					#comentarios ol li div.meta .nombre a:hover{
						text-decoration: underline;
						color: #000 !important;
					}
					#comentarios ol li div.meta .nombre a:visited{
						color: #333;
					}
					#comentarios ol li div.meta .fecha a{
						font-size:12px;
						color: #666;
					}
					#comentarios ol li div.meta .fecha a:hover{
						text-decoration: underline;
						color: #333;
					}
					#comentarios ol li div.meta a{
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size:14px;
						text-decoration: none;
					}
		
					#comentarios ol li div.texto_com{
						margin: 0 0 5px 0;
						padding: 10px 10px 0px 10px;
						-moz-border-radius: .5em;
						border-bottom: 1px solid #ccc;
						border-right: 1px solid #ccc;
						background: #ededed;
					}
			
					#comentarios ol p{
						margin: 5px 5px 2px 5px;
						padding-bottom: 8px;
						font-family: Arial, Helvetica, sans-serif;
						font-size:12px;
						text-align: left;
						line-height: 160%;
						color: #444;
					}
	form.nuevo_comentario{
		margin: 0 0 40px 25px;
	}
	#dl_nuevo_comentario{
		background: #000;
	}
	/********************** </Comentarios> **********************/
/********************** </Contenido> **********************/
#contenedor_pie{
	width: 100%;
	height: 90px;
	background: #000 url(/imagenes/fondo_contenedor_pie.jpg) repeat-x;
}
	#pie{
		width: 765px;
		height: 25px;
		margin: auto;
		padding: 65px 0 0 0;
		background: #FFF url(/imagenes/fondo_pie.jpg) no-repeat;
	}
		#pie p{
			font-size:10px;
			text-align: center;
			color: #FFCC00;
		}
			#pie p a{
				color: #FFCC00;
			}