/* 
Documento CSS para WLK.cl
Autor: Alberto E. Jaramillo Müller
E-Mail: albertojm@gmail.com
URL: http://www.albertojm.com/
Fecha: 
 */
html {
	min-height: 100%;
	height: auto;
	margin:0; padding:0;
}

body {
	font:0.688em 'Tahoma,Geneva,Kalimati,sans-serif', Helvetica, sans-serif;
	font-size:68.8%;
	color:#000;
	margin:0 auto;
	padding:0;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	background-position: bottom;
}

/*

Core

*/

#wrapper { width:980px; margin:0 auto; margin-bottom:10px; }

	/*
	
	Genérico
	
	*/
	
	.rounded { }
	.clear { float:none; clear:both; }
	.float-left { float:left; }
	.float-right { float:right; }
/*

Headings

*/

h2 { font-size:163.6%; }

/*

Header

*/

#header { border-top:3px solid #f3f3f5; width:932px; margin:0 auto;  }
	
	/*
	
	Logo
	
	*/
	
	#logo { float:left; padding-bottom:15px; }

	/*
	
	Menu
	
	*/
	
	#menu { border-top:1px solid #dbdbdb; clear:both; float:none; display:block; }
	#MainNav {
		height: 42px;
		position: relative;
		background: transparent url(../images/menu.gif) no-repeat;
		margin:0px;
		margin-left:17px;
		display:block;
		}
		
	#MainNav li {
		list-style: none;
		position: absolute;
		top: 0;
		}
		
	#MainNav li, #MainNav a {
		height: 42px;
		display: block;
		}
	
	/* Modified Phark Image Replacement Technique */
	#MainNav a {
		text-indent: -9000px;
		text-decoration: none;
		}
		
	#nav_home {left: 0px; width: 57px;}
	#nav_clinica {left: 57px; width: 76px;}
	#nav_cirugia {left: 133px; width: 129px;}
	#nav_dermatologia {left: 262px; width: 120px;}
	#nav_laserlipolisis {left: 382px; width: 103px;}
	#nav_equipamiento {left: 494px; width: 100px;}
	#nav_contacto {left: 606px; width: 81px;}
	/*
	#nav_home a:hover { background: transparent url(../images/menu.gif) -22px -42px no-repeat;}
	#nav_quienes a:hover { background: transparent url(../images/menu.gif) -89px -42px no-repeat;}
	#nav_cirugia a:hover { background: transparent url(../images/menu.gif) -203px -42px no-repeat;}
	#nav_laserlipolisis a:hover { background: transparent url(../images/menu.gif) -459px -42px no-repeat;}
	#nav_equipamiento a:hover { background: transparent url(../images/menu.gif) -582px -42px no-repeat;}
	#nav_contacto a:hover { background: transparent url(../images/menu.gif) -710px -42px no-repeat;}
	*/
	
	#nav_home a.selected:link, #nav_home a.selected:visited { background: transparent url(../images/menu.gif) 0px -42px no-repeat;}
	#nav_clinica a.selected:link, #nav_clinica a.selected:visited { background: transparent url(../images/menu.gif) -57px -42px no-repeat;}
	#nav_cirugia a.selected:link, #nav_cirugia a.selected:visited { background: transparent url(../images/menu.gif) -133px -42px no-repeat;}
	#nav_dermatologia a.selected:link, #nav_dermatologia a.selected:visited { background: transparent url(../images/menu.gif) -262px -42px no-repeat;}
	#nav_laserlipolisis a.selected:link, #nav_laserlipolisis a.selected:visited { background: transparent url(../images/menu.gif) -382px -42px no-repeat;}
	#nav_equipamiento a.selected:link, #nav_equipamiento a.selected:visited { background: transparent url(../images/menu.gif) -494px -42px no-repeat;}
	#nav_contacto a.selected:link, #nav_contacto a.selected:visited { background: transparent url(../images/menu.gif) -606px -42px no-repeat;}
    /*

    Search

    */
	
    #search { float:right; margin-top:30px; }
	form#searchform { }
	#search #s { padding:4px; background:#fff url(../images/search-bg.gif) no-repeat top left; text-indent:10px; width:170px; border:none; height:18px; }
	#searchsubmit {
	font-size:100%; 
	line-height:20px;
	background:url(../images/search-button-bg.gif) no-repeat;
	width:68px;
	border:none; 
	text-transform:uppercase; 
	color:#fff; 
	font-weight:bold; 
	padding:4px;
	margin:0;  
	}

	
/*

Content

*/

#content { text-align:center; width:932px; margin:0 auto; display:block; float:none; clear:both!important; }

/* 
Hacks!
*/

#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#main {display: inline-block; background:white;}

