/*

Theme Name: HMC

Theme URI: http://www.boutiquegrafica.cl/

Description: Plantilla para el Sitio HMC

Version: Saludable

Author: Boutique Grafica

Tags: Saludable, seguro, Confiable

*/





/* * * * * * * * * * * * * * *



made with minima wp theme

http://proyectos.contraculto.com/minima

minima is distributed under a GNU GPL v3 license.

http://www.gnu.org/copyleft/gpl.html



01: CSS Resets.

02: Common and Specials.

03: Wordpress Special tags.

04: Basic Structure.

05: Header.

06: Main Content.

	06.01: Comments.

07: Sidebar.

08: Footer.



* * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * 01: CSS Resets */




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: top;
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}




/* * * * * * * * * * * * * * * * * * * * 02: Common and Specials. */



strong	{ font-weight: bold; }

.clear	{ clear: both; }



a:link, a:visited, a:active	{

	font-weight:bold;

	color:#999;

	font-style:italic;

	text-decoration:none;

}

a:hover	{

	color: #999;

	text-decoration:underline;

}

a.negro:link, a.negro:visited, a.negro:active	{

	font-weight:bold;

	color:#555;

	font-style:italic;

	text-decoration:none;

}

a.negro:hover	{

	color: #555;
	
	text-decoration:underline;

}

a.sidelinks:link, a.sidelinks:visited, a.sidelinks:active	{

	color: #666;

	text-decoration:none;

	font-style:normal

}


a.sidelinks:hover	{

	color: #57A525;

	text-decoration: none;

}



a.sidelinks_destacado:link, a.sidelinks_destacado:visited, a.sidelinks_destacado:active	{

	color: #60AEA5;

	text-decoration:none;

	font-style:normal

}



a.sidelinks:hover	{

	color: #60AEA5;

	text-decoration: none;

}



a.titulo:link, a.titulo:visited, a.titulo:active	{

	font-size:16px;

	color: #60AEA5;

	text-decoration:none;

	font-style:italic;

        font-weight:bold;

}



a.titulo:hover	{

	color: #60AEA5;

	text-decoration: underline;

}

a.destacado:link, a.destacado:visited, a.destacado:active{

	color:#60AEA5;

}

a.destacado:hover{

	color:#60AEA5;
	text-decoration:underline;

}




/* * * * * * * * * * * * * * * * * * * * 03: WordPress Special Tags */



.aligncenter	{

	display: block;

	margin: 0 auto;

}



.alignleft	{

	float: left;

}



.alignright	{

	float: right;

}



.wp-caption {

	margin: 10px;

	border: 1px solid #b6b6b6;

	background: #f3f3f3;

	padding-top: 4px;

}



.wp-caption img	{

}



.wp-caption p.wp-caption-text	{

	padding: 0 4px 5px;

	line-height: 17px;

	font-size: 11px;

}



/* * * * * * * * * * * * * * * * * * * *  04: Basic Structure. */



body#background_1{
	
	text-align: center;

	color:#666;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	background:url(img/body.gif) top center no-repeat;

	background-color: #FAF9F1;

}


body#background_2{
	
	text-align: center;

	color:#666;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	background:url(img/body2.gif) top center no-repeat;

	background-color: #FAF9F1;

}



#wrapper	{

	margin: 0 auto;

	width: 908px;
	
	height: 100%;

	text-align: left;

	background:#FFF;

}



#header	{

	margin-bottom: 15px;

	width: 958px;

	border: 1px solid #b6b6b6;

	background: #f3f3f3;

}



.content	{

	float: right;

	width: 724px;

}



.sidebar	{

	float: right;

	width: 184px;

	height:inherit;

	background: #A5C1AF;

}



#footer	{

	clear: both;

	width: 908px;

        height: 100%;

	background: #FFF;

	text-align: right;

	line-height: 15px;

	font-size: 12px;

}



