/*  
Theme Name: CherrypeakPress
Site URL: http://www.cherrypeak.com/blog
Description: Is a 3 columns Wordpress theme. 
Version: 0.1
Author: Alain Hdez. 

This theme was built by Alain Hdez. Email: alainhc@gmail.com
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}



/* cite -- font-size */
cite {
    font-style:normal;
}

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { line-height:1.2em; margin-bottom:.3em; }

h1 
{ 
    font-size: 25px; 
}
h1 a {
	font-weight:normal;
}
h1#branding 
{
	font-weight:normal;
	font-size:1em;
	text-align:left;
	float:left;
	margin:2% 0 0 5%;
}

h2
{
	font-size: 19px;
	margin-top:1em;
}
h2#page-heading 
{
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

h3
{
	font-size: 21px;
}

h4
{
	font-size: 19px;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
	text-transform:uppercase;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset
{
	margin-bottom: 10px;
}

a.underlined {
	text-decoration:underline;

}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.container_12 .grid_3,
.container_16 .grid_4
{
	width: 23%;
}

.container_12 .grid_6,
.container_16 .grid_8
{
	width: 48%;
}

.container_12 .grid_9,
.container_16 .grid_12
{
	width: 73%;
}

.container_12 .grid_12,
.container_16 .grid_16
{
	width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 6.333%;
}

.container_12 .grid_2
{
	width: 14.666%;
}

.container_12 .grid_4
{
	width: 31.333%;
}

.container_12 .grid_5
{
	width: 39.666%;
}

.container_12 .grid_7
{
	width: 56.333%;
}

.container_12 .grid_8
{
	width: 64.666%;
}

.container_12 .grid_10
{
	width: 81.333%;
}

.container_12 .grid_11
{
	width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
	width: 4.25%;
}

.container_16 .grid_2
{
	width: 10.5%;
}

.container_16 .grid_3
{
	width: 16.75%;
}

.container_16 .grid_5
{
	width: 29.25%;
}

.container_16 .grid_6
{
	width: 35.5%;
}

.container_16 .grid_7
{
	width: 41.75%;
}

.container_16 .grid_9
{
	width: 54.25%;
}

.container_16 .grid_10
{
	width: 60.5%;
}

.container_16 .grid_11
{
	width: 66.75%;
}

.container_16 .grid_13
{
	width: 79.25%;
}

.container_16 .grid_14
{
	width: 85.5%;
}

.container_16 .grid_15
{
	width: 91.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
	padding-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
	padding-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
	padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 8.333%;
}

.container_12 .prefix_2
{
	padding-left: 16.666%;
}

.container_12 .prefix_4
{
	padding-left: 33.333%;
}

.container_12 .prefix_5
{
	padding-left: 41.666%;
}

.container_12 .prefix_7
{
	padding-left: 58.333%;
}

.container_12 .prefix_8
{
	padding-left: 66.666%;
}

.container_12 .prefix_10
{
	padding-left: 83.333%;
}

.container_12 .prefix_11
{
	padding-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 6.25%;
}

.container_16 .prefix_2
{
	padding-left: 12.5%;
}

.container_16 .prefix_3
{
	padding-left: 18.75%;
}

.container_16 .prefix_5
{
	padding-left: 31.25%;
}

.container_16 .prefix_6
{
	padding-left: 37.5%;
}

.container_16 .prefix_7
{
	padding-left: 43.75%;
}

.container_16 .prefix_9
{
	padding-left: 56.25%;
}

.container_16 .prefix_10
{
	padding-left: 62.5%;
}

.container_16 .prefix_11
{
	padding-left: 68.75%;
}

.container_16 .prefix_13
{
	padding-left: 81.25%;
}

.container_16 .prefix_14
{
	padding-left: 87.5%;
}

.container_16 .prefix_15
{
	padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
	padding-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
	padding-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
	padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 8.333%;
}

.container_12 .suffix_2
{
	padding-right: 16.666%;
}

.container_12 .suffix_4
{
	padding-right: 33.333%;
}

.container_12 .suffix_5
{
	padding-right: 41.666%;
}

.container_12 .suffix_7
{
	padding-right: 58.333%;
}

.container_12 .suffix_8
{
	padding-right: 66.666%;
}

.container_12 .suffix_10
{
	padding-right: 83.333%;
}

.container_12 .suffix_11
{
	padding-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 6.25%;
}

.container_16 .suffix_2
{
	padding-right: 16.5%;
}

.container_16 .suffix_3
{
	padding-right: 18.75%;
}

.container_16 .suffix_5
{
	padding-right: 31.25%;
}

.container_16 .suffix_6
{
	padding-right: 37.5%;
}

.container_16 .suffix_7
{
	padding-right: 43.75%;
}

.container_16 .suffix_9
{
	padding-right: 56.25%;
}

.container_16 .suffix_10
{
	padding-right: 62.5%;
}

.container_16 .suffix_11
{
	padding-right: 68.75%;
}

.container_16 .suffix_13
{
	padding-right: 81.25%;
}

.container_16 .suffix_14
{
	padding-right: 87.5%;
}

.container_16 .suffix_15
{
	padding-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/*
-----------------------------------------------
MIS COSAS -------------------------------------
----------------------------------------------- */
#banner {
    background:#eae9f3 url(/images/couple.png) no-repeat scroll center top;
    height:140px;
    float:left;
    width:100%;
    border-top:3px solid #BF0042;
}

/* ___ social ___ */
ul#social {
    padding-bottom:30px;
}
ul#social li {
    list-style:none;    
    margin:0;
}

