/* Layout stylesheet */

body
{
	font-size: 100.01%; 

}


#col-a 
{
	float: right;
	width: 100%;
	width: 81%;
font-size:90%;

}


#col-a[id] 
{
	margin-left: -1px;
	
}


#col-b 
{
        display:none;

	float: left;
	margin-left: -12em;
	z-index: 10; /* [3] */
}

	
#col-b[id] 
{ /* [2] */
	margin-right: 1px;
}

#col-c 
{

	float: right;
	margin-right: -15em;
	z-index: 11; /* [3] */
}

#col-c[id] 
{ /* [2] */
	margin-left: 1px;
}


.show-all #columns 
{
        padding: 0 12em 0 0;
}	


.hide-left #columns 
{
	padding: 0 12em 0 0;
}

.hide-right #columns 
{
	padding: 0;
}

.cols-wrapper 
{
	width: 80%;
}

.cols-wrapper[class] 
{
	padding-bottom: 0.1px; /* [4] */
}

.float-wrapper 
{
	float: left;
	width: 100%;
	position: relative;
	z-index: 0;
}

.float-wrapper[class] 
{ /* [2] */
	margin-right: -1px;
}
.sidecol 
{
	position: relative;
	width: 15em;
	overflow: hidden;
}

.box,
.main-content 
{
	margin: 0 1em;


}

.clear 
{
	clear: both;
}

.none 
{
	display: none;
}

/*
  [1] Play nice with EMs in Opera 6 and IE Win.
  [2] Support for Mozilla, but IE doesn't likes it.
  [3] Z indices needed for link clickability in IE Mac and Opera 6.
  [4] Mozilla needs a non zero value, seems to be a bug.
*/

/* Presentation stylesheet */

/* IDs */

body
{
  	margin: 0 1.8em 1.8em 1.8em;
  	padding: 0 1em 1em 1em;
  	min-width: 50em;
  	font-size: 75.01%; /* 12px [1] */
  	line-height: 1.5em; /* 18px [2] */
/*   	background:url(pics/background.jpg) top repeat-x #fff; */
  	background: #fff;

  	color: #575757;
  	font-family: "Trebuchet MS", "Luxi Sans", Arial,Verdana,Helvetica,sans-serif;
	
}



#main {
  	background: #fff;
	min-width: 50em;
	max-width: 70em;
	margin: 0 auto;
}




#header 
{
	padding: 1.5em 1em;
	background:url(pics/blog_caption.png) top no-repeat #fff;
	height:100px;
	text-align:center;
}

#header .title 
{
	margin: 0;
	margin-top:5em;
	padding: 0;
        font-size:100%;

	
}

#header a
{
	padding-top:2em;
	margin-top:12em;
	color:#000;
}

#header a:link {
	color: #000;
}
#header a:visited {
	color: #000;
}
#header a:link:hover {
	color: #000;
} 
#header a:active {
	color: #000;
}


#footer 
{
  padding: 1.5em;
}

#footer p 
{
	margin: 0;
	text-align: center;
}


/* backgrounds */

.cols-wrapper 
{
	background-color: white;
}


/* classes */
.box {
  margin: 1em;
  background: #fff;
}
.main-content 
{
  margin: 1em;

}
.cols-wrapper {
  border: 1px;
  margin: 0 -1px;
}
.hide-left .cols-wrapper {
  border-left: none;
  margin-left: 0;
}
.hide-right .cols-wrapper {
  border-right: none;
  margin-right: 0;
}
.hide-both .cols-wrapper {
  border-style: none none dotted none;
  margin: 0;
}
.box {
  font-size: 92%;
  line-height: 1.18em;
}

#footer 
{
  background: #fff;
}
.sidecol 
{
  color: #333;
}
.sidecol ul {
  padding: 0 0 0 1.5em;
}

/* dom-tree */
.dom-tree {
  padding: 0 0 0 1.5em;
  color: #999;
}
.dom-tree code {
  font-weight: bold;
}
.dom-tree ul ul ul  {
  list-style: disc;
}
.dom-tree ul ul ul ul  {
  list-style: circle;
}
.dom-tree ul ul ul ul ul {
  list-style: square;
}
.dom-tree dl,
.dom-tree dt,
.dom-tree dd {
  color: black;
  margin: 0;
  padding: 0;
  display: inline; /* IE 5.x doesn't like this */
}
.dom-tree dd {
  font-style: italic;
}

