/* 
 *		Estilos Visuales para Sitio Web Juliotdesign.
      Interfaz e Interacción Web.
		
		Notable.cl
 */
body{
	margin:0;
	padding:0;
	font-family: Lucida Grande,Tahoma,Arial, Helvetica, sans-serif;
	background: url(img/body.png) fixed repeat top center;
}
#global{
	display: block;
	width: 780px;
	margin:0 auto;
	padding: 0;
}
#header{
	width:780px;
	display:block;
	height:174px;
	overflow: hidden;
	margin:0 auto;
	padding:0;
}
/* ----MENU DE NAVEGACION -------------------------*/
#nav {
	display: block;
	width:780px;
	height:29px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	font:11px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
}
#nav ul {
   display:block;
	float:right;
	height:22px;
	margin: 0;
	padding:7px 0px 0px 0px;
	border: 0;
	list-style-type: none;
}
#nav li {
   display:block;
	width:98px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	display: block;
	float: left;
	position: relative;
	color:#495D49;
}
#nav li a,#nav li a:visited{
   display:block;
	float:left;
	width:84px;
	margin: 0;
	padding: 0;
	color:#999;
	text-decoration: none;
	font-weight: bold;
}
#nav li a:active,#nav li a.current,#nav li a:active:hover,#nav li a.current:hover{
	color:#8EB5B0;
	text-decoration:underline;
}
#nav li a:hover{
	color:#FFF;
}
#logo{
	display:block;
	width:780px;
	height:145px;
	margin:0 auto;
	padding:0;
	text-align: center;
	overflow: hidden;
	background: url(img/header.png) no-repeat top left;

}
#logo a.linklogo{
	display:block;
	width:780px;
	height:145px;
	margin:0;
	padding:0;
	text-align: left;
	text-indent:0px;
	text-decoration: none;
}
/* ------ 2 B O T O N E S ------ */
#center{
	display: block;
	float:left;
	width:780px;
	padding:0;
	border:0px solid #222222;
/*	border-width:0 1px 0 1px;*/
	margin:0;
	margin:0;
	background:#FFF;;
}
#sec{
	display:block;
	height:218px;
	width:780px;
   margin:0;
	padding:10px 0px 0px 0px;
	background:#FFF url(img/sec.png) no-repeat 0px 10px;
}
#sec ul{
	display:block;
	height:218px;
	width:760px;
	margin:0 0 0 10px;
	padding:0;
}
#sec ul li{
	display: block;
	width:253px;
	height:200px;
	float: left;
	margin:0;
	padding:0;
	overflow: hidden;
	text-align: center;
}
#sec ul li a,#sec ul li a:visited{
	display: block;
	width:159px;
	text-align:center;
	text-indent:0;
	text-decoration:none;
	text-transform: capitalize;
	font:bold 18px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
	height:210px;
	margin:0 auto;
	padding:160px 0 0 0;
	color:#FFF;
}
#sec ul li a:hover{
	color:#FFF;
}
#sec li a.portafolio{
	background: url(img/sec1.png) no-repeat 16px 17px;
}
#sec li a.portafolio:hover{
	background: url(img/sec1_.png) no-repeat 16px 17px;
}
#sec li a.blog{
	background: url(img/sec2.png) no-repeat 14px 17px;
}
#sec li a.blog:hover{
	background: url(img/sec2_.png) no-repeat 14px 17px;
}
#sec li a.fundamentos{
	background: url(img/sec3.png) no-repeat 16px 17px;
}
#sec li a.fundamentos:hover{
	background: url(img/sec3_.png) no-repeat 16px 17px;
}
#content{
   display:block;
	width:640px;
	float:left;
	margin:0;
   padding:10px 70px 0px 70px;
	font: 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#333;
	background: #FFF url(img/b_postlast.png) repeat-x top left;
}
#content_home{
   display:block;
	float:left;
	margin:0;
   padding:10px 30px 0px 30px;
	font: 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#333;
	background: #FFF;
}
#content_home p{
   margin:0;
	padding:16px 0 0 0;
	text-align: justify;
	font: 11px "Lucida Grande", Tahoma, Verdana, sans-serif;
	line-height: 18px;
}
#content_home .h4content{
   margin:0;
	padding:0px 0 2px 0;
	font:bold 14px "Lucida Grande", Tahoma, Verdana, sans-serif;
	background: url(img/ico_postdata.png) no-repeat top right;
}
#content_home a{
	color:#FF9900;
	text-decoration: none;
}
#content_home a:hover{
	color:#FF6600;
}
#inicio_portafolio,#inicio_blog,#inicio_fundamentos{
   margin:0;
}
#inicio_fundamentos{
	display:block;
	float:left;
	width:210px;
	padding:10px 0px 0px 14px;
	height:220px;
}
#inicio_blog{
	display:block;
	float:left;
	width:214px;
	padding:10px 17px 0px 17px;
	height:220px;
}
#inicio_portafolio{
	display:block;
	float:left;
	width:210px;
	padding:10px 14px 0px 0px;
	height:220px;
}

