/* -- CSS
Blogs Media (http://blogsmedia.com)
Autor: José Luis Antúnez (jl@blogsmedia.com) 
Fecha: Junio 2005 
Plantilla: Blogia 2.0 urban-business (roja)
 -- */ 

body { 
background:url(http://www.urbanizado.com/blog/images/body.gif);
color:#444;
font: small verdana, arial, helvetica, sans; 
margin:0; 
padding:0;
line-height: 1.5em } 

p { 
margin:0 0 8px 0 }


/* --- Links ---------------------------------  */ 
a:link, a:visited { 
color:#469dbe; 
text-decoration:none; 
border-bottom:1px solid #ddd
}

/*a:hover { 
color:#03b 
}*/
a img {
border-bottom:0;
}

a.powered {
background: url(i/blogia-ic.gif) no-repeat 100% 50%;
padding-right: 20px;
border: none
}
#footer a {
color:#ddd !important;
background: none;
}
/* --- Estructura ---------------------------------- */ 
#wrap {
position: relative;
width: 770px; 
margin: 0 auto; 
text-align: left;
border:1px #e4e4e4 solid;
background:#fff;
}
#container {
background: #fff url(i/cont-sombra.gif) repeat-x top left;
float: left
} 

.ms #main, .sm #main {
width:470px;
margin-top: 20px;
padding: 0 20px 20px
} 
#sidebar, .infoadicional, blockquote {
font: 85%/150% tahoma, geneva, verdana, sans;
} 

#sidebar { 
display:block;
margin-top: 20px;
width:228px; 
}
.ms #sidebar {
padding-right:10px; }
.sm #sidebar {
padding-left:10px; }
.ms #main, .sm #sidebar { float:left;
}

.ms #sidebar, .sm #main {
float:right; }
.powextra {
	margin-top: 20px;
	padding: 5px 10px;
	text-transform: uppercase
}


/* --- Header -------------------------------------------  */


#header {
height: 70px;
padding: 0;
margin:0;
background:url(http://www.urbanizado.com/blog/images/head.gif) no-repeat top;
border:0;
}

#header h1{
padding: 0;
margin:0;
font-size: 1px;
background:none;
border:0;
}
#header h1 a{
float:left; width:470px; height:70px;
background:none;
border:0;
}

#top { float: right;
margin-top: 25px } 


/* --- Nav ---------------------------------  */

#nav {
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
background: #fff url(http://www.urbanizado.com/blog/images/fondoMenu.gif) repeat-x;
/*background: #bd3826 repeat-x top left;*/
/*border-bottom:1px #bd3826 solid;*/
float: left;
width: 747px;
height:28px;
}
#nav li {
height: 18px;
float: left;
margin: 0px -1px 0 0;
border-right: 1px solid #953e07;
border-left: 1px solid #953e07;
}

#nav li:hover {
color:#FFF;
}

#nav li a {
margin:0 5px 0 0;
display: block;
padding: 2px 15px;
font: 12px arial;
font-weight:bold;
color: #333 !important;
border: none; }


#nav li a:hover {
color:#fff !important;
background:url(http://www.urbanizado.com/blog/images/fondoBoton.gif) repeat-x;
text-decoration: none;
}

/* --- ul li's post / sidebar---------------------------------- */




#main ul li{ list-style: square;
margin: 0 0 .5em 1em;
padding-left: 5px;
} #main ol li{ list-style: decimal;
margin-top: 0;
margin-bottom: 1em;
margin-left: 1em;
padding-left: 5px;
}
#main li{ font-family: "Trebuchet MS", verdana, sans
}

#sidebar ul {
margin: 0;
padding: 0; }

#sidebar li { list-style: none;
margin: 0;
/*border-bottom: 1px dotted #fff;*/
padding: .4em 0 .4em 0;
background:url(/blog/images/puntosGrisX.gif) repeat-x bottom;
}
/* --- todos los enlaces de la barra de la derecha ---------------------------------- */
#sidebar li a {
border: none;

}
/* --- menu derecha TEMAS ---------------------------------- */
.side li a { 
/*background:url(i/post-more.gif) no-repeat left;
padding-left: 17px;*/
padding:2px 0 2px 10px;
display:block;
background:url(/blog/images/bullet-menu.gif) left no-repeat;
}
.side li a:hover { 
/*background:url(i/post-more.gif) no-repeat left;*/
/*padding-left: 17px;
padding:2px 0 2px 10px;*/
background: #e5f1f6 url(/blog/images/bullet-menu.gif) left no-repeat;
}
/* --- menu derecha ENLACES ---------------------------------- */
.col li a { 
background:url(i/site-out.gif) no-repeat left; 
padding-left: 10px;
display:block;
background:red;}