/* ___ content ___ */
#content {
    margin-top:-50px;
}

.breadcrumb {
	padding: 3px;
}

.pages {
	padding: 5px;
	font-size: 1.1em;
}

/* ___ menu ___ */
#section-menu {
    padding-top:30px;
}

.box.sidebar {
    padding:28px 0 10px 8px;    
}
.box.sidebar h2 {
    color:#00cccc;
    padding-right:0;   
}

.box.sidebar .categories a{ 
 	text-transform:capitalize;     
}

.box.sidebar .categories a:hover{ 
 	color:#333333;    
}

.box.sidebar .lsidebar ul {  
	color:#333333;
	padding: 0;
	border: 0;
	margin: 0;
	list-style-type: none;
	margin-bottom: 15px;  
}

.box.sidebar .lsidebar ul li.categories, .box.sidebar .lsidebar ul li.archives{  
	padding: 0;
	border: 0;
	margin: 0;
	list-style-type: none;
}

.box.sidebar .rsidebar ul {  
	color:#333333;
	margin-bottom: 15px;  
}

.box.sidebar .rsidebar a:hover{  
	color: #333333;  
}

blockquote a {
    color:#BF0042;
}
blockquote a:hover {
    color:#ff0058;
}
.cite {
    font:11px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    color:#ccc;
    padding-right:12px;
    display:block;
}

#search-content {
    float:right;
    width:20%;
    padding-top:8px;
}
#search-content ul.menu-inline {
    padding-bottom:17px;
    font-size:0.9em;
}
#search-content ul.menu-inline li a{
    color:#000;
}

/*___ tamaño del menu en articulo ___*/

.article ul {
    font-size:1.2em;
}

.article .entry p.postmetadata {
    font-size:1em;
}

.article .entry #post small { 
	margin-bottom: 15px;
}

.article ul.products {
	margin-left: 140px;
}

.article ul .btn {
	margin-left: 10px;
}

.article ul li a:hover{
    background:#BF0042;
    color:#FFF;
    padding:2px 2px 1px;
}

/*___ footer ___*/
#site_info,
#copyright {
    text-align:center;
    padding-bottom:20px;
}

ul#copyright,
ul#site-info {
    list-style:none;
    color:#666;
    font-size:1.2em;
}
ul#copyright li a {
    color:#FFF;
}

#site-info { /*site-info*/
    margin:0; 
    font-size:1em; 
    padding:6px; 
    text-align:right; 
    color:#666;
}
#site-info a {
    color:#666;
    text-decoration:underline;
}
#credits { /*credits*/
    border-top:2px solid;
    padding-top:7px;
    background:url(/images/bg-footer.png) repeat-x center bottom;
}
#credits p { 
    font-size:.9em;
    padding:0 0 10px 4px;
}
.article .intro {
    font-size:0.9em;
    margin-bottom:-29px;

    color:#BF0042;
}