#footer {
   display:block;
	float:left;
	background: url(img/footer.gif) no-repeat bottom left;
	padding: 0;
	margin: 0;
	margin-bottom:20px;
	width:780px;
	height:110px;
	border:none;
	overflow: hidden;
	color:#999;
	font: bold 12px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
	line-height: 21px;
	}

#footer_text {
   display:block;
	width:400px;
	height:80px;
	margin: 0;
	padding:20px 0px 0px 40px;
	text-align:left;

	}
.check_footer{
	margin:0;
	height:20px;
	padding:2px 10px 2px 21px;
	color:#99FF00;
	background: url(img/check_footer.png) no-repeat top left;
}
#footer_icons{
   display:block;
	position: absolute;
	left:50%;
	height:80px;
	width:160px;
	margin:-80px 0px 0px 210px;
	padding:0;
}
.ico_rss{
	display:block;
	margin:0;
	padding:6px 0px 0px 45px;
	height: 30px;
	width:120px;
	background: url(img/ico_rss.png) no-repeat top left;
}
.ico_comment{
	display:block;
	margin:0;
	padding:6px 0px 0px 45px;
	height: 30px;
	width:120px;
	background: url(img/ico_comments.png) no-repeat top left;
}
#footer a{
	color:#FFF;
	text-decoration: none;
}
#footer a:hover{
	color:#99FF00;
	text-decoration: none;
}

/* Inicio dinamic_stream-------------------------- */
#dinamic_stream{
	display: block;
	float:left;
	margin:0;
	padding:0;
	width:780px;
	height:145px;
	overflow: hidden;
	background:#000 url(img/back_dinamic.png) no-repeat top left;
}
#lastfm{
	display:block;
	float:left;
	width:340px;
	height:120px;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 35px;
	background: url(img/lastfm.png) no-repeat top right;
}

/* End Various Tags & Classes*/
#flickr_badge_uber_wrapper {display:block; height:120px; width:378px; overflow:hidden; padding:10px 0px 0px 10px; margin:0;border:0px;}
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
#flickr_badge_uber_wrapper #flickr_www {display:block; text-align:left; margin:0; width:150px; float:none; text-decoration:none; border:0px; padding:3px 0px 10px 0px; font: 14px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper img{border: 0px;}
#flickr_badge_uber_wrapper a{display:block; float:left; margin:0px 10px 0px 0px; padding:0px; border:3px solid #CCC;}
#flickr_badge_uber_wrapper a:hover{ border:3px solid #99FF33;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

/* ESTILOS DE CONTENT-------------------- */
#content .note{
   display:block;
	width:180px;
	position:absolute;
	margin:4px 0 0 -240px;
	font:italic 0.81em "Georgia", "Palatino", "Times",Times New Roman,serif;
	line-height:16px;
	color:#666;
	text-indent:20px;
	background: url(img/nota.png) no-repeat;
}
#entry{
	padding:31px 0 20px 247px;
}
#entry p{
   margin:0;
	padding:5px 0 0 0;
	text-align: justify;
	font: 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
	line-height: 18px;
}
#entry img{
	display: block;
	background: #FFF;
	padding:4px;
	border:1px solid #CCC;
	margin:10px auto;
	margin-bottom:10px;
}
#entry .sub{
	font:bold 10px "Georgia", "Palatino", "Times",Times New Roman,serif;
	color:red;
}
#entry .h3_trabajo{
	font:bold italic 16px "Georgia", "Palatino", "Times",Times New Roman,serif;
	color:#FF9900;
}
#entry img.float_left{
	display: block;
	float:left;
	background: #FFF;
	padding:4px;
	border:1px solid #CCC;
	margin:20px 10px 5px 0px;
}
#entry img.float_right{
	display: block;
	float:right;
	background: #FFF;
	padding:4px;
	border:1px solid #CCC;
	margin:10px auto;
	margin-bottom:10px;
}
#entry .post_h2{
   color:#FF9900;
   display: block;
	height:53px;
	margin:0 0 0 0;
	padding:31px 0 10px 0;
	font:Bold italic 24px 'Georgia','Times New Roman','Times',Serif;
}
#entry .post_h2 a,#entry .post_h2 a:visited{
	color:#FF9900;
   display: block;
	height:53px;
	margin:31px 0 0 0;
	padding:0;
	background: url(img/ico_post.gif) no-repeat 0px 0px; 
}
#entry .post_h2 a:hover{
	color:#FFCC00;
}
#homelt_s1{
	display: block;
	height:246px;
	width:198px;
	position: absolute;
	z-index:1;
	top:185px;
   left:50%;
	margin:0px 0px 0px 175px;
	background: url(img/back_homelt_s1.gif) no-repeat top right;
}
#sidebar_single{
   display:block;
	height: 280px;
	z-index: 2;
	padding:0;
	margin:31px 0 0 0;
	width: 170px;
	float:left;
	background: url(img/sidebar.png) no-repeat top right;
	color:#666;
	font: 12px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
}
#content .font_georgia{
   display: block;
	border:0px;
	height:22px;
	padding:4px 0px 8px 30px;
	font:Bold 16px 'Georgia','Times New Roman','Times',Serif;
	}