/* * * * * * * * * * * * * * * * * * * * 05: Header. */



#header_branding	{

	width: 938px;

	height: 100px;

	padding: 10px;

}



#header_navigation	{

	width: 938px;

	padding: 5px 10px 5px 10px;

	text-align: right;

	font-size: 12px;

}



#header h1	{

	margin-bottom: 5px;

	font-size: 25px;

}



#header h2	{

	font-size: 14px;

}



#header_navigation li	{

	display: inline;

	margin-left: 20px;

	font-weight: bold;

}



/* * * * * * * * * * * * * * * * * * * * 06: Main Content. */



.content_1 {

	width:724px;

	height:334px;

	background:#999;

}



.content_2 {

	width:724px;

	height:244px;

	background:#fff;

}



.content_3 {

	display:block;

	width: 724px;

	height: 100px;

	background:url(img/contentheader1.jpg) no-repeat;

	background-color:#FFF;

	background-position:center;

}



.content_4 {

	width:724px;

	height:149px;

}



.content_4_1{

	width:724px;

	height:149px;

}



.content_4_1_1{

	float:left;

	width:44px;

	height:149px;

}



.content_4_1_2{

	float:left;

	width: 152px;

	height:149px;

	border-right: #CAF0CD;

	border-right-width:thin;

	border-right-style:dotted;

	border-bottom: #CAF0CD;

	border-bottom-width:thin;

	border-bottom-style:dotted;

}



.content_4_1_2_1_nosotros{

	position:relative;

	bottom:-17%;

	background:url(img/nosotros.jpg);

	width:152px;

	height:41px;

}



.content_4_1_2_1_temas{

	position:relative;

	bottom:-17%;

	background:url(img/temas.jpg);

	width:152px;

	height:71px;

}



.content_4_1_2_1_servicios{

	position:relative;

	bottom:-17%;

	background:url(img/servicios.jpg);

	width:152px;

	height:41px;

}



.content_4_1_2_1_contacto{

	position:relative;

	bottom:-17%;

	background:url(img/contacto.jpg);

	width:152px;

	height:41px;

}



.content_4_1_2_2{

	position:relative;

	bottom:-17%;

	text-align:right;

	padding-right: 10px;

	font-style:italic;

	font-size:12px;

        line-height:20px;

}



.content_4_1_3_nosotros{

	float:left;

	width: 162px;

	height:149px;

	border-bottom: #CAF0CD;

	border-bottom-width:thin;

	border-bottom-style:dotted;

	text-align:center;

	vertical-align:top;

	background:url(img/nosotros_img.jpg) center top no-repeat;

}



.content_4_1_3_servicios{

	float:left;

	width: 162px;

	height:149px;

	border-bottom: #CAF0CD;

	border-bottom-width:thin;

	border-bottom-style:dotted;

	text-align:center;

	vertical-align:top;

	background:url(img/servicios_img.jpg) center top no-repeat;

}



.content_4_1_3_temas{

	float:left;

	width: 162px;

	height:149px;

	border-bottom: #CAF0CD;

	border-bottom-width:thin;

	border-bottom-style:dotted;

	text-align:center;

	vertical-align:top;

	background:url(img/temas_img.jpg) center top no-repeat;

}



.content_4_1_3_contacto{

	float:left;

	width: 162px;

	height:149px;

	border-bottom: #CAF0CD;

	border-bottom-width:thin;

	border-bottom-style:dotted;

	text-align:center;

	vertical-align:top;

	background:url(img/contacto_img.jpg) center top no-repeat;

}



.content_4_1_4{

	height: 149px;

	width:360px;

	float:left;

	border-bottom: #CAF0CD;

	border-bottom-width:thin;

	border-bottom-style:dotted;

	font-size:13px;

	color:#999;

	font-style:italic;

	vertical-align:middle;

	line-height: 120%;

}



.content_4_1_4_1{

	line-height: 120%;

}