/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	color: #333;
	font-size: 11px;
	/*background:#000 url(/images/bg-body.png) repeat-x right top;*/
	/*padding: 0 0 40px;*/
}


/* ANCHORS
----------------------------------------------- */
a {
	color: #BF0042; 
	/*font-weight:bold;*/
	text-decoration: none;
}
a:hover {
	color:#000;
}


/* BACKGROUND CONTAINER 16 (WRAPPER)
----------------------------------------------- */
/*.container_12,*/
.container_16 {
	background:#3e3e3e;
	margin:0 auto;
    max-width:1024px;
    background:#1F1F1F url(/images/content-bg.png) no-repeat scroll center 144px;
}



/* BOX
----------------------------------------------- */
.box {/*___ PADDDING BOX GENERAL ___*/
	/*background:#ddd;*/
	margin-bottom:4px;
	padding:10px 10px 1px 10px; 
}
.box h2 {/*___ H2 DE LOS BOXES ___*/
	font-size:1.3em; 
	text-transform:uppercase;
	color:#fff;
	/*background:#333;*/
	margin:-10px -10px 0 -10px;
	padding:10px 12px 5px;
}

.block {
	padding-top:10px;
}
div.menu {/*___ MENU VERTICAL ___*/
	padding:0;
	background:none;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}


/* FIR
----------------------------------------------- */
.fir{
position:relative;
margin:0;
padding:0;
overflow:hidden/* */
}
.fir span{
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
cursor:pointer
}
/*_____*/
#branding, 
#branding span{
background:url(/images/logo.png) no-repeat;
width:114px;
height:103px;
}
#valid-xhtml, 
#valid-xhtml span{
background:url(/images/valid-xhtml.png) no-repeat;
width:138px;
height:24px;
padding-left:3px;
}
#valid-css, 
#valid-css span{
background:url(/images/valid-css.png) no-repeat;
width:82px;
height:25px;
padding-left:3px;
}
#cross-browser,
#cross-browser span{
background:url(/images/cross-browser.png) no-repeat;
width:128px;
height:49px;
text-indent:-9999px;
}



/* P, BLOCKQUOTES, UL, LI
----------------------------------------------- */
p {
	margin-bottom:0.9em;
	font-size:1.2em; /*___ P font-size ___*/
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:.9em;
	padding:0 0 0 1em;
	border-left:2px solid #4f4f4f;	
}

ul, ol {
	margin-bottom: 0.9em;
}


/* MENUS -------------------------------------- les quite todos lo border y backgrouns de los li ---
----------------------------------------------- */
ul.menu {
	list-style:none;
	/*border-top:1px solid #bbb;*/
}
ul.menu li {
	margin:0;
}
ul.menu li a {
    color:#FFF; /*___ COLOR DEL MENU ___*/
	display:block;
	padding:2px 0 0 6px; 
	/*border-bottom:1px solid #ccc;*/
}
ul.menu li a:hover {
    background:#f1f1f1;
    color:#333;
    cursor:pointer;
}
ul.menu li a:active {
    background:#fff;
}


/* SUBMENUS
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:15px;
}


/* MENUS VERTICALES SECTION
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
	font-size:1.3em; /*___ FONT-SIZE DEL MENU ___*/
}
ul.section li {
	text-transform:uppercase;
	/*background:#2e2e2f; ___ BG LI DEL MENU PPAL ___ */
}

ul.section li a {
	/* background:#bbb;*/
}
ul.section li a:hover {
	/*background:#FFF;*/
}
ul.section li a:active {
	color:#fff;
	/*background:#666;*/
}


/*___ CURSOR POINTER ___*/
ul.section li.menuitem a {
    cursor:pointer; 
 }
 
 
ul.section li li a {
    color:#BF0042;/*___ COLOR DEL SUBMENU ___*/
    font-size:1em; 
    font-weight:normal;
	/*background:#BBB;
	border-bottom:1px solid #eee;*/
}
ul.section li li a:hover {
    color:#000;
	/*background:#ccc;*/
	cursor:pointer;
}
ul.section li li a:active { /*___ PRESIONADO ___*/
	color:#000;
	/*background:#fff;*/
}


