/* icograma.css */

/*
#ffa61a naranja
#808080 gris medio
#222 body gray


 | 128px 22px 428px 22px 128px  |  728px
*/

HTML { background:#111; }

BODY{
	font:9pt/12pt "Lucida Grande","Lucida Sans Unicode","Lucida","Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
	background:#111;
	color:#fff;
	margin:0; padding:0;
	}

FORM { margin:0; padding:0; }

INPUT, SELECT, BUTTON, TEXTAREA, INPUT.text {
	vertical-align:middle;
	font-family:"Lucida Grande","Lucida Sans Unicode","Lucida","Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	}

INPUT.image { margin-left:6px; }

INPUT { cursor:text; }

INPUT.text, TEXTAREA{ padding:2px 4px; border:none; background:#4d4d4d url('field_bg1.gif') repeat-x; }

/*
.hr{ border-top:1px solid #ccc; height:1px!important; font-size:1px; padding:0; margin:10px 0; }
.hr HR{ display:none; }
*/

.tbd { border:1px dotted lime; }

.hint{ color:#999; }

A:link { color: #ffa61a; }

/*.post A:link, .post A:hover, */
.comments A:link, .comments A:hover { 
	color: #0af; 
	}

A:visited, A:hover { color: #FFF; }

A IMG { border:none; }

H2 SMALL.ctrl A:link, H2 SMALL.ctrl A:visited { font-size:12pt; text-decoration:none; color:#ffa61a; }
H2 SMALL.ctrl A:hover { color:#ffa61a; }

#searchform INPUT { color:#FFF; }
#searchform INPUT.hint { color:#999; }



/* TEXT */
H5, H6 { color:#888888; font-size:8pt; margin:10pt 0; font-weight:normal; }
H3, H4 { color:#ffa61a; }
H1, H2, H3, H4, H5, H6 { font-weight:normal; }
H2 { font-size:13pt; line-height:13pt; }

.post H3 { margin:40px 0 12px; font-size:13pt; font-weight:bold; }
.post H2 { font-size:13pt; line-height:15pt; font-weight:bold; }
.post H2 A { font-size:13pt; line-height:15pt; font-weight:normal; }

.post, .comments { line-height:15pt; }

.post U, .post .u { background:#090909; font-style:normal; padding:2px 0; }

.post P { margin:12px 0; }


.post H2, .outcome H2, .colNav H4.section, .colNav H3.section, .colNav .submenu H3 { margin:20px 0 6px; }
.colNav H3.section, .colNav H4.section { text-transform:lowercase; }

.outcome H2 { margin-bottom:20px; }
.outcome.search H2 { margin:0; color:#ffa61a; }


.colNav H4.section, .colNav H3.section { line-height:15pt; }
.colNav H3 { font-size:12pt; line-height:16pt; color:#808080; }

/*.colNav .submenu { text-align:right; }*/
.colNav .submenu .singleCat { text-align:right; }

#mainfoot .colNav H3 { text-align:right; }

.post H6 { margin:0; }
.post P.excerpt, .post DIV.excerpt P { margin:3px 0 20px; }

.colCtnt .side { font-size:8pt; line-height:12pt; margin:0 0 20px 20px; }
	* HTML .colCtnt .side { margin-left:10px; }
.colCtnt .side DL { margin:0 0 14px; }
.colCtnt .side DT { font-weight:normal; }
.colCtnt .side DD { line-height:10pt; }

.dateReview DD { 
	background: url('icon_review.gif') no-repeat 0 1px;
	padding-left:14px;
}

.dateComment DD { 
	background: url('icon_comment.gif') no-repeat 0 1px;
	padding-left:14px;
}

.colCtnt .side DL.datePublished, .datePublished, .datePublished DD { 
	background: url('icon_published.gif') no-repeat 0 1px;
	padding-left:14px;
	margin-bottom:0;
}

.colCtnt .side DL.datePublished {
	background: none;
	padding-left:0;
}

.post H2,
.post H5, .post H6, 
.post P, P.excerpt,
.post UL, .post OL { 
	width:428px; 
	color:#FFF;
	}
.post H3, .post H4{ 
	width:428px; 
	}

.post P.side { 
	color:#808080;
	}

.post.thumbnail H5 { width:auto; }

.post #formContacto P { width:auto; }


.post .wide { width:auto; clear:right; }
.post P.side { width:128px; }
.post H4 { margin-top: 20px; }

.post .side P { margin:0; width:128px; }

.post UL{ padding-left:2em; }
.post UL LI{ list-style-type:disc; }


.institucional P { width:358px; margin-bottom:20px; font-size:10pt; line-height:13pt; }
.institucional P.side { width:191px; }
.institucional P A:link,
.institucional P A:hover,
.institucional P A:visited { color:#ffa61a; } 

* HTML .institucional P A:link, 
* HTML .institucional P A:hover, 
* HTML .institucional P A:visited { color:#ffa61a; }

P.side { clear:both; }

P.firma { text-align:right; margin-right:152px; }
P.firma A:link, P.firma A:hover { color:#FFF; }


/* DOWNLOAD */
.download.side { 
	clear:right; 
	background:#000; 
	padding:10px; 
	width:118px; 
	padding-right:0; 
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;	
}
.download.side IMG { margin:0; }
.download.side P, .download.side H4 { width:108px; margin:0; }
.download.side STRONG A { color:#FFF; margin:0; }

* HTML .download.side { padding:0; background:none; }
* HTML .download.side IMG { margin:3px 0; }
* HTML .download.side STRONG A { color:#FFF!important; margin:0!important; }


/* MENUSERIES */
.menuseries{
	background:#000; margin:10pt 150px; }
.menuseries .dhead{ background-image:url('series_head.gif');
	background-repeat:no-repeat;
	height:10px!important;
	}
.menuseries .dbody{	
	padding:10px;
	background-image:url('series_foot.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	}



/* ESTRUCTURA */
.ltNavCtnt { overflow:hidden; zoom:1; }
.colNav { width:128px; }
.colCtnt { width:576px; }
.ltNavCtnt .colNav { float:left; }
.ltNavCtnt .colCtnt { float:right; }

.side { 
	width:128px;
	margin-top:0;
	float:right; display:inline; 
	font-size:8.5pt;
	color:#808080;
}






#mainhead, #mainbody{ background:#222; }
.mbody{ width:728px; margin:0 auto; position:relative; overflow:hidden; zoom:1;  }

#mainhead {
	/* background:#222 url('bg_body.gif') repeat-x; */
	padding:22px 0 0; margin:0; }

#mainbody { padding:30px 0; }
.comments, .commentsForm { padding:30px 0 0; }
#mainfoot { padding:10px 0; }


BUTTON, .submit{ 
	background:#000000 url('button_bg21.gif') repeat-x;
	border:1px solid #444;
	padding:4px 10pt; 
	color:#fff;
}
BUTTON:active, .submit:active{ 
	background:#2e2e2e url('button_bg11.gif') repeat-x;
	color:#fff;
}



UL.mainmenu{ overflow:hidden; zoom:1; }
	UL.mainmenu{ list-style:none; margin:10pt 0; padding:0; }
	UL.mainmenu LI{ list-style:none; margin:0 12px 0 0; padding:0; float:left;  }
	UL.mainmenu A{ color:#fff; text-decoration:none; padding-right:6px; }
	UL.mainmenu LI.here A{ color:#ffa61a; background:url('li_here.gif') no-repeat right top; }

#mainfoot UL.mainmenu LI { color:#666; margin-right:6px; }
#mainfoot UL.mainmenu LI A { background:none; padding-right:2px; }
#mainfoot UL.mainmenu LI.here A { background:none; color:#fff; }





#mainhead FORM{ position:absolute; right:0; font-size:7pt; }
	#mainhead FORM P{margin:0 0 1pt; }
#mainhead H1{ 
	position:absolute; top:0; left:0;
	width:128px; margin:0; }

#mainhead .dbody{ margin:0 150px; }
#mainhead .mainmenu{ margin:0; padding-top:2px; font-size:10pt }

#mainhead H5{margin:4pt 0 10pt; letter-spacing:1px;  }

#mainfoot{ background: #111; border-top:1px solid #444;  }



/* MOTTO */
.motto { margin:0 0 30px; }
.motto H2 { line-height:24pt; color:#ffa61a; }
.motto H2 DFN { color:#808080; font-style:normal; text-decoration:none; border-bottom:0px; }



/* POSTS */
.post H2 A:link { color:#FFF; }
.post H2 A:hover { color:#CCC; }
.post P.excerpt, .post DIV.excerpt P { text-indent:3em; }
.post IMG { /* background:#666; border:6px solid #000; */ margin:20px 0; }


/* colNav */
.colNav A { color:#ffa61a; }
* HTML .colNav H4 A:link, 
* HTML .colNav H4 A:hover, 
* HTML .colNav H4 A:visited { color:#ffa61a; }
.colNav .section { text-align:right; }



/* colNav SUBMENU */
.colNav .submenu UL { 
	margin:0; margin-left:1em; 
	padding:0; 
	font-size:8.75pt;
	list-style:none; 
}
.colNav .submenu LI { margin:8px 0; padding-left:1em; color:#808080; }
.colNav .submenu A { text-decoration:none; color:#FFF; }
.colNav .submenu H3 A { text-decoration:none; color:#808080; }
.colNav .submenu LI.here A { color:#ffa61a; text-decoration:none; }
.colNav .submenu LI.here {
	background: url('li_here.gif') no-repeat 3px 7px;
}


/* COMMENTS */
.comments .item, .comments .item A, .comments .side { color:#808080; }
.comments P { color:#FFF; }
.comments P A:link, .comments P A:hover { color:#0AF; }


/* COMMENTS FORM */
.commentsForm LABEL { font-size:8pt; color:#808080; }
.commentsForm INPUT, .commentsForm TEXTAREA { margin-bottom:8px; color:#FFF; }
.commentsForm INPUT.submit { margin:4px 0; cursor:pointer; }
.commentsForm .submit { float:left; }
.commentsForm H5 { float:left; margin:0 0 0 20px; width:300px; }

.commentsForm .formfoot { overflow:hidden; zoom:1; margin-bottom:40px; }

.commentsForm { border-bottom:1px solid #444; }

/* FOOT */
.foot { clear:both; font-size:8.25pt; }
.foot .copy, .foot .vcard { float:left; margin-right:20px; }
.foot .copy { width:128px; color:#ffa61a; }
.foot .vcard { width:140px; color:#808080; }
.foot abbr { border-bottom:none; }




/* INSTITUCIONAL */
.institucional H2 {
	color:#FFF;
	line-height:16pt;
	margin-bottom:40px;
}

.institucional H2 SMALL {
	margin-left:80px;
	color:#808080;
	font-size:85%;
}

.institucional H2 CITE {
	color:#ffa61a;
	font-style:normal;
}




/* WP-SYNHIGHLIGHT */
.wp-synhighlighter-expanded,
.wp-synhighlighter-collapsed { 
	margin-top:20px;
	padding:7px 10px;	
	background:#666;
	border-left:6px solid #000;
	clear:right;
}

.wp-synhighlighter-inner PRE { 
	margin-bottom:20px;
	padding:10px;
/*	background:#e6e6e6;*/
	background:#bbb;
	border-left:6px solid #000;
	clear:right;
	overflow:auto;
}

* HTML .wp-synhighlighter-inner PRE { 
	width:550px;
}


.wp-synhighlighter-collapsed {
	margin-top:20px 0;
}



.wp-synhighlighter-expanded A,
.wp-synhighlighter-collapsed A {
	font-size:11pt;
	line-height:14pt;
	color:#FFF!important;
}
.wp-synhighlighter-inner A,
.wp-synhighlighter-expanded A,
.wp-synhighlighter-collapsed A {
	text-decoration:none;
}
.wp-synhighlighter-inner A:hover,
.wp-synhighlighter-expanded A:hover,
.wp-synhighlighter-collapsed A:hover {
	color:#fff;
	text-decoration:underline;
}




/* DEMO */
.demo #mainbody { background-color:#FFF; }



.thumbnail {
	width:128px; height:128px;
	margin:16px 13px 0 0;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	}

.thumbnail H5, .thumbnail IMG {
	margin:0;
	}




/* footer posicionamiento START */
/* from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#main{
   min-height:100%;
   position:relative;
	background:#222;
}
#mainhead {
   position:relative; zoom:1; /* IE6 fix */
}
#mainbody {
   padding-bottom:140px;   /* Height of the footer */
   position:relative; zoom:1; /* IE6 fix */
}
#mainfoot {
   position:absolute;
   bottom:0;
   width:100%;
   height:140px;   /* Height of the footer */
}

#mainbody .mbody {
	margin-bottom:40px;
}

#mainfoot .mbody {
	overflow:visible;
}


.indice .side H5 IMG {
	margin:0;
	}

.indice .post P {
	margin:0 0 12px;
	}





#formContacto H2 {
	margin:10px 0;
	}

#formContacto TH {
	padding-right:10px;
	vertical-align:top;
	text-align:right;
	}

#formContacto .showmsg {
	margin:10px 0;
	}

#formContacto .showmsg TH {
	color:#888;
	}

#formContacto TH P, #formContacto TD P, #formContacto TD PRE {
	margin:5px 0;
	}

#formContacto INPUT.text, #formContacto TEXTAREA { color:#FFF; }
#formContacto INPUT.hint { color:#999; }

#formContacto .showmsg PRE {
	font:9pt/12pt "Lucida Grande","Lucida Sans Unicode","Lucida","Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
	color:#FFF;
	white-space:normal;
	}


.single .post H1, .single .post H2,
.single .post H5, .single .post H6 {
	color:#FFF;
	font-weight:bold;
	}
.single .post H3, 
.single .post H4{
	font-weight:bold;
}


.single .post A, .single .post A:link, .single .post A:visited {
	color:#FFA61A;
/*	text-decoration:none;*/
	}
.single .post A:hover {
	color:#FFA61A;
	text-decoration:underline;
	}



.home .thumbs {
	margin-bottom:25px;
	}




.iferror {
	display:none;
	}

.error .iferror {
	display:block;
	}


.error {
	color:#F66;
	}
.error .iferror {
	padding:2px 4px;
	background:#D44;
	color:#FFF;
	}

#formContacto INPUT.text, #formContacto TEXTAREA {
	width:473px;
	padding:4px;
	}





/* SYNTAX HIGHTLIGHTER */
.post div.wp-synhighlighter-expanded,
.post div.wp-synhighlighter-collapsed {
	border:0;
	}

.post div.wp-synhighlighter-inner {
/*	background:#eed8b5;*/
	border:2px double #4D4D4D;
	}





#mainfoot .ltFull {
	padding-bottom:20px;
	}



.tags A {
	display:block;
	text-align:right;
	margin:6px 0;
	color:#FFF;
	text-decoration:none;
	}

.tags A:hover {
	text-decoration:underline;
	}


HTML>BODY .indice .post P {
	*width:428px;
	}

.indice .post H3, .indice .post H4,
.indice .post H5, .indice .post H6,
.indice .post P {
	margin:4px 0;
	}

.indice .more-link {
	display:none;
	}

.indice .post {
	margin-bottom:20px;
	}

.indice .download {
	display:none;
	}



/* data tables */

TABLE.data{ border-collapse: collapse; }
TABLE.data TH,
TABLE.data TD {padding:1pt 4pt; border:1px solid #666;}