.destacado{

	color:#60AEA5;

}



.pastilla{

        text-align:left;

	background:url(img/pastilla.gif) no-repeat top left;

	padding-left: 12px;

	padding-bottom: 7px;

}



.content_5 {

	width:724px;

	height:329px;

	background-color:#FFF;

}



.content_5_nosotros {

	width:724px;

	background:url(img/nosotrosback.jpg) bottom center no-repeat;

	vertical-align:middle;

	color:#666666;

	font-size:12px;

}



.content_5_1_nosotros {

	width:636px;

	text-align:justify;	

	padding-top:35px;

	padding-bottom:15px;

	padding-left:44px;

	padding-right:44px;

}



.content_5_1_1_nosotros {

	text-align:left;

	width:285px;	

	vertical-align:middle;

	font-size:12px;

        line-height: 150%;

}



.content_5_contacto {

	width:724px;

	height:329px;

	background:url(img/contactoback.jpg);

	vertical-align:middle;

}



.content_5_1_contacto {

	width:644px;

	height:244px;

	padding-left:44px;

	padding-top:15px;

	font-size:10px;

}

	

.contact {

	width:354px;

	height:300px;

	background:url(img/contactformback.gif);

	float:left;

}

.contact_form_text {
	
	color:#FFF;
	
	font-size:12px;
	
	font-weight:bold;

}

.content_5_temas {

    display: table;

	width:724px;

	background:url(img/temasback.jpg) bottom center no-repeat;

	vertical-align:middle;

	color:#666666;

}



.content_5_temas2 {

	width:724px;

/*	background:url(img/temassingleback.jpg) bottom center no-repeat; */

	vertical-align:middle;

	color:#666666;

}



.content_5_temas2 h2 {

	color: #4E8562;

}



.content_5_1_temas {

	width:636px;

        height: 244px;

	text-align:justify;	

	line-height:150%;

	font-size:12px;

        padding-left:44px;

        padding-right:44px;

        padding-top:54px;

        padding-bottom:34px;

}

.content_5_1_temas_spacer {

        display:table-cell;

	width:3px;

        height:377px;	

}



.content_5_1_1_temas {

        display: table-cell;

	text-align:justify;

	width:314px;	

	vertical-align:middle;

	padding-bottom:22px;

}



.content_5_1_1_temas2 {

        display: table-cell;

	text-align:justify;

	width:314px;	

	vertical-align:middle;

	padding-bottom:22px;

}



.content_5_1_1_listin{

        float: left;

	text-align:left;

	width:314px;	

	vertical-align:middle;

}



.content_5_1_1_imagen{

        float:right;

        background:url(img/temas_listin.gif) bottom left no-repeat;

	text-align:left;

	width:260px;	

	height:266px;

}



.titulo {

	font-size:18px;

	color: #60AEA5;

	text-decoration:none;

	font-style:italic;

        font-weight:bold;

}



.content_6 {

	width:724px;

	height:272px;

	background-color:#ECF5E7;

}



.content_single	{

	margin-bottom: 60px;

}



.content_single_title	{

}



.content_single_title h2	{

	margin-bottom: 5px;

	line-height: 30px;

	font-size: 30px;

	font-weight: bold;

}



.content_single_title_meta	{

	padding-bottom: 5px;

	line-height: 11px;

	font-size: 11px;

	font-weight: bold;

}



.content_single_body	{

	padding-top: 10px;

	text-align: left;

	line-height: 25px;

	font-size: 15px;

}



.content_single_body p	{

	margin-bottom: 15px;

}



.content_single_body ul	{

	margin-left: 30px;

}



.content_single_body ul li	{

	margin-bottom: 10px;

}



.content_single_body ul li:before	{

	color: #72222a;

	content: '\00BB \0020';

	font-weight: bold;

}



.content_single blockquote	{

	margin-left: 30px;

	border-left: 2px solid #d97b00;

	padding-left: 6px;

	font-size: 14px;

	font-style: italic;

}