ul.section ul li {  
    text-transform:none;
}



/* ___ backgrounds y borders de los submenu current (activos) ___ 
ul.section ul.current li a {
	/*background:#EEE;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover { 
    background:#ddd;
}
ul.section ul.current li a:active {
    background:#fff;
}
*/

ul.section li a.current { /*___ color y background del current ___*/
	color:#BF0042;
	background:#FFF url(/images/menu-border-left) no-repeat -5px top;
	cursor:default;
	font-weight:bold;
}
ul.section li a.current:hover {
	/*background:#555;*/
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	cursor:default;
}







/* FORMS VERTICAL
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	/*border:1px solid #bbb;*/
	padding:6px 0px;
	/*background:#e9e9e9;*/
	margin-bottom:10px;
	color:#00CCCC;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
}
input,
select {
    display:block;
    /*width:50%;*/
    margin-bottom:20px;
}

input.login-button,
input.register-button { /*___ CURSOR:POINTER PARA LOS BOTONES DE FORMS VERTICALES ___*/
    cursor:pointer;    
}

/* FORMS HORIZONTAL 
------------------------------------------------ */
fieldset.horiz {
	padding-right:0;
}
fieldset.horiz label {
	float:left;
	line-height:2em;
	margin-right:3%;
}
fieldset.horiz input {
	width:129px;
	background:#000;
	border:none;
	color:#FFFFFF;
    font-size:1.2em;
}
/*fieldset.horiz input.search-button { ___ SEARCH BUTTON SIN BACKGROUND ___
	width:auto;
    margin-top:23px;
}*/
fieldset.horiz input.search-button { /*___ SEARCH BUTTON CON BACKGROUND ___*/
    background:transparent url(/images/search-button.png) no-repeat scroll 0 0;
    border:medium none;
    cursor:pointer;
    height:31px;
    text-indent:-9999px;
    width:32px;
}
form .notice {
	font-weight:bold;
}

label.poll {
display:block;
margin-top:-10px;
}
label.poll input {
display:inline;
width:16px;
}


/* <SPAN> IMG-BUTTON PARA <A>
----------------------------------------------- */
.img-button {
	display:block;
	width:54px;
	height:26px;
	text-indent:-9999px;
}
.img-button a {
	display:block;
	width:100%;
	height:100%;
	background:url(/images/img-button.png) no-repeat top left;
	outline:none;
}
.img-button a:hover {
	background-position:0 -26px;
}


/* ARTICULOS
----------------------------------------------- */
#articles {
	padding-top:0;
}
.article {
  /*  padding:.5em 0; */
}
.box .article {
 /*	padding:13px 15px 30px 10px; */
}
.article h2 {
	font-size:1.8em;
	font-weight: normal;
	text-transform:capitalize; 
	background:transparent;
	padding:5px 0 7px;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:1.1em;
	font-size:1.6em;
	color:#000;
}
/*.box .first {
    border-top:none;
}*/
.article h4 {
    font-size:1.5em;
    margin:0.5em 0;
}
.article h5 {
	font-size:1.3em;
    margin:2em 0 0.5em;
}

.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img { /*___ TAMAÑO DE LA IMAGES DEL ARTÍCULO ___*/
	float:left; 
	height:130px;
    width:130px;
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}
/*___ MENU INLINE DENTRO DEL ARTÍCULO ___*/
ul.menu-inline { 
margin:0;
}
ul.menu-inline li { 
    display:inline;
    width:100%;
    margin:0px 0px 13px 0px;
}