/* --- Encabezamientos ---------------------------------- */


h1, h2, h3 { 
color:#955707;
line-height: 140%
} h2 { 
font-size: 150%
}
#main h4 { 
font-size: 120%; 
text-align: right;
}
#sidebar h4
{ 
font-size: 110% }
/* --- Feedback ---------------------------------- */
.comentarios {
margin: 4em 0
} .comentario { margin: 20px 0
} #footer, p.infocomentario, .infoadicional {
 
font:90%/150% tahoma, verdana, sans
}
p.autorcomentario { font-weight: bold;
margin-bottom: 20px;
} .textocomentario{
padding-bottom: 10px
} p.infocomentario { border-top: 1px dotted #ccc;
padding-top: 3px;
margin: 15px 0 25px;
/* background: url('i/line-div.gif') no-repeat 10px 50px; */
height: 60px;
} #anadircomentario{
background: #ccdaf1;
padding: 8px }
.infoadicional {
margin: 2em 0;
text-align: right;
border-top: 2px solid #bd3826 } /* --- cajas redondeadas --- */  
.boxtopright { 
padding:2px 0 0 0;
margin:0 0 0 10px; 
font-weight: bold;
color: #bd3826;
/* background: url('i/box_top_right.gif') no-repeat top right;  
border-bottom: 1px solid #eee*/
	
}
.boxtopleft {
background:url(/blog/images/topSideBar.gif) no-repeat;
height:23px;
}
.latboxleft {  
/*background: pink;  color de fondo caja lateral */ 
margin-bottom: 2em;

}
.latboxright { 
padding: 15px;
background: no-repeat bottom right;
margin: 0;
width:196px;
border-left:1px #bd3826 solid;
border-right:1px #bd3826 solid;

} 

.latboxright a { font-family:arial; font-size:12px; font-weight:bold; }

.footerLatboxright { width:228; height:9px; }
 
 
 
 /* --- dl about / bienvenida --------- */

.bienvenida, dl.about dd {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #fff;

}
dl.about {
margin: 0;
padding: 0;
}
dl.about dt img {
border: 3px solid #dfdfdf;
margin: 0px;
padding:0;
}
.ms dl.about dt img { /* --- para body class="ms" --------- */
float: right;
margin-left: 8px }
.sm dl.about dt img { /* --- para body class="sm" --------- */
float: left;
margin-right: 8px
} /* --- Footer -------------------------------- */ #footer
{
clear:both;
background: #bd3826 url(i/bf-red.gif) repeat-x top left;
padding: 15px 20px 5px;
color:#fff;
} #menu {  float: right } /* --- Varios -------------------------------- */ blockquote { 
color: #666; 
background: #f1f1f1 url(i/blockquote.gif) no-repeat top right;
padding: 15px;
}
abbr, acronym, .help { 
cursor: help; 
background: #e4e4c8;
border-bottom: 1px dotted #ccc} 
/* --- Formularios -------------------------------- */ form { 
margin: 0;
padding: 0;
} fieldset { 
border: 1px solid #777; 
}
legend { 
font: bold 100% tahoma, verdana, sans;
color: #444; /* sino en IE sale azul puro */ }
input.button {
background:#ccdaf1;  
border-color:#999 #666 #666 #999;
}
textarea { 
padding: 3px
}
/* --- Img's -------------------------------- */ 

img.right, img.center, img.left, img.centerenm, img.rightenm, img.leftenm { 
/*border: 3px solid #ebead2;*/
border: 3px solid #fff;
} 
img.leftenm { 
margin: 2px 10px 10px 0; 
float:left; 
} 
img.rightenm { 
margin: 2px 0 10px 10px; 
float:right; 
} 
img.centerenm { display:block; margin: 0 auto 10px auto; text-align: center;
} 
img.left { 
margin: 2px 10px 10px 0; 
float:left; 
} 
img.right { 
margin: 2px 0 10px 10px;
float:right; } 
img.center { 
display:block; 
margin: 0 auto 10px auto; 
text-align: center;
} 
/* Añadido por R.A. 30.06.05 */
.latboxright h3 { display:none;line-height:0; } /* evita que aparezcan t?tulos (temas, enlaces) */ /* otros */
img#logo {
	display:block; 
	margin: 0 auto 10px auto; 
	text-align: center;
}