#content_navigation_older	{

	float: left;

	margin-bottom: 10px;

}



#content_navigation_newer	{

	float: right;

	margin-bottom: 10px;

}



/* * * * * * * * * * 06.01: Comments. */



#comments	{

	padding-bottom: 20px;

}



#comments_title	{

	line-height: 18px;

	font-size: 16px;

	font-weight: bold;

}



#comments_block	{

}



.comments_single	{

	margin: 10px 0 10px 0;

	border: 1px solid #b6b6b6;

	padding: 10px;

}



.comments_single_meta	{

	margin-bottom: 10px;

	font-size: 12px;

}



.comments_single_content	{

	margin-top: 4px;

	line-height: 16px;

	font-size: 14px;

}



#comments_callforcomments	{

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

}



#comments_registereduser	{

	margin-bottom: 10px;

	font-size: 12px;

}



#comments label	{

	display: inline-block;

	margin-right: 10px;

	width: 250px;

	text-align: right;

	font-size: 12px;

}



#comments input	{

	margin-bottom: 10px;

	width: 300px;

	border: 1px solid #b7b7b7;

}



#comments textarea	{

	margin: 0 0 10px 260px;

	width: 300px;

	height: 200px;

	border: 1px solid #b7b7b7;

}



#comments input:focus	{

	border:1px solid #9d1a00;

}



#comments textarea:focus	{

	border:1px solid #9d1a00;

}



#comments input#submit	{

	margin-left: 412px;

	width: 150px;

}



/* * * * * * * * * * * * * * * * * * * * 07: Sidebar. */





#sidebar_brand {

	display:block;

	width: 184px;

	height: 100px;

	background:url(img/marca.gif) no-repeat;

	background-position:center;
	
	background-color:#FFF;

}



.sidebar_menu	{

	background-attachment:scroll;

	background-image:url(img/sidebarback1.gif);

	background-position:top;

	background-repeat:no-repeat;

	line-height: 20px;

	width: 184px;

	height: 234px;

	color:#666666;

	vertical-align:bottom;
	
	background-color:#FFF;

}

.sidebar_menu_2	{

	background-attachment:scroll;

	background-image:url(img/sidebarback1b.gif);

	background-position:top;

	background-repeat:no-repeat;

	line-height: 20px;

	width: 184px;

	height: 234px;

	color:#666666;

	vertical-align:bottom;
	
	background-color:#FFF;

}

.sidebar_about	{

	background:url(img/sidebarback2.jpg) top center no-repeat;

	width: 184px;

	text-align:center;

	vertical-align:middle;

}

#sidebar_contact {

	background:url(img/fono.gif) center top;

	width: 184px;

	height: 90px;

}



.sidebar_single h2	{

	margin-bottom: 5px;

	font-size: 17px;

}

#sidebar_1 {

	position:relative;

	bottom:-25%;

	vertical-align:bottom;

	width:120px;

	height:144px;

	float:right;

	padding:20px;

	text-align:right;

	font-size:13px;

}

#sidebar_2 {

        background:url(img/sidebarback2.jpg) top no-repeat;

        background-color:#F8F8ED;

	padding-left:20px;

	padding-right:20px;

	text-align:right;

        height:244px;

}



.sidebar_bar1 {

	background:url(img/sidebarbar.gif) no-repeat;

	width:120px;

	height:21px;

}



.sidebar_bar2 {

	background:url(img/sidebarbar2.gif) no-repeat;

	width:120px;

	height:21px;

	float:right;

}



/* * * * * * * * * * * * * * * * * * * * 08: Footer */

#sombra{

	background:url(img/footershadow.jpg) top no-repeat;

	width:908px;

	height:30px;

        padding-top:10px;

	text-align:left;

        color:#999999;

}



#creditos {

	font-size:12px;

	padding:10px;

	text-align:left;

        color:#999999;

}