/* ROUNDER CORNER CONTENT
----------------------------------------------- */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h, .b1bh {height:1px; background:#7A001C; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#7A001C; border-right:2px solid #8b2835; border-left:2px solid #8b2835; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#7A001C; border-right:1px solid #8b2835; border-left:1px solid #8b2835; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#7A001C; border-right:1px solid #8b2835; border-left:1px solid #8b2835; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #FFF;} /*parte de abajo*/
.headh { background:url(/images/h2-bg.png) repeat-x 0 0; border-right:1px solid #aaa; /*border-left:1px solid #aaa;*/ padding-left:14px;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}

.contenth {background: #FFF; border-right:1px solid #aaa; /*border-left:1px solid #aaa;*/}
.contenth div {margin: 0 12px 0 12px; padding-top: 5px;}

/*bottom part*/
.b1bh { background:#FFF; margin:0 5px;}
.b2bh { background:#FFF; border-right:2px solid #FFF; border-left:2px solid #FFF;}
.b3bh { background:#FFF; border-right:1px solid #FFF; border-left:1px solid #FFF;}
.b4bh { background:#FFF; border-right:1px solid #FFF; border-left:1px solid #FFF;}


/* ROUNDER BUTTON
----------------------------------------------- */
.btn {  
    position: relative; 
    background:#BF0042; /*___ COLOR DEL BUTTON es solido pero puedo añadirle una textura  url(/images/shade.png) repeat scroll 0 0___*/
    padding:4px 3px 2px 5px;     
    /*float: left; 
    /*display: block; ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS */
    width:92px;
    height:25px;
    font-size:1.1em;  /*___ TAMAÑO FUENTE DEL BUTTON ___*/    
    color: #FFF;      /*___ COLOR DEL FUENTE DEL BUTTON ___*/
    /*text-decoration: none; posiblemente este esté sobreescrito en el a del reset.css 
    ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS*/
    cursor: pointer;
    font-weight:normal;
}
.btn * { 
    font-style: normal; 
    background-image: url(/images/btn2.png); 
    background-repeat: no-repeat; 
    /*display: block;
    position: relative; ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS */  
}
/*.btn i { _______________________________ELIMINAR SI NO SE UTILIZA LA IMAGEN REDONDEADA EN LOS BUTTONS
    background-position: top 
    left; position: absolute; 
    margin-bottom: -5px; 
    top: 0; 
    left: 0; width: 5px; 
    height: 5px; 
}
.btn span { 
    background-position: 
    bottom left; 
    left: -5px; 
    padding: 0 0 5px 10px; 
    margin-bottom: -5px; 
}
.btn span i { 
    background-position: 
    bottom right; 
    margin-bottom: 0; 
    position: absolute; 
    left: 100%; 
    width: 10px; 
    height: 100%; 
    top: 0; 
}
.btn span span { 
    background-position: top right; 
    position: absolute; 
    right: -10px; 
    margin-left: 10px; 
    top: -5px; 
    height: 0; 
}
colors
* html .btn       { border: 3px double #aaa; }
* html .btn.blue  { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink  { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
*/


/* SITE INFORMATION
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#666;
	margin-bottom:10px;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	/*font-size:1.1em; TAMAÑO FONT ACCORD. */
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { 
	padding:0;
	overflow:hidden;
}
#kwick-box h2 { 
	margin:0;
}
#kwick {
	position: relative;
}
#kwick .kwicks {
	display: block;
	background: #999;
	height: 120px;
	list-style:none;
	margin:0;
	overflow:hidden;
}
#kwick li {
	float: left;
	margin:0;
	padding:0;
}
#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 100px;
	width: 215px;
	padding: 10px;
	background: #fff;
}
#kwick .kwick span {
	color:#fff;
}
#kwick .one {
	background: #666;
}
#kwick .two {
	background: #777;
}
#kwick .three {
	background: #888;
}
#kwick .four {
	background: #999;
}
/*css del nav.css*/
/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  background:#666;
  max-width:100%;
  height:2.5em;
  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#fff;
	background:#666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2.4em;
	line-height:2.5em;
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:2em;
	height:2em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000; background:#ccc;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:#ccc !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  background:#666;
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	height:2.5em;
	line-height:2.5em;
	border:0;
	color:#fff;
	background:#666;
}
ul.main li ul li a {
  width:12em;
  line-height:2em;
  height:2em;
  text-align:left;
  color:#fff;
  border-top:1px solid #444;
  background:#444;
}
ul.main li a:focus {color:#fff; background:#666;}
ul.main li ul li a:hover {
  color:#fff;
  background:#555;
}
ul.main li:hover a {
  color:#fff;
  background:#555;
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#444;}
ul.main li:hover a:active {background:#444;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	/*line-height:auto;*/
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;

	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*de alain*/
#blogSearch{
padding-top:20px;
}