#content .side_links{
   display: block;
	border:0px;
	height:22px;
	padding:4px 0px 8px 30px;
	background: url(img/ico_sd_link.png) no-repeat 0 0;
	font:Bold 16px 'Georgia','Times New Roman','Times',Serif;
	}
#content .side_portafolio{
   display: block;
	border:0px;
	height:22px;
	padding:4px 0px 8px 30px;
	background: url(img/ico_sd_portafolio.png) no-repeat 0 0;
	font:Bold 16px 'Georgia','Times New Roman','Times',Serif;
	}
#content .side_fundamentos{
   display: block;
	border:0px;
	height:22px;
	padding:4px 0px 8px 30px;
	background: url(img/ico_sd_fundamentos.png) no-repeat 0 0;
	font:Bold 16px 'Georgia','Times New Roman','Times',Serif;
	}
#sidebar_single ul.post-categories{
	margin:0px 0px 0px 0px;
	padding: 0;
}
#sidebar_single ul.sd_portafolio{
	margin:0px 0px 0px 0px;
	padding: 0;
}
#sidebar_single ul.sd_fundamentos{
	margin:0px 0px 0px 0px;
	padding: 0;
}
#sidebar_single ul.sd_link{
	margin:0px 0px 0px 0px;
	padding: 0;
}
#sidebar_single li{
	margin:0;
	padding:0;
}
#sidebar_single ul.post-categories li {
	padding:2px 0 3px 0;
	margin:0;
   line-height: 16px;
	list-style-type: none;
	font: 13px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
	background: url(img/sb_li_portafolio.png) no-repeat 0 0;
	}
#sidebar_single ul.sd_portafolio li {
	padding:2px 0 3px 0;
	margin:0;
	height:19px;
   line-height: 16px;
	list-style-type: none;
	font: 13px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
	background: url(img/sb_li_portafolio.png) no-repeat 0 0;
	}
	#sidebar_single ul.sd_fundamentos li {
	padding:2px 0 3px 0;
	margin:0;
   line-height: 16px;
	list-style-type: none;
	font: 13px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
	background: url(img/sb_li_fundamentos.png) no-repeat 0 0;
	}
	#sidebar_single ul.sd_link li {
	padding:2px 0 3px 0;
	margin:0;
   line-height: 16px;
	list-style-type: none;
	font: 13px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",Tahoma,Arial, sans-serif;
	background: url(img/sd_link.png) no-repeat 0 0;
	}
#sidebar_single ul.post-categories li a{
	color:#999;
	padding:0px 0px 0px 30px;
	margin:0;
	text-decoration: none;
}
#sidebar_single ul.sd_fundamentos li a{
	color:#999;
	padding:0px 0px 0px 30px;
	margin:0;
	text-decoration: none;
}
#sidebar_single ul.sd_portafolio li a{
	color:#999;
	padding:0px 0px 0px 30px;
	margin:0;
	text-decoration: none;
}
#sidebar_single ul.sd_link li a{
	color:#999;
	padding:0px 0px 0px 30px;
	margin:0;
	text-decoration: none;
}
#sidebar_single ul.post-categories li a:hover{
	color:#333;
	text-decoration: none;
}
#sidebar_single ul.sd_portafolio li a:hover{
	color:#333;
	text-decoration: none;
}
#sidebar_single ul.sd_fundamentos li a:hover{
	color:#333;
	text-decoration: none;
}
#sidebar_single ul.sd_link li a:hover{
	color:#333;
	text-decoration: none;
}	
#sidebar_single .a_orange a{
	color:#FFCC33;
}
#sidebar_single .a_orange a:hover{
	color:#FF9900;
	text-decoration: none;
}
#sidebar_single ul p{
	margin: 5px 0 8px;
	}
