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

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

	/* CONTENIDOS Bloque central*/
	#contents_wrapper {
	width:100%;
	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_01incio.jpg);
		background-repeat: no-repeat;
		background-position: 10px 25px;
		}
			#contents_seccion h2 {
				padding-top:20px;
				padding-left:50px;
				padding-right:0;
				padding-bottom:3px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:22px;
				font-weight:normal;
				margin:0;
				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:25px;
				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:14px;
				font-weight:normal;
			}
			#contents_seccion h3 strong {
				color: #98DD06;
			}
			#contents_seccion h3 em {
				padding: 0 0 0 10px;
				font-size: 20px;
			}
			#contents_seccion h3 b {
				font-size: 18px;
			}
		#contents {
		width:350px;
		height:auto;
		overflow:hidden;
		margin:0;
		padding:0px;
		color:#CCC;
		background-color:#282828;
		}
			/* CONTENS LEFT Area info*/
			#contents_left {
			width:345px;
			border:0px;
			padding:10px;
			display:block;
			float:left;
			overflow:auto;
			margin:0px;
			}
				/* Estilos contens left */
				#contents_left h2 {
				padding: 0;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:normal;
				font-style: italic;
				margin:0;
				color:#98dd06;
				}
				#contents_left h3 {
				margin:0px;
				padding:0px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				color:#d4ceb4;
				font-size:16px;
				}
				#contents_left p {
				width:345px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:12px;
				color:#CCC;
				text-align:right;
				line-height:150%;
				}
				#contents_left strong {
				width:345px;
				color:#d4ceb4/*75CD00*/;
				text-align:left;
				display:block;
				font-size:14px;
				}
				
			/* CONTENS RIGHT componentes resumen ULTIMOS PROYECTOS*/
			#contents_right {
			clear:both;
			width:335px;
			height:auto;
			display:block;
			float:none;
			border:0px;
			padding:10px;
			margin:0;
			font-size:10px;
			font-family:Verdana, Geneva, sans-serif;
			}
			
			#contents_right h3 {
				width:315px;
				padding-top:0px;
				padding-left:25px;
				padding-right:5px;
				padding-bottom:13px;
				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 5px;
				}
				
			#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;
				display:block;
				float:left;
			}
			#contents_right a {
				width:345px;
				margin-top:10px;
				margin-left:0px;
				margin-right:0px;
				margin-bottom:3px;
				display:block;
				text-decoration:none;
				border:none;
			}
			#contents_right a:hover {
				border:none;
			}
			
			/* CONTENS LEFT Area info*/
			#contents_left_feeds {
			width:345px;
			border:0px;
			padding:0px;
			display:block;
			float:left;
			overflow:auto;
			margin-top:0px;
			margin-left:0px;
			margin-right:0px;
			margin-bottom:0px;
			overflow:hidden;
			}
				#contents_left_feeds h2 {
					
				padding-top:10px;
				padding-left:0px;
				padding-right:0px;
				padding-bottom:10px;
				margin-top:0px;
				margin-left:0px;
				margin-right:0px;
				margin-bottom:0px;
				display:block;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight:normal;
				margin:0px;
				color:#98dd06;
				}
				#contents_left_feeds p {
				width:345px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:10px;
				color:#CCC;
				text-align: justify;
				line-height:120%;
				margin-top:2px;
				margin-left:0px;
				margin-right:0px;
				margin-bottom:10px;
				padding-top:0;
				padding-left:0;
				padding-right:0;
				padding-bottom:0;
				}
				#contents_left_feeds h3 {
				width:325px;
				display:block;
				margin:2px 0;
				padding:0;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:12px;
				color:#CCC;
				}
				#contents_left_feeds h3 a {
				width:325px;
				text-decoration:none;
				font-family: Arial Narrow, Arial MT Condensed Light, Arial, Helvetica, sans-serif;
				font-weight:normal;
				font-size:16px;
				color:#D4CEB4;
				margin-top:5px;
				margin-left:0px;
				margin-right:0px;
				margin-bottom:0px;
				padding-top:2px;
				padding-left:0px;
				padding-right:0px;
				padding-bottom:15px;
				}
				#contents_left_feeds h3 a:hover {
				color:#98dd06;
				}
				
				
			/* YOUTUBE CONTENEDOR*/
			#youtube {
			width:326px;
			margin:5px 0 0 0;
			padding:0;
			border-top:solid 1px #98dd06;
			border-bottom:solid 1px  #98dd06;
			text-align:left;
			}
			#youtube p {
				width:325px;
				margin:7px 5px 5px 5px;
				font-size:12px;
				text-align:left;
				color:#CCC;
			}
			#youtube a {
				text-decoration:none;
				font-size:14px;
				color:#98dd06;
			}
			#youtube a:hover {
				color:#eae5ce;
			}