body {
margin:0px;
padding:0px;
margin-bottom:10px;
background-image:url(../../images/blog01/fond_blog.jpg);
background-color: #FFFFFF;
background-repeat: repeat-x;
background-position: top;
font:normal 13px/18px "trebuchet MS", Tahoma, Helvetica;
color:#000000;
}
#wrapper{
float:left;
width:100%
}
/**********************************   HEADER   ************************************/
#header{
border-right: 1px solid #B3B3B3;
border-left: 1px solid #B3B3B3;
border-bottom: 1px solid #B3B3B3;
margin:0px 10px 10px 10px;
padding-bottom:1px;
background-color:#FFFFFF;
}
.barraSup{
background-color:#1E84D0;
height:5px;
}
.barraHead{
background-image:url(../../images/blog01/fond_head.gif);
height:121px;
margin:0px 1px 0px 1px;
}
#nombreBlog{
background-image:url(../../images/blog01/fond_nomb.jpg);
width:287px;
height:80px;
font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
padding-left:34px;
}
#nombreBlog a:link, #nombreBlog a:visited, #nombreBlog a:active{
color:#FFFFFF; 
text-decoration:none;
}
#nombreBlog a:hover {
color:#8FC2E8; 
text-decoration:none; 
}
#tituBlog{
font:bold 13px/16px "trebuchet MS", Tahoma, Helvetica;
color:#FFFFFF;
margin:18px 0px 0px 23px;
}
.editorBlog{
font:bold 12px/16px "trebuchet MS", Tahoma, Helvetica;
color:#FFDCB4;
}
#imagenBlog{
background-image:url(../../images/blog01/fond_img_blog.jpg);
width:316px;
height:121px;
float:right;
}
/**********************************   IZQUIERDA   ************************************/
#izq{
margin:0px 324px 0px 10px;
background-color:#FFFFFF;
border:3px double #B1B1B1;
padding:25px 12px 10px 12px;
float:left;
margin-bottom:15px;
}
#post{
margin:0px 0px 34px 0px;
padding-bottom:40px;
}
#fecha{
background-image:url(../../images/blog01/fond_fech.gif);
width:42px;
height:45px;
float:left;
font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
margin:0px 12px 16px 0px;
}
.diaFecha{
font:normal 18px/30px Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-align:center;
margin-top:5px;
padding-top:5px;
}
#marcoTitulo{
margin-bottom:16px;
margin-left:54px;
}
h1{
font:bold 24px/24px Verdana, Arial, Helvetica, sans-serif;
color:#2A9DF0;
margin:-2px 0px 0px 0px;
padding:0px;
}
#puntos {
background-image:url(../../images/blog01/fond_punt.gif);
margin:4px 0px 5px 0px;
}
h2{
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover{
color:#EC7A17;
text-decoration:underline;
}
#posteo {
clear:both;
}
.coments01{
font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}
.coments01 a:link, .coments01 a:visited, .coments01 a:active{
color:#666666;
text-decoration:underline;
}
.coments01 a:hover {
color:#222222;
text-decoration:underline;
}
#datos{
background-color:#CADCE9;
height:24px;
margin:16px 0px 12px 0px;
float:left;
width:100%;
}
.data{
background-color:#82B9E1;
height:24px;
float:left;
font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.tag{
font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}
.tag a:link, .tag a:visited, .tag a:active, .tag a:hover{
color:#1E84D0; 
text-decoration:none;
}
.coments02{
font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
margin:5px 7px 0px 0px;
}
.coments02 a:link, .coments02 a:visited, .coments02 a:active{
color:#222222;
text-decoration:underline;
}
.coments02 a:hover {
color:#555555;
text-decoration:underline;
}
#stop{
font:normal 14px/16px "trebuchet MS", Tahoma, Helvetica;
margin:-16px 0px 0px 0px;
float:left;
}
#stop a:link, #stop a:visited, #stop a:active{
color:#E66B00;
text-decoration:underline;
}
#stop a:hover {
color:#E66B00;
text-decoration:none;
}
.corrector {margin-top:-5px;}
.corrector2 {margin-top:-4px;}
/**********************************   DERECHA  ************************************/
#der{
width:302px;
float:left;
margin:0px 0px 16px -312px;
background-image:url(../../images/blog01/fond_der.gif);
text-align:left;
display:inline;
padding:0px;
}
#blogger{
width:265px;
height:254px;
background-image:url(../../images/blog01/fond_blogger.jpg);
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color:#7C4000;
margin:10px 0px 18px 12px;
padding:10px 0px 0px 11px;
}
.bloggerNombre{
font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
}
#der ul{
font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px 16px 34px;
list-style-image:url(../../images/blog01/im_list.gif);
padding:0px;
}
#der a:link , #der a:visited, #der a:active{
color:#1E84D0; 
text-decoration:underline;
}
#der a:hover {
color: #FF6600; 
text-decoration:underline; 
}