/*
-----------------------------------------------
Blogger Template Style
Name:     Dots Dark
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
----------------------------------------------- */

body {
  background:#123 url('http://www.blogblog.com/dots_dark/bg_minidots.gif') 50% 0;
  margin:0;
  text-align:center;
  color:#abc;
  font-size/* */:/**/small;
  font-size: /**/small; font-style:normal; font-variant:normal; font-weight:normal; font-family:Verdana, Arial, Sans-serif; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
  }

/* Page Structure
----------------------------------------------- */
#content {
  background:url('http://www.blogblog.com/dots_dark/bg_3dots.gif') no-repeat 250px 50px;
  width:700px;
  margin:0 auto;
  text-align:left; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:50px
  }
#main {
  width:450px;
  float:right;
  padding:50px 0 0;
  font-size:85%;
  }
#main2 {
  background:url('http://www.blogblog.com/dots_dark/bg_minidots2.gif') -100px;
  padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:15px
  }
#sidebar {
  width:200px;
  float:left;
  font-size:85%;
  padding-bottom:20px;
  }
#sidebar2 {
  background:url('http://www.blogblog.com/dots_dark/bg_minidots2.gif') 150px -50px;
  width:200px;
  width/* */:/**/180px;
  width: /**/180px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:15px
  }

/* Title & Description
----------------------------------------------- */
#blog-title {
  margin:0 0 .5em;
  font:bold 250%/1.4em Helvetica,Arial,Sans-serif;
  color:#8dd;
  text-transform:none;
  cursor:hand;
  }
#blog-title a {
  color:#8cc;
  text-decoration:none;
  }
#description {
  margin:0 0 1.75em;
  color:#9c7;
  }

/* Links
----------------------------------------------- */
a:link {
  color:#da7;
  text-decoration:none;
  }
a:visited {
  color:#da7;
  text-decoration:none;
  }
a:hover {
  color:#fff;
  text-decoration:none;
  }
a img {
  border-width:0;
  }

