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

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

	/* CONTENIDOS Bloque central*/
	
	/* COTENIDOS SECCION */
	#contents_seccion_wrapper {
	width:auto;
	margin:0px;
	padding:0px;
	clear:both;
	overflow:hidden;
	}
	
	#contents_seccion {
		width:900px;
		height:auto;
		display:block;
		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:10px;
		text-align:left;
		color:#CCC;
		overflow: hidden;
		} 
		
			/* CONTENTS SECTION LEFT apartado y descripcion*/

			#contents_seccion_left {
			width:558px;
			float:left;
			height:auto;
			overflow:hidden;
			margin-top:0px;
			margin-left:0px;
			margin-right:0px;
			margin-bottom:0px;
			padding:0px;
			font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
			font-size:26px;
			text-align:left;
			color:#CCC;
			background-image: url(../images/bk_01incio.jpg);
			background-repeat: no-repeat;
			background-position: 28px 26px;
			}

				#contents_seccion_left 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:middle;
				}
				
				#contents_seccion_left h2 strong {
					vertical-align:top;
					color:#98dd06;
				}
				#contents_seccion_left h2 b {
					font-size:28px;
					vertical-align:top;
					font-weight:normal;
					color:#999;
					margin:0 3px;
				}
				#contents_seccion_left h3 {
					width:auto;
					height: 50px;
					overflow: hidden;
					margin:1px;
					padding-top:40px;
					padding-left:140px;
					padding-right:0px;
					padding-bottom:25px;
					display:block;
					font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
					color:#EAE5CE;
					font-size:18px;
					font-weight:normal;
					font-style: italic;
					/*line-height: 110%;*/
				}
				#contents_seccion_left h3 strong{
					color:#98DD06;
					/*color: #FFF;*/
					font-size: 18px;
					/*font-style:normal;*/
				}
				#contents_seccion_left h3 em {
					padding:0 0 0 8px;
					font-size: 26px;
					font-weight: normal;					
				}
				#contents_seccion_left h3 b {
					/*font-family: "Times New Roman", Times, serif;*/
					font-size: 24px;
					color: #CCC;
				}				
			/* CONTENTS RIGHT BUSCADOR DE GOOGLE*/
			#contents_seccion_right {
				width:320px;
				float:right;
				margin: 32px 5px 0 0;
				padding: 0;
				text-align:right;
				border:solid 0px #0F0;
				overflow:hidden;
			}
			/* BUT GOOGLE*/
			#google_but input {
				font-size:11px;
				font-family:Tahoma, Verdana, Arial, Sans-Serif;
				font-weight: bold;
				text-align: center;
				width:auto;
				height: 24px;
				background-color: #336600;
				margin: 1px 8px 2px 5px;
				padding: 2px 10px 4px 10px;
				color: #ffffff;
				border: 2px solid #6BBB00;
				/*background-image: url(../images/bk_submit01.jpg);*/
				background-image: url(../images/bk_menu.jpg);
				background-position:left bottom;
				vertical-align:middle;
				float:right;
				
				}
				#google_but input:hover {
				background-color:#000;
				color: #ffffff;
				border: 2px solid #4F4F4F;
				background-image: url(../images/bk_submit02.jpg);
				background-position:left center;
				}

	/* COTENIDOS BLOQUE CENTRAL */

	#contents_wrapper {
	width:auto;
	background-color:#282828;
	margin:0px;
	padding:0px;
	clear:both;
	overflow:hidden;
	}			

		#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:530px;
			border:0px;
			padding:10px 0 10px 0;
			display:block;
			float:left;
			overflow:auto;
			margin-top:10px;
			margin-left:0;
			margin-right:0;
			margin-bottom:0;
			overflow:hidden;
			}
				/* Estilos contens left */
				#contents_left h2 {
				padding:0px;
				/*display:block;*/
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:28px;
				font-weight:normal;
				margin:0;
				color:#98dd06;
				}
				#contents_left h3 {
				margin:0px;
				padding-top:5px;
				padding-left:18px;
				padding-right:0px;
				padding-bottom:2px;
				color:#d4ceb4;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:bold;
				}
				#contents_left p {
				width:auto;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:13px;
				line-height:100%;
				margin:2px 0 15px 0;
				padding: 5px;
				color:#999;
				border-bottom:solid 0px #98dd06;
				}
				#contents_left em {
					font-style: normal;
					color: #CCC;
					font-size:14px;					
				}
				#contents_left p b{
					color:#999;
					font-size:18px;
					color:#98dd06;
					padding: 0;
				}
				#contents_left p b a {
					text-decoration:none;
					padding: 0 10px 2px 12px;
					margin: 0;
					font-size:16px;
					color:#98dd06;
					font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
					vertical-align:middle;
					border-left:solid 1px #98dd06;
				}
				#contents_left p b a:hover {
					color:#eae5ce;
				}
				#contents_left strong {
				color:#d4ceb4;
				text-align:center;
				display:block;
				font-size:18px;
				padding-bottom:5px;
				line-height:140%;
				font-weight:bolder;
				}
				
			/* YOUTUBE CONTENEDOR*/
			#youtube {
			width:525px;
			height:319px;
			display:block;
			overflow:hidden;
			margin:5px 0 0 0;
			padding:0 0 2px 0;
			border-top:solid 1px #98dd06;
			border-bottom:solid 1px #98dd06;
			background:url(../images/youtube_frame_fx-webwoks.jpg) no-repeat left top;
			}
			#youtube h4 {
			width:525px;
			height:319px;
			display:block;
			cursor:pointer;
			margin:0;
			padding:0;
			color:#262626;
			}
			
				
				
			/* CONTENS RIGHT componentes resumen ULTIMOS PROYECTOS*/
			#contents_right {
			width: 280px;
			height: auto;
			display: block;
			float: right;
			border: 0;
			padding: 10px;
			font-size: 10px;
			font-family: Verdana, Geneva, sans-serif;
			overflow:hidden;
			}
			
			#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: 0 0 10px 0;
				color:#98dd06;
				text-align:left;
				background-image: url(../images/icon_portfolio_thumb.jpg);
				background-repeat: no-repeat;
				background-position: 0 bottom;
				}
				
			#contents_right p {
				padding: 0 ;
				display: block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size: 22px;
				font-weight: normal;
				margin: 0;
				color: #98dd06;
				/*border-bottom: solid 1px #FFF;*/
				}
			#contents_right strong {
				color: #8FAC00;
				display: block;
				width: 60px;
				float: left;
			}
			#contents_right a {			
				border:none;
				display:block;
				text-decoration:none;
				background-color:#282828;
				margin: 1px 0 3px 0;
				padding: 0;
			}
			#contents_right a:hover {
			}
			#contents_right img {
				margin: 10px 0 0 0;
			}
			
			/* CONTENS LEFT Area info*/
			.item {
				margin:5px 0;
			}
			
			#contents_left_feeds {
			width: auto;
			border: 0;
			padding: 0;
			display: block;
			float: left;
			overflow: hidden;
			margin-top: 0;
			margin-left:0px;
			margin-right: 0;
			margin-bottom: 0;
			}
				#contents_left_feeds h2 {
				padding-top: 10px;
				padding-left: 0;
				padding-right: 0;
				padding-bottom: 10px;
				margin-top: 0;
				margin-left: 0;
				margin-right: 0;
				margin-bottom: 0;
				display: block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size: 28px;
				font-weight: normal;
				margin: 0;
				color: #98dd06;
				}
				#contents_left_feeds p {
				width: auto;
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 12px;
				color: #CCC;
				text-align: justify;
				line-height: 120%;
				margin-top:2px;
				margin-left: 0;
				margin-right: 0;
				margin-bottom: 10px;
				padding-top: 0;
				padding-left:40px;
				padding-right: 0;
				padding-bottom: 0;
				}
				#contents_left_feeds h3 {
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 14px;
				color: #CCC;
				padding: 0;
				margin: 0;
				}
				#contents_left_feeds h3 a {
				width:auto;
				text-decoration:none;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-weight:normal;
				font-size:20px;
				color:#D4CEB4;
				background-image: url(../images/icon_news.gif);
				background-repeat: no-repeat;
				background-position: left 0px;
				margin-top:5px;
				margin-left:0;
				margin-right:0;
				margin-bottom:0;
				padding-top:2px;
				padding-left:40px;
				padding-right:0;
				padding-bottom:3px;
				text-indent:0;
				display:block;
				}
				#contents_left_feeds h3 a:hover {
				background-image: url(../images/icon_news.gif);
				background-repeat: no-repeat;
				background-position: left -162px;
				color:#98dd06;
				}
				#contents_left_feeds p {
					line-height:150%;
					color: #FFF;
					text-align:justify;
					/*border-top:1px solid  #999;
					border-bottom:1px solid  #999;*/
					margin:2px 0 3px 40px;
					padding:2px 0;
				}
				#contents_left_feeds small {
					color: #999;
					border:none;
					margin:5px 0 7px 0;
					padding:5px 0;
					font-size:10px;

				}