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

body { 
background: #f1f1f1 url(i/b-az.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(i/b-az.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(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;
}
#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: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 #c1cdd1;
border-left:2px solid #c1cdd1;
padding: 0 10px;
background: #c1c9d3
}
#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: #5f75a0 url(i/nav-blue.gif) repeat-x top left;
float: left;
width: 770px;
}
#nav li {
height: 29px;
float: left;
margin: 1px -1px 0 0;
border-right: 1px solid #687ea9;
border-left: 1px solid #687ea9;
}

#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 !important;
background: #687ea9;
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;
}
#sidebar li a {
border: none;
}

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

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

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

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

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

}

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


.boxtopright { 
padding: 8px 8px 8px 15px; 
font-weight: bold;
color: #fff;
/* background: url('i/box_top_right.gif') no-repeat top right; */ 
border-bottom: 1px solid #eee
	
}
.boxtopleft {
background: #5f75a0 url('i/box_top_left.gif') no-repeat /* color de fondo del título de la caja lateral */
}
.latboxleft {  
background: #c1c9d3; /* color de fondo caja lateral */ 
margin-bottom: 2em;
}
.latboxright { 
padding: 15px;
background: url('i/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 #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: #677da8 url(i/bf-az.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: #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:#8ea4cf;  
border-color:#568 #666 #666 #568;
color: #fff
}
textarea { 
padding: 3px
}
/* --- Img's -------------------------------- */

img.right, img.center, img.left, img.centerenm, img.rightenm, img.leftenm { 
border: 3px solid #dfdfdf;
} 
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;
}