a.a:link{color:#9c7;}
a.a:visited{color:#9c7;}
a.a:hover{color:red; text-decoration:underline; font-size:125%;}

/* para casi todos los 
------------------------------------------------*/

a.b:link{color:#abc;}
a.b:visited{color:#abc;}
a.b:hover{color:red; text-decoration:underline; font-size:125%;}

a.c:link{color:#333;}
a.c:visited{color:#333;}
a.c:hover{color:red; text-decoration:underline; font-size:125%;}

/* para los enlaces que van entre corchetes 
--------------------------------------------------*/

a.d:link{color:#7bc;}
a.d:visited{color:#7bc;}
a.d:hover{color:red; text-decoration:none; font-size:125%;}

/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #567;
  font:bold 100%/1.4em Verdana,San-serif;
  text-transform:lowercase;
  color:#7bc;
  }
.post {
  margin:0 0 2.5em;
  }
.post-title {
  margin:.25em 0;
  font:bold 130%/1.4em Verdana,San-serif;
  color:#ad8;
  }
.post-title a, .post-title strong {
  background:url('http://www.blogblog.com/dots_dark/bg_post_title.gif') no-repeat 0 .25em;
  display:block;
  color:#ad8;
  text-decoration:none;
  padding-left:45px; padding-right:0; padding-top:0; padding-bottom:1px
  }
.post-title a:hover {
  color:#fff;
  }
.post p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:0;
  text-align:right;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  color:#9c7;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url('http://www.blogblog.com/dots_dark/icon_comment.gif') no-repeat 0 .25em;
  padding-left:15px
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url('http://www.blogblog.com/dots_dark/icon_comment.gif') no-repeat 0 .25em;
  padding-left:15px
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #567;
  }

/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted #567;
  padding-top:.5em;
  font:bold 110%/1.4em Verdana,Sans-serif;
  color:#9c7;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-poster {
  background:url('http://www.blogblog.com/dots_dark/icon_comment.gif') no-repeat 2px .35em;
  font-weight:bold;
  color:#9ab; margin-left:0; margin-right:0; margin-top:.5em; margin-bottom:0; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
  }
.comment-body {
  margin:0;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.comment-timestamp a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
  <!--------------margin:2em 0 .75em;
  -------------------->
  margin: 0px;
  padding-bottom:.35em;
  border-bottom:1px dotted #567;
  font:bold 100%/1.4em Verdana,San-serif;
  text-transform:lowercase;
  color:#7bc;
  cursor:hand;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  }
#sidebar ul li {
  background:url('http://www.blogblog.com/dots_dark/bullet.gif') no-repeat 3px .45em;
  margin:0;
  padding-left:15px; padding-right:0; padding-top:0; padding-bottom:5px; color:#99CC77
  }
#sidebar p {
  margin:0 0 .6em;
  }

/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:0 0 1em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 8px 5px 0;
  border:4px solid #345;
  }
.profile-data {
  margin:0;
  line-height:1.5em;
  }
.profile-data strong {
  display:block;
  }
.profile-textblock {
  clear:left;
  }

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  }
  
/*mis estilos
------------------------------------------------------*/
.lista
{
list-style-image: url(http://www.carloszcom.com/imaminer/hot.gif);
list-style-position: inside;
margin: 0px;
padding: 0px;
} 
.li
{
margin: 0;
padding: 0;
} 

.nido
{
background-image:url('http://www.blogblog.com/dots/bg_dots.gif');
color:#333;
text-align:left;
overflow:scroll;
border:3px solid #353;
background-color:white;
height:1px;
}


.sidebar-title_1 {
                      font:Verdana,San-serif;
                      font-size:xx-small;
                      text-transform:lowercase;
                      color:#00ff00;
                      text-align:center;
                      margin:12px 0px; 
 border-bottom:2px dotted #00ff00;
                      }

   
hr
	{
	width:60%;
	align:center;
 	margin-top:2em;
	margin-bottom:2em;
	}

/* para el título de los temas
------------------------------------------------------*/


.t
	{
	font-family:vivaldi;
	font-size:xx-large;
	color:#abc;
	text-align:center;
	padding-left:150px;
	padding-right:150px;
	}

.c
	{
	font-family:verdana;
	font-size:x-small;
	font-style:oblique;
	color:#abc;
	text-align:left;
	padding-left:150px;
	padding-right:50px;
	}

.c_1
	{
	font-family:verdana;
	font-size:x-small;
	font-style:oblique;
	color:#abc;
	text-align:right;
	padding-left:100px;
	padding-right:100px;
	}

.e
	{
	font-family:verdana;
	font-size:small;
	font-weight:900;
	color:#abc;
	text-align:left;
	text-weight:bolder;
	padding-left:80px;
	padding-right:50px;
	}

.e_1
	{
	font-family:verdana;
	font-size:large;
	font-weight:400;
	color:#abc;
	text-align:left;
	padding-left:150px;
	padding-right:50px;
	}


.f
	{
	font-family:enviro;
	font-size:medium;
	color:#abc;
	text-align:right;
	padding-left:100px;
	padding-right:100px;
	}

form
	{
	padding-top:0em;
	padding-bottom:0em;
        font:bold 100%/1.4em Verdana,San-serif;
        text-transform:lowercase;
        color:#7bc;
	text-align:center;
	}

input
	{
	margin-top:1em;
	margin-bottom:1em;
	text-align:center;
	}

textarea
        {
	margin-top:1em;
	margin-bottom:1em;
	text-align:left;
	}


.cabeza
	{
	height:200px;
	width:100%;
	}

.ima
	{
	align:middle;
	}

.menu    
             {
        font:Verdana,San-serif;
        font-size:xx-small;
        text-transform:lowercase;
        color:#7bc;
        border-bottom:1px dotted #567;
        margin:0 5%;
        text-align:left;
             }

.textema
	{
	text-align:left;
	margin-left:12%;
	margin-right:4%;
	}