@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF;
	}

#super-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	}

#wrap_center {
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
	}

/*Wrap que da el ancho de la pagina*/
#wrap {
	position: relative;
	float: left;
	}
	#me {
		position: absolute;
		width: 264px;
		height: 100%;
		margin-left: 12px;
		margin-top: -8px;
		background-image:url(images/me_image.jpg);
		background-position:top;
		background-repeat:no-repeat;
		background-color: #010000;
		padding-bottom: 0px;
		z-index: 3000;
		float:left;
		}	
			
#top_naranja {
	position: relative;
	width: 1176px;
	height: 8px;
	margin-left: 11px;
	margin-top: -8px;
	background-color:#f9a848;
	float:left;
	}
	
#wrap_logos {
	position: relative;
	width: 1176px;
	height: 243px;
	margin-left: 11px;
	background-image:url(images/logos_area.jpg);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	}
	#modxPartner {
		position: absolute;
		width: 240px;
		height: 81px;
		left: 317px;
		top: 33px;
		}
	#login {
		position: absolute;
		width: 134px;
		left: 1051px;
		top: 14px;
		}
	
#wrap_hands {
	position: relative;
	width: 1176px;
	height: 230px;
	margin-left: 11px;
	background-image:url(images/title_area.jpg);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	}
	#longtittle {
		position: absolute;
		width: 850px;
		height: 60px;
		top: 50px;
		left: 300px;
		text-align: right;
		}
	#subtittle {
		position: absolute;
		width: 700px;
		height: 40px;
		top: 120px;
		left: 420px;
		text-align: right;
		}
	#addThis {
		position: absolute;
		width: 850px;
		height: 30px;
		top: 0px;
		left:0px;
		padding-top: 15px;
		padding-left: 30px;
		background-color: #EBEBEB;
		text-align: left;
		}
		#PlusOne {
			position: absolute;
			top: 10px;
			left: 305px;
			}
		#faceAdd {
			position: absolute;
			width: 300px;
			height: 25px;
			top: 200px;
			left: 870px;
			text-align: right;
			}
	#donate {
		position: absolute;
		width: 121px;
		height: 26px;
		top: 194px;
		left: 602px;
		}

#wrap_content {
	position: relative;
	width: 850px;
	min-height: 300px;
	border: 1px solid #707070;
	margin-top: 10px;
	margin-left: 293px;
	margin-bottom: 10px;
	padding: 60px 15px 15px 15px;
	float:left;
	}
	#intro {
		position: relative;
		padding:5px;
		background-color: #EEE;
		border: 1px dotted #999;
		margin-bottom: 10px;
		}
	#wrap_content_2bx {
		position: relative;
		width: 380px;
		height: 300px;
		background-color: #EEE;
		border: 1px solid #999;
		margin: 10px;
		padding: 10px;
		float:left;
		}	
	#wrap_content_2bx_donate {
		position: relative;
		width: 380px;
		background-color: #EEE;
		border: 1px solid #999;
		margin: 10px;
		padding: 10px;
		float:left;
		}
		#wrap_content_2bx_title {
			position: relative;
			width: 400px;
			height: 100px;
			background-color:#FFF;
			border-bottom: 1px solid #999;
			margin-left: -10px;
			margin-top: -10px;			
			}
			#bridge {
				position: absolute;
				width: 47px;
				height: 14px;
				top: 45px;
				left: 388px;
				background-image:url(images/bridge.jpg);
				z-index: 3000;
				}
		#wrap_content_2bx_content {
			position: relative;
			width: 330px;
			height: 100px;
			padding: 25px;
			}
		#wrap_content_2bx_content_donate {
			position: relative;
			width: 330px;
			padding: 25px;
			}
		#wrap_content_2bx_btn {
			position: relative;
			height: 47px;
			margin-left: 130px;
			}
			#wrap_content_2bx_btn_donate {
				position: relative;
				height: 47px;
				margin-left: 120px;
				}
	#menus_add {
		position: absolute;
		width: 214px;
		top: 7px;
		left: -207px;
		border: 1px solid #707070;
		background-image:url(images/back_color_menus.png);
		background-repeat:repeat;
		z-index: 5000;
		}
		#nl_sidebar {
			margin-left: -5px;
			padding-left: 15px;
			margin-top: 5px;
			margin-bottom: 5px;
			background-image: url(images/arrows.png);
			background-position:left top;
			background-repeat: no-repeat;
			}
		#menus_add_inner {
			position:relative;
			width: 190px;
			border-right: 1px solid #f9a848;
			margin-top: 6px;
			margin-bottom: 6px;
			margin-left: 10px;
			padding-right: 5px;
			}
		#menus_add_title {
			padding-bottom: 10px;
			margin-bottom: 10px;
			margin-right: 5px;
			border-bottom: 1px dotted #CCC;
			}
			
#wrap_footer {
	position: relative;
	width: 1176px;
	height: 321px;
	margin-left: 11px;
	background-image:url(images/footer_area.jpg);
	background-position:right;
	background-repeat:no-repeat;
	z-index: 200;
	float:left;
	}
	#like {
		position:absolute;
		width:300px;
		height:81px;
		top: 21px;
		left: 850px;
		}
		#siganos_f_t {
			position:absolute;
			width:235px;
			height:281px;
			top: 0px;
			left: 282px;
			background-color: #f9a94a;
			}
			#siganos {
				position:absolute;
				width: 282px;
				height:70px;
				top: 153px;
				right:154px;
				}

#back_footer {
	position: relative;
	width: 100%;
	height: 245px;
	background-color: #1a2807;
	z-index: -100;
	margin-top: -230px;
	float:left;
	}