/* Hides from IE-mac \*/
* html #main {height: 1%;}
#main {display: block;}
/* End hide from IE-mac */
	.rounded, .inside-rounded, .inside-rounded-left {
		border: 1px solid #dedede;
		background-color: #FFF;

}	

	.inside-rounded {
	margin-bottom:8px;
}
	.inside-rounded-left {
	margin-bottom:10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
	/*
	
	Boxes
	
	*/
	.boxes { text-align:center; }
	.promo-box {  width:305px; color:#999999; float:left; text-align:left; padding-bottom:10px; margin:12px 0; background:#fff; }
	.promo-box img a { border:none; margin:0; padding:0; }
	div#promo-box-1, div#promo-box-2 { margin-right:5px; }
	
	.promo-box h2 { text-indent:-9000px; min-height:20px; margin-top:15px; padding:0; line-height:18px; }
	.promo-box div.thumb { margin-top:8px; padding:0; width:157px; float:left; }
	.promo-box .box-content { float:left; margin-left:8px; }
	.promo-box img.box-title { margin-left:8px; margin-top:10px; }
		.promo-box .box-content div.desc { font-size:90.9%; width:120px; margin-top:8px; }
			div.desc ul { width:100%; }
			div.desc ul li { width:145px; }
		.promo-box h2, .promo-box .thumb { margin-left:2px; }
		.promo-box .box-content .more-button { margin-top:10px; }

	/*
	
	Branding
	
	*/
	
	
	
	/*
	
	Main
	
	*/
	#main { padding:10px; border:1px solid #e5e5e5; display:block; float:none; clear:both; background:#fff;  }
	#main-inside { padding:0px; display:block; float:none; clear:both; }
		
		/*
		
		Post Wrapper
		
		*/
		
		#posts-wrapper { width:580px; float:left; background:#fff; }
		#posts-wrapper-inside { width:680px; float:right; }
		.post-content { margin:4px 0; }
		.post-content-inside { margin:12px 0; }
			/*
			
			Content Boxes
			
			*/
			
			.content-box { text-align:left; border-top:1px solid #e8e8e8; padding-top:6px; }
			.noborder { border:none; } /* utilizado siempre en el primer post */
			.heading { width:80%; float:left;  }
			.heading-social-links { width:19%; float:right; }
				.heading-social-links img { margin:0 2px; }
			.subtitle { text-transform:uppercase; font-size:109.1%; color:#999999; clear:both; float:none; display:block; margin-bottom:10px; }
			.subtitle-inside {
				border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;
				text-transform:uppercase; font-size:109.1%; 
				color:#999999; clear:both; 
				float:none; display:block; 
				margin-bottom:10px; padding:10px 0;
			}
			.post-content-container { border-bottom:1px solid #e8e8e8; }
			.button-view-more { margin:15px 0; }
			
			/*
			
			Gallery
			
			*/
			
			.gallery-preview { 
			background-color:#ebebeb;
			border-radius: 10px;
			padding:10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-ms-border-radius: 10px;
			text-align:center;
			}
			.gallery-preview img { padding:2px; border:1px solid #d7d7d7; background-color:#fff; margin:0 8px; }
	/*
	
	Sidebar
	
	*/
	
	#sidebar { width:286px; float:right; }
	#sidebar-left { float:left; width:230px; }
	.img-title { text-align:left; padding:6px 0px 8px 20px; }
	
		/*
		
		Destacamos
		
		*/
		
		h4#destacamos-title  { 
			background:transparent url(../images/destacamos-title.gif) no-repeat; 
			min-height:20px; 
			text-indent:-9000px; 
			line-height:20px;
			margin:5px 0 10px 15px;
		}
		.inside-rounded  ul.list-left, .inside-rounded  ul.list-right { text-align:left; }
			.inside-rounded  ul.list-left li, .inside-rounded  ul.list-right li { 
				border-top:1px solid #e5e5e5; 
				padding:0; 
				font-size:109.1%;
				background:url(../images/list-bullet.gif) no-repeat left;
				background-position:20px;
				list-style-position:inside;
				text-indent:40px;
				text-decoration:none;
				color:#565656;
				
				}
					ul.list-right li a  , ul.list-right li a:visited, ul.list-right li a:active, ul.list-right li a:hover { 
					height:30px; line-height:30px; text-decoration:none; color:#565656; display:block; width:100%; 
					}
					ul.list-right li.selected { padding:0; background:#f4f3f3 url(../images/list-bullet-in.gif) no-repeat left; background-position:20px; }
					ul.list-right li:hover { background:#f4f3f3; background:#f4f3f3 url(../images/list-bullet-in.gif) no-repeat left; background-position:20px; }
					
		/*
		
		Items de Lista 
		en menu izquierdo
		
		*/
			ul.list-left li a , ul.list-left  a:visited li, .list-left ul a:active li { 
				text-decoration:none; color:#565656; display:block; width:100%; height:20px; line-height:20px;
			}
			ul.list-left li.selected { padding:0; background:#f4f3f3 url(../images/list-bullet-in.gif) no-repeat left; background-position:20px; }
			ul.list-left li:hover { background:#f4f3f3; background:#f4f3f3 url(../images/list-bullet-in.gif) no-repeat left; background-position:20px; }
		/*.gap {
	padding:8px 23px;*/
}
		.promo-right { float:left; width:55px; }
		.promo-left p { text-transform:uppercase; font-size:109.1%; }
		
			/*
			
			Promociones barra izquierda
			
			*/
			    /*
    
    Formulario de Contacto
    
    */
    
    #contact-form fieldset { border:none; }
    #contact-form label { display:block; margin:10px 0; font-size:109.1%; }
    .advice { font-size:; text-align:center; margin-top:30px; color:#565656; font-size:118.2%; }
label
{
	font-family: 'Tahoma, Geneva, Kalimati, sans-serif', Helvetica, sans-serif;
	color: #999999;

}
textarea
{
color: #000000;
border: 0px
width: 500px;
background-color: #FFFFFF;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#nombre,#direccion,#email,#comuna,#telefono{
	width: 300px;
	background-image:url(../images/campo-back1.jpg);
	background-color:transparent;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-position: left center;
	height: 26px;
	padding-left: 5px;
	padding-top: 7px;
}
#mensaje{
	width: 300px;
	background-image:url(../images/campo-back2.jpg);
	background-color:transparent;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-position: left center;
	height: 100px;
	padding-left: 5px;
	padding-top: 7px;
}
.txt-forms{
	font-family: 'Tahoma, Geneva, Kalimati, sans-serif', Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}
a {
outline:none;
}