/* (C) 2007 Creative Codeworks
 *
 * Un saludo a todos aquellos que leen código fuente.
 * Puedes usar este código HTML para lo que desees.
 *
 */

body
{
     font-family: Trebuchet MS, verdana, sans-serif;
     background: #ffffff;
     color: #666;
     text-align: left;
     font-family: Verdana, Tahoma, sans-serif;
     font-size: 11px;
     align: center;
     #width: 800px;
     #margin: 0 auto;
}

A:visited {color: black; text-decoration: none; border-bottom: 1px dotted #000000; font-weight: bold;}
A:link    {color: black; text-decoration: none; border-bottom: 1px dotted #000000; font-weight: bold;}
A:active  {color: black; text-decoration: none; border-bottom: 1px dotted #000000; font-weight: bold;}
A:hover   {cursor: crosshair; color: red; font-weight: bold; border-bottom: 1px dotted #000000; text-decoration: none; }
 
#icon A:visited {color: black; text-decoration: none; font-weight: bold;}
#icon A:link    {color: black; text-decoration: none; font-weight: bold;}
#icon A:active  {color: black; text-decoration: none; font-weight: bold;}
#icon A:hover   {cursor: crosshair; color: red; font-weight: bold; text-decoration: none; }

img       { border: 0px solid black; }	  

pre
{
    overflow: auto;
    width: 645px;
    background-color: whitesmoke;
    border: 1px solid silver;
    color: black;
    padding: 2pt 4pt;
    font-family: monospace;

}

#pagina
{
     width: 1000px;
     margin: 10px auto;
     background-color: #fff;
     color: #333;
     //border: 1px solid gray;
     line-height: 130%;
}
	
#logo 
{ 
     text-align:center;
     padding: .5em;
     background-color: #fff;
     //border-bottom: 1px solid gray;
}

	
#navigation
{				  
     margin-left: 0px;
     padding-top: 10px;	
     padding-bottom: 10px;
     width: 900px;
     background: #white;
}

#tabnav
{
     height: 20px;
     margin-top: 0;
     margin-bottom: 0;
     padding-left: 80px;
     background: url(/images/tab_bottom.gif) repeat-x top;
}

#tabnav ul, #tabnav li
{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited
{
	float: left;
	background: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #333;
}

#tabnav a:link.active, #tabnav a:visited.active
{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #FF33FF;
}

#tabnav a:hover
{
	background: #CCC;
        cursor: crosshair; 
        color: fuchsia; 
        background-color: lightgrey; 
}

#boss 
{  
     float: left;
     width: 185px;
     margin: 0;
     padding: 1em;
}


.blog
{			
     text-align: justify;
     width: 900px;
     margin: 0 auto;
     padding: 2em;
     background-color: #FFF;
     font-family: Trebuchet MS, verdana, sans-serif;
     font-size: 14px;
     line-height: 14pt;
     text-align: left;
}

.blog_story_date
{
     margin-bottom:6px;
     padding-top:2px;
     padding-bottom:3px;
     font-size: 16px;
     color: darkgrey;
     background-color: white;
}

.blog_story_title 
{
     margin-bottom:20px;
     padding-left:5px;
     padding-right:5px;
     padding-top:2px;
     padding-bottom:2px;
     color:white;
     background-color:black;
     line-height: 1.53em;
     font-size: 20px;
     font-weight: bold;
     text-decoration: none;
     cursor: default;
}

h2
{
     margin-top:40px;
     color:grey
     line-height: 1.53em;
     font-size: 21px;
     font-weight: bold;
     text-decoration: none;
     cursor: default;
}

.blog_story_subtitle 
{
     padding-left:5px;
     padding-right:5px;
     padding-top:4px;
     padding-bottom:2px;
     font-size: 12px;
     text-decoration: none;
     cursor: default;
}

.blog_story_body
{
     font-family: Trebuchet MS, verdana, sans-serif;
     font-size: 14px;
     line-height: 14pt;
     text-align: left;
}


.tagcloud 
{
     width: 900px;
     text-align: left;
     align: center;
     //background-color: whitesmoke;
     //border: 1px solid silver;
}


.float_start
{
     clear:left;
}

.float_left
{
     margin-top:10px;
     margin-right:10px;
     margin-bottom:10px;
     float:left;
}

.float_end
{
     clear:left;
}

#portada
{			
     margin-left: 0px;
     //border-left: 1px solid gray;
     margin-right: 200px;
     //border-right: 1px solid gray;
     padding: 1em;
     background-color: #FFF;
     font-family: Trebuchet MS, verdana, sans-serif;
     font-size: 11px;
     text-align: left;
}

#content
{			
     margin-left: 190px;
     //border-left: 1px solid gray;
     margin-right: 0px;
     //border-right: 1px solid gray;
     padding: 1em;
     background-color: #FFF;
     font-family: Trebuchet MS, verdana, sans-serif;
     font-size: 11px;
     text-align: left;
}


#sidebar
{
     float: right;
     //border-left: 1px solid gray;
     //border-right: 1px solid gray;
     //max-width: 10em;
     width: 250px;
     margin: 0;
     padding: 1em;
     font-family: Trebuchet MS, verdana, sans-serif;
     font-size: 10px;
     text-align: left;
     background-color: #ffffff;
}


#image
{
	font-family: Trebuchet MS, verdana, sans-serif;
	 font-size: 12px;
	 margin-left: 0px;
	 margin-right: 0px;
	 top: 100px;
	 padding: 0px;
	 padding-top : 0px;
	 text-align: right;
}


p.date
{
	 font-weight: bold;
	 font-size: 16px;
	 letter-spacing: 2px;
	 border-bottom: 1px dashed #CCC; 	
}


.pageheader
{
	 font-weight: bold;
	 font-size: 16px;
	 letter-spacing: 2px;
	 border-bottom: 1px dashed #CCC; 	
}

.mayuscula
{
         float: left;
         width: .7em;
         font-size: 3em;
         line-height: 83%;
}

#footer A:visited {color: #888; padding-left: 20px; text-decoration: none}
#footer A:link    {color: #888; padding-left: 20px; text-decoration: none}
#footer A:active  {color: #888; padding-left: 20px; text-decoration: none}
#footer p.info { float:right; padding-right:35px; }
#footer A:hover   {cursor: crosshair; color: green; background-color: lightgrey; }


#footer {
        position: fixed;
        border-top: 1px solid #ddd;
        border-bottom: 10px solid #f5f5f5;
        background:url(../images/footer.gif) #f5f5f5;
        width: 100%;
        left: 0px;
        bottom: 0px;
        text-align:left;
        color: #aaa;
        font-size: 10px;
        z-index:10000;
        opacity:9.9;
        filter:alpha(opacity:90);
}

#footer p {
        float: left;
        margin: 0px;
        padding-top:4px;
        padding-left:35px;
        text-transform:lowercase;
}

#footer p.info   { float:right; padding-right:35px; }
#footer a        { color: #888; padding-left: 20px; }
#footer p.info a { padding-left: 0px; }

#license { clear:both; width:100%; color:#444; }
#ayuda   { clear:both; width:100%; color:#444; }