@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:345px;
		height:auto;
		overflow:hidden;
		margin-top:5px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:0;
		padding:0;
		font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
		font-size:18px;
		text-align:left;
		background-color:#282828;
		color:#CCC;
		background-image: url(../images/bk_04portfolio.jpg);
		background-repeat: no-repeat;
		background-position: 10px 25px;
		}
			#contents_seccion h2 {
				padding-top:20px;
				padding-left:50px;
				padding-right:0px;
				padding-bottom:3px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:22px;
				font-weight:normal;
				margin:0px;
				vertical-align:middle;
			}
			#contents_seccion h2 strong {
				vertical-align:top;
				color:#98dd06;
			}
			#contents_seccion h2 b {
				font-size:20px;
				vertical-align:top;
				font-weight:normal;
				color:#999;
				margin:0 1px;
			}
			#contents_seccion h3 {
				margin:1px;
				padding-top:0px;
				padding-left:50px;
				padding-right:0px;
				padding-bottom:5px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				color:#EAE5CE;
				font-size:12px;
				font-weight:normal;
			}			

		#contents {
		min-width:125px;
		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:325px;
			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:18px;
				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:#98dd06;
				font-size:16px;
				}

				#contents_left strong {
				color:#98dd06;
				text-align:left;
				}
			
					/* STYLES para trabajos de portfolio*/
					.work_layer,
					#work_layer01, 
					#work_layer02, 
					#work_layer03, 
					#work_layer04, 
					#work_layer05, 
					#work_layer06, 
					#work_layer07,
					#work_layer08,
					#work_layer09,
					#work_layer10,
					#work_layer11,
					#work_layer12,
					#work_layer13,
					#work_layer14,
					#work_layer15,
					#work_layer16,
					#work_layer17,
					#work_layer18,
					#work_layer19,
					#work_layer20 {
						min-width:125px;
						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%;
					}
						#work_layer01 h3, 
						#work_layer02 h3, 
						#work_layer03 h3, 
						#work_layer04 h3, 
						#work_layer05 h3, 
						#work_layer06 h3, 
						#work_layer07 h3,
						#work_layer08 h3,
						#work_layer09 h3,
						#work_layer10 h3,
						#work_layer11 h3,
						#work_layer12 h3,
						#work_layer13 h3,
						#work_layer14 h3,
						#work_layer15 h3,
						#work_layer16 h3,
						#work_layer17 h3,
						#work_layer18 h3,
						#work_layer19 h3,
						#work_layer20 h3,
						#contents_left .work_layer h3 {
							font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
							font-size:14px;
							color:#EAE5CE;
							font-weight:normal;
							margin:0px;
							padding-top:0px;
							padding-left:0px;
							padding-right:0px;
							padding-bottom:10px;
							display:block;
						}
						#work_layer01 strong, 
						#work_layer02 strong, 
						#work_layer03 strong, 
						#work_layer04 strong, 
						#work_layer05 strong, 
						#work_layer06 strong, 
						#work_layer07 strong,
						#work_layer08 strong,
						#work_layer09 strong,
						#work_layer10 strong,
						#work_layer11 strong,
						#work_layer12 strong,
						#work_layer13 strong,
						#work_layer14 strong,
						#work_layer15 strong,
						#work_layer16 strong,
						#work_layer17 strong,
						#work_layer18 strong,
						#work_layer19 strong,
						#work_layer20 strong,
						#contents_left .work_layer strong {
							color:#8FAC00;
							display:block;
							width:auto;
							float:left;
							margin:0px;
							padding:0px;
						}
						
						#work_layer01 p, 
						#work_layer02 p, 
						#work_layer03 p, 
						#work_layer04 p, 
						#work_layer05 p, 
						#work_layer06 p, 
						#work_layer07 p,
						#work_layer08 p,
						#work_layer09 p,
						#work_layer10 p,
						#work_layer11 p,
						#work_layer12 p,
						#work_layer13 p,
						#work_layer14 p,
						#work_layer15 p,
						#work_layer16 p,
						#work_layer17 p,
						#work_layer18 p,
						#work_layer19 p,
						#work_layer20 p,
						#contents_left .work_layer p {
							margin-top:5px;
							margin-left:0px;
							margin-right:0px;
							margin-bottom:0px;
						}
						#work_layer01 a, 
						#work_layer02 a, 
						#work_layer03 a, 
						#work_layer04 a, 
						#work_layer05 a, 
						#work_layer06 a, 
						#work_layer07 a,
						#work_layer08 a,
						#work_layer09 a,
						#work_layer10 a,
						#work_layer11 a,
						#work_layer12 a,
						#work_layer13 a,
						#work_layer14 a,
						#work_layer15 a,
						#work_layer16 a,
						#work_layer17 a,
						#work_layer18 a,
						#work_layer19 a,
						#work_layer20 a,
						#contents_left .work_layer a {
							text-decoration:none;
							color:#FFC;
						}
						#work_layer01 a:hover, 
						#work_layer02 a:hover, 
						#work_layer03 a:hover, 
						#work_layer04 a:hover, 
						#work_layer05 a:hover, 
						#work_layer06 a:hover, 
						#work_layer07 a:hover,
						#work_layer08 a:hover,
						#work_layer09 a:hover,
						#work_layer10 a:hover,
						#work_layer11 a:hover,
						#work_layer12 a:hover,
						#work_layer13 a:hover,
						#work_layer14 a:hover,
						#work_layer15 a:hover,
						#work_layer16 a:hover,
						#work_layer17 a:hover,
						#work_layer18 a:hover,
						#work_layer19 a:hover,
						#work_layer20 a:hover,
						#contents_left .work_layer a:hover {
							color:#98dd06;
						}
						
						/* IMAGE GAL layer */
							#image_gal01,
							#image_gal02,
							#image_gal03,
							#image_gal04,
							#image_gal05,
							#image_gal06,
							#image_gal07,
							#image_gal08,
							#image_gal09,
							#image_gal10,
							#image_gal11,
							#image_gal12,
							#image_gal13,
							#image_gal14,
							#image_gal15,
							#image_gal16,
							#image_gal17,
							#image_gal18,
							#image_gal19,
							#image_gal20,
							.image_gal {
								float:none;
								display:block;
								margin-top:0px;
								margin-left:0px;
								margin-right:0px;
								margin-bottom:0px;
								padding-top:0px;
								padding-left:0px;
								padding-right:0px;
								padding-bottom:0px;
								}
								/*LINK IMAGE GAL */
								#image_gal01 a,
								#image_gal02 a,
								#image_gal03 a,
								#image_gal04 a,
								#image_gal05 a,
								#image_gal06 a,
								#image_gal07 a,
								#image_gal08 a,
								#image_gal09 a,
								#image_gal10 a,
								#image_gal11 a,
								#image_gal12 a,
								#image_gal13 a,
								#image_gal14 a,
								#image_gal15 a,
								#image_gal16 a,
								#image_gal17 a,
								#image_gal18 a,
								#image_gal19 a,
								#image_gal20 a,
								.image_gal a	{
									border:none;
								}
								#image_gal01  a:hover,
								#image_gal02  a:hover,
								#image_gal03  a:hover,
								#image_gal04  a:hover,
								#image_gal05  a:hover,
								#image_gal06  a:hover,
								#image_gal07  a:hover,
								#image_gal08  a:hover,
								#image_gal09  a:hover,
								#image_gal10  a:hover,
								#image_gal11  a:hover,
								#image_gal12  a:hover,
								#image_gal13  a:hover,
								#image_gal14  a:hover,
								#image_gal15  a:hover,
								#image_gal16  a:hover,
								#image_gal17  a:hover,
								#image_gal18  a:hover,
								#image_gal19  a:hover,
								#image_gal20 a:hover,
								.image_gal a:hover {
									border:none;
								}
							#screenshoots {
							width:auto;
							height:auto;
							padding-top:10px;
							padding-left:30px;
							padding-right:10px;
							padding-bottom:10px;
							margin-top:10px;
							margin-left:0px;
							margin-right:0px;
							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:315px;
			clear:both;
			height:auto;
			display:block;
			border:0px;
			padding:10px;
			font-size:10px;
			font-family:Verdana, Geneva, sans-serif;
			}
			
			#contents_right h3 {
				padding-top:0px;
				padding-left:25px;
				padding-right:5px;
				padding-bottom:5px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:18px;
				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 top;
				}
				
			#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:0px;
				color:#98dd06;
				border-bottom:solid 1px #FFF;
				}
			#contents_right strong {
				color:#8FAC00;
			}
			#contents_right a {
				border:none;
				display:block;
				text-decoration:none;
				background-color:#282828;
				margin:0px;
				padding:0px;
			}
			#contents_right a:hover {
				text-decoration:none;
				background-color:#282828;
				margin:0px;
				padding:0px;
			}