#copyright {
	position: absolute;
	width: 750px;
	top: 310px;
	left: 280px;
	text-align:	center;
	}

		#breadcrumbs {
			position: relative;
			width: auto;
			margin-top: 5px;
			margin-right: 10px;
			float: right;
			}
			
/*PORTAFOLIO LAYOUT*/

#portafolio {
	position:relative;
	width: 380px;
	height: 378px;
	background-color: #EBEBEB;
	border: 1px solid #CCC;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	}
	#porta_titulo {
		position: relative;
		width: 380px;
		height: 86px;
		background-color: #313131;
				float: left;
		}
		#porta_titulo_text {
			position: relative;
			width: 330px;
			margin-top: 35px;
			margin-left: 20px;
			z-index: 3000;
			}
		#porta_img {
			position: relative;
			width: 360px;
			height: 205px;
			margin-top: 10px;
			margin-left: 10px;
			border: 1px solid #313131;
			overflow:hidden;
				float: left;
		}
		#porta_elab {
			position: relative;
			width: 380px;
			height: 45px;
				float: left;
			}
			#checks_area {
				position: relative;
				width: 132px;
				height: 45px;
				background-image:url(images/checks_area.jpg);
				background-repeat:no-repeat;
				margin: 10px 20px 5px 20px;
				float: left;
				}
				#disenho {
					position: absolute;
					width: 14px;
					height: 12px;
					top: 0px;
					left: 4px;
					background-image: url(images/cheks.png);
					background-repeat: no-repeat;
					}
				#html {
					position: absolute;
					width: 14px;
					height: 12px;
					top: 14px;
					left: 4px;
					background-image: url(images/cheks.png);
					background-repeat: no-repeat;
					}
				#php {
					position: absolute;
					width: 14px;
					height: 12px;
					top: 29px;
					left: 4px;
					background-image: url(images/cheks.png);
					background-repeat: no-repeat;
					}
				#flash {
					position: absolute;
					width: 14px;
					height: 12px;
					top: 0px;
					left: 85px;
					background-image: url(images/cheks.png);
					background-repeat: no-repeat;
					}
				#cms {
					position: absolute;
					width: 14px;
					height: 12px;
					top: 14px;
					left: 85px;
					background-image: url(images/cheks.png);
					background-repeat: no-repeat;
					}
					#cms_image {
						position: absolute;
						width: 85px;
						height: 100px;
						top: -326px;
						left: 178px;
						background-image: url(images/checks_modx.jpg);
						background-repeat: no-repeat;
						z-index: 300;
						}
				#seo {
					position: absolute;
					width: 14px;
					height: 12px;
					top: 29px;
					left: 85px;
					background-image: url(images/cheks.png);
					background-repeat: no-repeat;
					}

			#description_area {
				position: relative;
				width: 200px;
				height: 45px;
				margin-top: 10px;
				float: left;
				}
		#porta_url {
			position:relative;
			width: 90px;
			margin-left: 280px;
			margin-bottom: 10px;
				float: left;
			}	
/*BLOG*/

#ditto_summaryPost {
	width: 840px;
	margin-left: 10px;
	}
#ditto_tittle {
	margin-left: -10px;
	margin-bottom: 10px;
	}
#ditto_info {
	margin-bottom: 10px;
	}
	#ditto_info p {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#353535;
		margin: 0px;
		}
#ditto_content {
	margin-bottom: 10px;
	}
#ditto_link {
	margin-bottom: 15px;
	}
#ditto_showing {
	background-color: #EBEBEB;
	border: 1px solid #CCC;
	padding: 5px 10px 5px 10px;
	}
	#ditto_showing p {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#353535;
		margin: 0px;
		}
		.ditto_previous_off{
			font-family: Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#353535;
			outline: none;
			}
		.ditto_next_off {
			font-family: Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#353535;
			outline: none;
			}
	#ditto_pages {
		}

#footers {
	float: left;
	}		
#hiperliks {
	position: relative;
	width: 550px;
	height: 180px;
	margin-top: 50px;
	margin-right: 35px;
	padding-left: 50px;
	float: right;
	}
	.nl_siteMap {
		width: 250px;
		padding-left: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 10px;
		background-image: url(images/dots.png);
		background-position: 0px 4px;
		background-repeat: no-repeat;
		display: block;
		}
		#hiperliks a.nl_siteMap {
			color: #333;
			}
		#nl_siteMapChild {
			width: 240px;
			margin-top: 3px;
			margin-bottom: 3px;
			padding-left: 15px;
			margin-left: 20px;
			background-image: url(images/dotsArrow.png);
			background-position: 0px 4px;
			background-repeat: no-repeat;
			}
			#nl_siteMapChild a {
				background-image: none;
				color: #454545;
				}
		#nl_siteMapChild2 {
			margin-top: 3px;
			margin-bottom: 3px;
			padding-left: 15px;
			background-image: url(images/dotsArrow.png);
			background-position: 0px 4px;
			background-repeat: no-repeat;
			}
#obl {
	position:absolute;
	width: 500px;
	top: 290px;
	left: 280px;
	}
	#obl p,#copyright p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #A84300;
		}
	#obl a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #A84300;
		}

/*COMMENTS*/

#intro_comments {
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
	}
	#intro_comments_end {
		background-color: #fda43b;
		padding: 3px;
		}
		#intro_comments_end p{
			font-family: Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#353535;
			margin: 0px;
			}
	#intro_comments p{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#353535;
		margin: 0px;
		}
		
/*CLASES*/

.shadow {
	/* SOMBRA CAJAS*/
	-moz-box-shadow: 0px 0px 3px 3px #282828; /* for Firefox 3.5+ */
	-webkit-box-shadow: 0px 0px 3px 3px #282828; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#282828', Direction=145, Strength=3);
	}