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

body { 
background: #f1f1f1 url(bv.gif) repeat-x top left;
color:#444;
font: small verdana, arial, helvetica, sans; 
margin:0; 
padding:0;
line-height: 1.5em
}

#bodybis {
background: #f1f1f1 url(bv.gif) repeat-x top left;
margin:0; 
padding:0;
}

p { 
margin:0 0 8px 0

}
/* --- Links ---------------------------------  */

a:link, a:visited { 
color:#06b; 
text-decoration:none; 
border-bottom:1px solid #ddd
}
a:hover { 
background: #e3e3e3; 
color:#03b 
}
a img {
border-bottom: 0;
}
a.powered {
background: url(blogia-ic.gif) no-repeat 100% 50%;
padding-right: 20px;
border: none
}

#footer a {
color:#eee !important;
background: none
}
/* --- Estructura ---------------------------------- */

#wrap {
position: relative;
width: 770px; 
margin: 0 auto; 
text-align: left;
}
#container {
background: #fff url(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:225px; 
}
.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;
border-right:2px solid #c3c8a1;
border-left:2px solid #c3c8a1;
padding: 0 10px;
background: #c3cca1;

}
#header h1{
padding: 20px 0 5px 0;
margin:0;
font-size: 20px
}
#header h1 a{
color: #444;
border: none;
}
#top {

float: right;
margin-top: 25px

}


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

#nav {
margin: 0;
padding: 0;
list-style-type: none;
background: #6E8230 url(nav-green.gif) repeat-x top left;
float: left;
width: 770px;
}
#nav li {
height: 29px;
float: left;
margin: 1px -1px 0 0;
border-right: 1px solid #778B38;
border-left: 1px solid #778B38;
}

#nav li a {
display: block;
padding: 0 15px;
font: 85%/260% tahoma, geneva, verdana, sans;
color: #ddd !important;
border: none

}
#nav li a:hover {
color: #fff;
background: #778b38;
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 #e2e2e2;
padding: .4em 0 .4em 0;
}
#sidebar li a {
border: none;
}

.side li a { 
background:url(post-more.gif) no-repeat left;
padding-left: 17px}

.col li a { 
background:url(site-out.gif) no-repeat left; 
padding-left: 17px }

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

h1, h1 a, h2, h2 a, h3 { 
color:#688065; 
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: #c3cca1;
padding: 8px

}
.infoadicional {
margin: 2em 0;
padding-top: 5px;
text-align: right;
border-top: 2px solid #748835
}

/* --- cajas redondeadas --- */ 


.boxtopright { 
    padding-top: 8px; 
	padding-right: 8px;
    padding-bottom: 8px;
  	padding-left: 15px;
  	font-weight: bold;
	color: #fff;
	/* background: url('i/box_top_right.gif') no-repeat top right; */ 
	border-bottom: 1px solid #eee
	
 }
.boxtopleft {
background: #748835 url('box_top_left.gif') no-repeat
}
.latboxleft {  
background: #c3cca1;
margin-bottom: 2em;
}
.latboxright { 
padding: 15px;
background: url('box_bottom_right.gif') no-repeat bottom right;
margin: 0
} 

/* --- dl about / bienvenida --------- */

.bienvenida, dl.about dd {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #cdc;
}
dl.about {
margin: 0;
padding: 0;
}
dl.about dt img {
border: 3px solid #cdc;
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: #768A36 url(bf-v.gif) repeat-x top left;
padding: 15px 20px 5px;
color:#fff;
}



#menu { 

float: right }
/* --- Varios -------------------------------- */

blockquote { 
color: #666; 
background: #f1f1f1 url(blockquote.gif) no-repeat top right;
padding: 15px;
}
abbr, acronym, .help { 
cursor: help; 
background: #e3e3e3;
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:#768a36;  
color:#fff;  
border-color:#999 #666 #666 #999;
}
textarea { 
padding: 3px
}

img.leftenm { 
margin: 2px 10px 10px 0; 
float:left; 
border:1px solid #cdc;
 } 
img.rightenm { 
margin: 2px 0 10px 10px; 
float:right; 
border:1px solid #cdc; 
} 
img.centerenm { display:block; margin: 0 auto 10px auto; text-align: center; border:1px solid #000; } 
img.left { 
margin: 2px 10px 10px 0; 
float:left; 
border: 3px solid #cdc
} 
img.right { 
margin: 2px 0 10px 10px;
float:right;
border: 3px solid #cdc
} 
img.center { 
display:block; 
margin: 0 auto 10px auto; 
text-align: center;
border: 3px solid #cdc
} 
/* 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;
}