#secciones_fundamentos{
	display:block;
	width:380px;
	height:410px;
	margin:0 0 20px 0;
}
#sec_fundamentos_span1,#sec_fundamentos_span2,#sec_fundamentos_span3,#sec_fundamentos_span4{
	display:block;
	float: left;
	width:180px;
	height:200px;
	margin:5px 10px 0 0;
	padding:0;
	overflow: hidden;
}
#sec_fundamentos_span1 a,
#sec_fundamentos_span2 a,
#sec_fundamentos_span3 a,
#sec_fundamentos_span4 a{
   display: block;
   width:360px;
	height:200px;
	text-indent: 180px;
   text-decoration:none;
}
#sec_fundamentos_span1 a{
	background: url(img/sec1_fund.png) no-repeat 0 0;
}
#sec_fundamentos_span1 a:hover{
	background: url(img/sec1h_fund.png) no-repeat 0 0;
}
#sec_fundamentos_span2 a{
	background: url(img/sec2_fund.png) no-repeat 0 0;
}
#sec_fundamentos_span2 a:hover{
	background: url(img/sec2h_fund.png) no-repeat 0 0;
}
#sec_fundamentos_span3 a{
	background: url(img/sec3_fund.png) no-repeat 0 0;
}
#sec_fundamentos_span3 a:hover{
	background: url(img/sec3h_fund.png) no-repeat 0 0;
}
#sec_fundamentos_span4 a{
	background: url(img/sec4_fund.png) no-repeat 0 0;
}
#sec_fundamentos_span4 a:hover{
	background: url(img/sec4h_fund.png) no-repeat 0 0;
}


/* ----------------CONTACTO -------------------------------*/
#contacto{
	display:block;
	width:260px;
	height:320px;
	float: left;
	margin:20px 40px 0px 0px;
	padding:0;
	overflow: hidden;
}
#datos{
	display:block;
	width:170px;
	height:100px;
	margin:25px 0px 0px 0px;
	float: left;
	padding:0;
	color:#666;
	overflow: hidden;
	text-align: right;
}
#datos p.datos{
   display: block;
	width: 170px;
	font-size: 11px;
	margin:0;
	padding:0;
}
#datos h3.datos{
	font-size:12px;
	margin:0;
	color:#666;
	font-weight:bold;
}
#datos span.numero{
	font-size:18px;
	line-height: 24px;
	margin:0;
	color:#FF972F;
	font-weight: bold;
}
/* estilos para formulario de contacto */
input{
	margin:0;
	padding:0;
}

form{
	display:block;
}
.no-display{
	display:none;
}

#contacto .usuariolabel{
   display:block;
	width:75px;
	height:auto;
	padding:5px 0 0 0;
	margin:0;
	float:left;
}

#contacto .usuarioinput{
	display:block;
	width:175px;
	height:22px;
	margin:3px 0px 0px 75px;
	padding:0;
	border:1px solid #CCC;
	background: #FEFEF6;
}

#contacto .usuariotextarea{
	display:block;
	width:175px;
	height:150px;
	margin:3px 0px 0px 75px;
	padding:0;
	border:1px solid #CCC;
	background: #FEFEF6;
}
#contacto .usuariopublicar, #contacto .usuariopublicar2{
	display:block;
	width:90px;
	height:25px;
	float:left;
	margin:0;
	padding:0;
	background: url(img/form_boton.gif) no-repeat 0 0;
	font-size:11px;
	border:0px;
	color:#FFF;
   font: bold 12px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
}
#contacto .usuariopublicar{
	margin:0px 0px 0px 5px;
	padding:0;
}
#contacto span.botones{
	display:block;
	margin:5px 0px 0px 70px;
}

/* -------------M A P A -------------- */
#entry a,#entry a:visited{
	color:#FF9900;
	text-decoration: none;
}
#entry a:hover{
	color:#FFCC00;
}
#entry ul li{
	list-style-image: url(img/ul_entryli.gif);
}
#entry p.link{
   text-indent: 12px;
	font: bold 14px "Lucida Grande",Sans-serif;
	background: url(img/ul_entry.gif) no-repeat 0 10px;
}
#entry p.link a,#entry p.link a:visited{
   color:#666;
}
#entry p.link a:hover{
   color:#000;
}