/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

   Blank version of this stylesheet:
   <http://www.webproducer.at/lab/elements.css>
*/

/* Section 7.5: The document body */

h1 {
  font-size: 3.0em; /* 36px */
  line-height: 2.66em; /* 48px */
  margin: 1.78em 0; /* 32px 0 */
}
h2 {
  font-size: 1.25em; /* 15px */
  line-height: 1.4em; /* 21px  */
  margin: 1.07em 0; /* 16px 0 */
}
h3 {
  font-size: 1em; /* 12px */
  font-style: italic;
  margin: 1.33em 0; /* 16px 0 */
}

h3 a
{
  font-size: 1.5em;
  display:block;
  font-style: italic;
  margin: 0;
  background:url(pics/back_note.png) left center no-repeat;
  padding-left:1.4em;
}

h4, h5, h6 {
  font-size: .75em; /* 9px */
  line-height: 2em; /* 18px */
  margin: 1.56em 0; /* 14px 0 */
}

h4 
{
  font-size: 1.3em;
  text-transform: uppercase;
}



h5 {}
h6 {
  font-style: italic;
}
address {}

/* Section 9: Text */
/* 9.2: Structured text */
em {}
strong {}
dfn {}
code {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
blockquote {}
q {}
sub {}
sup {}
/* End of 9.2 */
p {}
pre {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
ins {}
del {}

/* Section 10: Lists */
ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em;
}
ul ul {
  margin: 0;
  padding: 0 0 0 1.25em;
}
ol {
  margin: 1em;
  padding: 0 2em;
}
ol ol {
  margin: 0;
}
li {
  margin: 0;
  padding: 0;
}
dl {}
dt {}
dd {}

/* Section 11: Tables */
table {}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th {}
td {}

/* Section 12.2:  The A element */
a {
	text-decoration: none;
}
a:link {
	color: #575782;
}
a:visited {
	color: #575782;
}

a:link:hover 
{
	color: #FFA400;
}

a:hover 
{
	color: #FFA400;
}

a:active {
	color: #575782;
}




.box a:link {
	color: #575782;
}
.box a:visited {
	color: #575782;
}
.box a:link:hover {
	color: #575782;
}
.box a:active {
	color: #575782;
}




/* Section 13: Objects, Images, and Applets */
img 
{
border: none;
}

a img
{
border: none;
}


object {}
applet {}

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {}
i {}
b {}
big {}
small {}
/* End of 15.2 */
hr {}

/* Section 16: Frames */
iframe {}

/* Section 17: Forms */
form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {}
legend {}


  /* All calculations are based on the assumption that 1em is 12px. */
   /*[2] If you specify a font-size, also consider to specify a line-height property. */
  /*[3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/


/*------------------------------- MENU SUPERIOR -----------------------------------------*/
#menusup
	{

	margin:0.3em 0em 0em 0em;
	padding:1.3em 0em 0em 0em;
	height:3em;
	background:url(pics/gr_barra.png) top center no-repeat;
	display:block;
	text-align:center;
	}

#menusup li , #menusup ul
{
	margin:0;
	padding:0;
	display:inline;
	background-image:none;
}

 #menusup a 
{
	font-family:Trebuchet MS, Verdana,Arial,Helvetica, sans-serif;
	padding:0em 0.7em 0em 0.2em;
	font-size:105%;
	font-weight:bold;
	text-transform:capitalize;
	background:url(pics/gfx_dot.png) right center no-repeat;
	
}

 #menusup a.no-dot
{
	background:none;
}


/*------------------------------- MENU INFERIOR -----------------------------------------*/
#menubottom
{ 

	margin:0;
	padding:1.2em 0em 0em 0em;
	clear:both;
	display:block;
	text-align:center;
	height:5em;
	background:url(pics/gr_barra-bottom.png) top center no-repeat;

}

#menubottom p
{
	margin:1em 0em 0em 0em;
	padding:0.7em 0em 0em 0em;
	font-size:78%;
	margin:0;
}

#menubottom .cc
{
	background:url(pics/ico-cc-bottom.png) right center no-repeat;
	padding-right:2em;
}

#menubottom .mail
{
	background:url(pics/ico-mail-bottom.png) right center no-repeat;
	padding-right:1.8em;
}

#menubottom .info
{
	background:url(pics/ico-info-bottom.png) right center no-repeat;
	padding-right:1.5em;
}

#menubottom .mapaweb
{
	background:url(pics/ico-mapaweb-bottom.png) right center no-repeat;
	padding-right:1.5em;
}

#menubottom li , #menubottom ul
{
	margin:0;
	padding:0;
	display:inline;
	
}

#menubottom a 
{
	font-family:Trebuchet MS, Verdana,Arial,Helvetica, sans-serif;
	padding:0em 0.7em 0em 0.2em;
	font-size:105%;
	font-weight:bold;
	background:url(pics/gfx_dot.png) right center no-repeat;
}

#menubottom a.no-dot
{
	background:none;
}


a
{
	color: #666699;
	text-decoration:none;

}

a:hover
{
	color:#FFA400;
}

.main-content a
{
	font-weight:bolder;

}

.main-content li  , .category_list li
{
	background:url(../../pics/gr_dot.png) no-repeat;
	background-position: 0% 0.2em;
	padding-left :1.5em;
	display:block;
	list-style:none;
}

.favorites_list p
{
	background:url(../../pics/gr_link.png) no-repeat;
	background-position: 0% 0.2em;
	padding-left :1em;
	margin-left :1em;
	display:block;
	list-style:none;
}


.comments li 
{
	background:url(../../pics/back_note-small.png) no-repeat;
	background-position: 0% 0.2em;
	padding-left :1.5em;
	display:block;
	list-style:none;
}

.comments li p.small
{
	background:#e9e9e9;
	background:url(../../pics/back_comments.png)bottom left repeat-x;
	padding-top:1em;
	padding-bottom:1em;

}


p.comments_invite 
{
    display:block;
}

p.comments_invite a
{
    font-size:120% !important;
}



ul.social
{
   margin-left:0 !important;
   padding-left:0 !important;
}

.social li
{
   padding-right:0.5em;
   display:inline !important;
}

.social li a
{
   font-weight:lighter;
   font-size:85%;
}

.display-none
{
	display:none;
}


body
{
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	color:#555;
}

hr
{
	margin:0em 0em 0.7em 0em;
	padding:0;
	border:dashed #c8c8c8 0.1em;
	display:block;
}

.divider
{
	display:block;
	margin:auto;

}

.box a.inicio 
{
background:url(pics/ico-mapaweb-home.png) left center no-repeat;
padding-left:1.3em;
margin-bottom:0.3em;
}


.box p.slogan
{
display:block;
text-align:center;
font-size:80%;
margin-bottom:0.3em;
margin-top:-1em;
}

.box strong
{
	padding:1em 0em 0.1em 1.5em;
	font-family:Trebuchet MS, Verdana,Arial,Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-transform:capitalize;
	color:#7e7e7e;
	background:url(pics/back_star3.png) left bottom no-repeat ;
	display:block;
}

.picyo
{
	display:block;
	margin:auto;
	text-align:center;
	padding:1em;
}


.polaroid
{
	background:url(http://www.jesusda.com/pics/back_photo-album.png) top left no-repeat;
	padding:11px 13px 30px 9px;
}


code
{
	margin:1em 1em 1em 0em;
	display:block;
	font-size:85%;
	font-family:Courier New ,Verdana,Arial,Helvetica, sans-serif;
	background:#202020 url(../../pics/back_console.png) right top no-repeat ;
	color: #ffca00;
	font-weight:bold;
	border:2px solid #ccc;
	padding:1em 5em 1em 1em;
}

.align-center
{
	text-align:center;
	display:block;
}

.img-center
{
	text-align:center;
	display:block;
	margin:auto;
}


.nota
{
font-size: 90%;
background: url(../../pics/back_note2.png) right bottom no-repeat #fff;
font-style: italic;
color: #7e7e7e;
font-weight: bold;
border: 2px dotted #000;
padding: 1em;
}

.green
{
color:#4e9a06;
}
.red
{
color:#a40000;
}
.orange
{
color: #ff8000;
}

.txpCommentInputMessage
{
width:27em;
height:12em;
}