@charset "utf-8";
/*************************************
FX | WebWorks www.fernandoximenez.com

Seccion: Contenidos INICIO index.php
*************************************/

	/* CONTENIDOS Bloque central*/
	#contents_wrapper {
	width:auto;
	background-color:#282828;
	margin:0px;
	padding:0px;
	clear:both;
	overflow:hidden;
	}
	
	
	#contents_seccion {
		width:900px;
		height:auto;
		overflow:hidden;
		margin-top:5px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0px;
		padding:0px;
		font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
		font-size:26px;
		text-align:left;
		background-color: #282828;
		color:#CCC;
		background-image: url(../images/bk_04portfolio.jpg);
		background-repeat: no-repeat;
		background-position: 28px 26px;
		}
			#contents_seccion h2 {
				padding-top:20px;
				padding-left:140px;
				padding-right:0px;
				padding-bottom:3px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:32px;
				font-weight:normal;
				margin:0px;
				vertical-align:top;
			}
			#contents_seccion h2 b {
				font-size:28px;
				vertical-align:top;
				font-weight:normal;
				color:#999;
				margin:0 3px;
			}
			#contents_seccion h2 strong {
				vertical-align:top;
				color:#98dd06;
			}
			#contents_seccion h3 {
				margin:1px;
				padding-top:0px;
				padding-left:140px;
				padding-right:0px;
				padding-bottom:10px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				color:#EAE5CE;
				font-size:18px;
				font-weight:normal;
			}			

		#contents {
		width:900px;
		height:auto;
		overflow:hidden;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0px;
		padding:0px;
		color:#CCC;
		background-color:#282828;
		}
			/* CONTENS LEFT Area info*/
			#contents_left {
			width:580px;
			border:0px;
			padding:10px;
			display:block;
			float:left;
			overflow:auto;
			margin-top:10px;
			margin-left:0px;
			margin-right:0px;
			margin-bottom:0px;
			}
				/* Estilos contens left */
				#contents_left h2 {
				padding-top:0px;
				padding-left:0px;
				padding-right:0px;
				padding-bottom:10px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:28px;
				font-weight:normal;
				margin:0px;
				color:#98dd06;
				}
				#contents_left h3 {
				margin:1px;
				padding:0px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				color:#75CD00;
				font-size:20px;
				}

				#contents_left strong {
				color:#75CD00;
				text-align:left;
				}

			
					/* STYLES para trabajos de portfolio*/
					.work_layer {
						width:540px;
						margin-top:0px;
						margin-left:0px;
						margin-right:0px;
						margin-bottom:15px;
						padding:10px;
						border:solid 0px #FFF;
						font-size:10px;
						font-family:Verdana, Geneva, sans-serif;
						color:#CCCCCC;
						display:block;
						overflow: hidden;
						/*line-height:120%;*/
					}
						#contents_left .work_layer h3 {
							display:block;							
							font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
							font-size:17px;
							color:#EAE5CE;
							font-weight:normal;
							margin:0;
							padding: 0 0 5px 0;
						}
						#contents_left .work_layer strong {
							display: block;
							width: 75px;
							float: left;
							margin: 0;
							padding: 0;
							color: #8FAC00;							
						}
						#contents_left .work_layer p {
							margin: 10px 0px 0 0;
						}
						#contents_left .work_layer a {
							text-decoration:none;
							color:#FFC;
						}
						#contents_left .work_layer a:hover {
							color:#98DD06;
						}
						
						/* IMAGE GAL layer */
							#contents_left .image_gal {
								float:left;
								display:block;
								margin: 0 20px 0 0;
								padding:0;
								}
								/*LINK IMAGE GAL */
								#contents_left .image_gal a {
									border: none;
								}
								
								#contents_left .image_gal a:hover {
								}
							#screenshoots {
							width:auto;
							height:auto;
							padding-top:10px;
							padding-left:30px;
							padding-right:10px;
							padding-bottom:10px;
							margin-top:10px;
							margin-left:0;
							margin-right:0;
							margin-bottom:10px;
							background-color:#333;
							font-family:Verdana, Geneva, sans-serif;
							font-size:12px;
							color:#CCC;
							vertical-align:middle;
							background-image: url(../images/ico_screenshoot.gif);
							background-repeat: no-repeat;
							background-position: 5px center;
							border:solid 0px #666;
								}
								#screenshoots a {
									text-decoration:none;
									font-size:12px;
									border:solid 1px #4F4F4F;
									font-weight:normal;
									padding-top:3px;
									padding-left:6px;
									padding-right:6px;
									padding-bottom:3px;
									margin-top:3px;
									margin-left:7px;
									margin-right:7px;
									margin-bottom:3px;
									color:#FFF;
									background-color:#666;
									background-image: url(../images/bk_submit02.jpg);
									background-position:left center;
									vertical-align:middle;
								}
								#screenshoots a:hover {
									border:solid 1px #090;
									background-color:#336600;
									background-image: url(../images/bk_submit01.jpg);
									background-position:left center;
									vertical-align:middle;
									color:#FFF;
								}
			/* CONTENS RIGHT componentes resumen ULTIMOS PROYECTOS*/
			#contents_right {
			width:280px;
			height:auto;
			display:block;
			float:left;
			border:0px;
			padding:10px;
			font-size:10px;
			font-family:Verdana, Geneva, sans-serif;
			}
			
			#contents_right h3 {
				padding-top:15px;
				padding-left:45px;
				padding-right:5px;
				padding-bottom:13px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:22px;
				font-weight:normal;
				margin-top:0px;
				margin-left:0px;
				margin-right:0px;
				margin-bottom:10px;
				color:#98dd06;
				text-align:left;
				background-image: url(../images/icon_portfolio_thumb.jpg);
				background-repeat: no-repeat;
				background-position: 0px bottom;
				}
				
			#contents_right p {
				padding:0px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:22px;
				font-weight:normal;
				margin: 0;
				color: #75CD00;
				border-bottom: solid 1px #FFF;
				}
			#contents_right strong {
				display: block;
				width: 75px;
				float: left;
				margin: 0;
				padding: 0;
				color: #8FAC00;	
			}
			#contents_right a {
				border:none;
				display:block;
				text-decoration:none;
				background-color:#282828;
				margin: 0;
				padding: 0;
			}
			#contents_right a:hover {
				text-decoration: none;
				background-color: #282828;
				margin: 0;
				padding: 0;
			}