/*  
Theme Name: vm09
Theme URI:
Description: Theme para el Blog de Visionmedia
Version: 2.0
Author: German Ferrari
Author URI:
*/


/* Resteo de CSS y elementos estarndars */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
:focus {
	outline: 0;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
a {
	text-decoration:none;
	color:#000;
	}

body {
	background:#FFF url(common/images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #528037;
	}

.clear {
	clear:both;
	}

	
/*** ESTRUCTURA ***/

#page {
	background:#FFF url(common/images/bg-page.jpg) no-repeat;
	width:870px;
	margin:20px auto 0px auto;
	padding:0 28px 5px 29px;
	position:relative;
	}
	#mini-nav {
		line-height:30px;
		text-align:right;
		font-size:10px;
		color:#8E8E8E;
		}
	#menu {
		background:url(common/images/bg-menu.jpg) no-repeat;
		width:870px;
		height:58px;
		position:relative;
		}
	#banner-header {
		margin-bottom:2px;
		}
	#wrap {
		overflow:hidden;
		height:1%;
		}
		#col-a, #col-b, #col-c, #col-bc {
			float:left;
			display:inline;
			}
		#col-a {
			width:193px;
			margin-right:2px;
			}
		#col-b {
			width:443px;
			margin-right:2px;
			}
		#col-c {
			width:230px;
			}
		#col-bc {
			width:675px;
			}
	#web20 {
		margin-top:25px;
		padding-top:20px;
		background:url(common/images/bg-web20.jpg) no-repeat;
		}
	#footer {
		/*background:#35231e url(common/images/bg-footer-bottom.gif) repeat-x top;*/
		background-color:#528037;
		/*padding:45px 0px 15px 0px;*/
		padding:20px 0px 15px 0px;
		text-align:center;
		font-size:10px;
		color:#fff;
		position:relative;
		}
	
/*** Logo, Stickr e iso (position:absolute) ***/

	#page h1 {
		position:absolute;
		top:30px;
		left:35px;
		z-index:2;
		font-size:30px;
		letter-spacing:-1px;
		color:#B5C52F;
		}
	#page h1 a {
		color:#B5C52F;
		}
		
	a#sticker-vmblog {
		position:absolute;
		right:30px;
		top:37px;
		z-index:3;
		height:80px;
		width:84px;
		background-image:url(common/images/sticker-vmblog.png);
		background-position:0px 0px;
		background-repeat:no-repeat;
		display:block;
		text-indent:-999em;
		}
	a:hover#sticker-vmblog {
		background-position:0px -80px;
		}

/*** elementos del mini-nav ***/

	#mini-nav a {
		color:#8E8E8E;
		padding:0 6px;
		}
	#mini-nav a:hover {
		color:#666;
		}
	#mini-nav a.inicio {
		color:#000;
		}
		
/* NAVEGACION ES */

.nav {
	position:absolute;
	top:23px;
	right:130px;
	width: 548px;
	height: 10px;
	background: url(common/images/nav.gif) no-repeat;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 10px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

	/* Btn INICIO */
	.nav .inicio a:link, .nav .inicio a:visited {
		left: 0px;
		width: 28px;
	}
	.nav .inicio a:hover, .nav .inicio a:focus {
		background: url(common/images/nav.gif) no-repeat 0px -10px;
	}
	.nav .inicio a:active {
		background: url(common/images/nav.gif) no-repeat 0px -10px;
	}
	.current-inicio .inicio a:link, .current-inicio .inicio a:visited {
		background: url(common/images/nav.gif) no-repeat 0px -10px;
		cursor: default;
	}
	.nav-inicio, .nav-inicio-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 28px;
		height: 10px;
		background: url(common/images/nav.gif) no-repeat 0px -10px;
	}
	.nav-inicio-click {
		background: url(common/images/nav.gif) no-repeat 0px -10px;
	}


	/* Btn NOSOTROS */
	.nav .nosotros a:link, .nav .nosotros a:visited {
		left: 80px;
		width: 50px;
	}
	.nav .nosotros a:hover, .nav .nosotros a:focus {
		background: url(common/images/nav.gif) no-repeat -80px -10px;
	}
	.nav .nosotros a:active {
		background: url(common/images/nav.gif) no-repeat -80px -10px;
	}
	.current-nosotros .nosotros a:link, .current-nosotros .nosotros a:visited {
		background: url(common/images/nav.gif) no-repeat -80px -10px;
		cursor: default;
	}
	.nav-nosotros, .nav-nosotros-click {
		position: absolute;
		top: 0;
		left: 80px;
		width: 50px;
		height: 10px;
		background: url(common/images/nav.gif) no-repeat -80px -10px;
	}
	.nav-nosotros-click {
		background: url(common/images/nav.gif) no-repeat -80px -10px;
	}


	/* Btn TRABAJOS */
	.nav .trabajos a:link, .nav .trabajos a:visited {
		left: 181px;
		width: 51px;
	}
	.nav .trabajos a:hover, .nav .trabajos a:focus {
		background: url(common/images/nav.gif) no-repeat -181px -10px;
	}
	.nav .trabajos a:active {
		background: url(common/images/nav.gif) no-repeat -181px -10px;
	}
	.current-trabajos .trabajos a:link, .current-trabajos .trabajos a:visited {
		background: url(common/images/nav.gif) no-repeat -181px -10px;
		cursor: default;
	}
	.nav-trabajos, .nav-trabajos-click {
		position: absolute;
		top: 0;
		left: 181px;
		width: 51px;
		height: 10px;
		background: url(common/images/nav.gif) no-repeat -181px -10px;
	}
	.nav-trabajos-click {
		background: url(common/images/nav.gif) no-repeat -181px -10px;
	}


	/* Btn SERVICIOS */	
	.nav .servicios a:link, .nav .servicios a:visited {
		left: 290px;
		width: 49px;
	}
	.nav .servicios a:hover, .nav .servicios a:focus {
		background: url(common/images/nav.gif) no-repeat -290px -10px;
	}
	.nav .servicios a:active {
		background: url(common/images/nav.gif) no-repeat -290px -10px;
	}
	.current-servicios .servicios a:link, .current-servicios .servicios a:visited {
		background: url(common/images/nav.gif) no-repeat -290px -10px;
		cursor: default;
	}
	.nav-servicios, .nav-servicios-click {
		position: absolute;
		top: 0;
		left: 290px;
		width: 49px;
		height: 10px;
		background: url(common/images/nav.gif) no-repeat -290px -10px;
	}
	.nav-servicios-click {
		background: url(common/images/nav.gif) no-repeat -290px -10px;
	}


	/* Btn BLOG/NEWS */
	.nav .blog a:link, .nav .blog a:visited {
		left: 396px;
		width: 61px;
	}
	.nav .blog a:hover, .nav .blog a:focus {
		background: url(common/images/nav.gif) no-repeat -396px -10px;
	}
	.nav .blog a:active {
		background: url(common/images/nav.gif) no-repeat -396px -10px;
	}
	.current-blog .blog a:link, .current-blog .blog a:visited {
		background: url(common/images/nav.gif) no-repeat -396px -10px;
		cursor: default;
	}
	.nav-blog, .nav-blog-click {
		position: absolute;
		top: 0;
		left: 396px;
		width: 61px;
		height: 10px;
		background: url(common/images/nav.gif) no-repeat -396px -10px;
	}
	.nav-blog-click {
		background: url(common/images/nav.gif) no-repeat -396px -10px;
	}
	
	
	/* Btn Contacto */	
	.nav .contacto a:link, .nav .contacto a:visited {
		left: 500px;
		width: 48px;
	}
	.nav .contacto a:hover, .nav .contacto a:focus {
		background: url(common/images/nav.gif) no-repeat -500px -10px;
	}
	.nav .contacto a:active {
		background: url(common/images/nav.gif) no-repeat -500px -10px;
	}
	.current-contacto .contacto a:link, .current-contacto .contacto a:visited {
		background: url(common/images/nav.gif) no-repeat -500px -10px;
		cursor: default;
	}
	.nav-contacto, .nav-contacto-click {
		position: absolute;
		top: 0;
		left: 500px;
		width: 48px;
		height: 10px;
		background: url(common/images/nav.gif) no-repeat -500px -10px;
	}
	.nav-contacto-click {
		background: url(common/images/nav.gif) no-repeat -500px -10px;
	}
	
/*** Contenidos ***/

.widget {
	margin-bottom:2px;
	}
	
#buscar {
	background:#F1F1F1;
	}
#buscar form {
	width:150px;
	margin:0 auto;
	padding:15px 0;
	}
#buscar form #s{
	width:144px;
	padding:1px 3px;
	font-size:10px;
	color:#555;
	margin-bottom:8px;
	}

#archivos {
	background:#F1F1F1;
	}
#archivos form {
	width:150px;
	margin:0 auto;
	padding:15px 0;
	}
#archivos form select {
	width:144px;
	padding:3px;
	font-size:10px;
	color:#555;
	margin-bottom:8px;
	}
#articulos ul li {
	display:inline;
	}	
#articulos ul li a {
	display:block;
	padding:10px 15px;
	border-bottom:1px solid #CCC;
	color:#333;
	}
#articulos ul li a:hover {
	background-color:#FAFAFA;
	color:#111;
	}

#suscribete {
	background:url(common/images/bg-degrade-widget.gif) repeat-x top left;
	padding:10px 10px 50px 10px;
	color:#333;
	}
#suscribete a.link-rss {
	padding-left:18px;
	margin:10px 0;
	background:url(common/images/icon-rss.gif) no-repeat 0 0;
	}
#suscribete a:hover.link-rss {
	color:#E46C0B;
	}
	
#menu-interno {}
#menu-interno ul li {
	display:inline;
	}
#menu-interno li a {
	padding:0 0 0 25px;
	letter-spacing:-1px;
	font-size:14px;
	font-weight:bold;
	color:#5B5A5A;
	line-height:40px;
	border-bottom:1px solid #CCC;
	display:block;
	background-image:url(common/images/bg-menu-interno.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
#menu-interno ul li a:hover {
	background-position:-193px 0px;
	}
	
#textos-internas {
	padding:20px;
	}
#textos-internas p {
	font-size:11px;
	line-height:130%;
	text-align:justify;
	padding-bottom:20px;
	color:#1C1C1C;
	}

#lanzamientos,
#destacados {
	background:url(common/images/bg-degrade-widget.gif) repeat-x top left;
	padding:20px 17px 10px 17px;
	}
#lanzamientos img,
#destacados img {
	margin-bottom:7px;
	}
#lanzamientos a img,
#destacados a img {
	padding:3px;
	background-color:#FFF;
	border:1px solid #EBEBEB;
	}
#lanzamientos a:hover img,
#destacados a:hover img {
	background-color:#F3F3F3;
	border:1px solid #DDD;
	}
#lanzamientos p,
#destacados p {
	font-size:9px;
	line-height:130%;
	color:#313131;
	padding:0 5px 5px 5px;
	text-align:right;
	}
#lanzamientos p a,
#destacados p a {
	font-size:11px;
	color:#96A526;
	}

#archives {
	margin:10px 0px;
	}
#novedades img {
	padding:4px;
	margin:10px;
	background:#FAFAFA;
	border:1px solid #EBEBEB;
	}
#novedades h3 {
	font-size:20px;
	padding-bottom:10px;
	margin:0 10px;
	border-bottom:1px solid #A2B0B1;
	color:#33221D;
	}
#novedades h3 a {
	color:#33221D;
	display:block;
	}
#novedades h3 a:hover {
	color:#B5C52F;
	}
	
.listado {
	margin:10px;
	border-bottom:1px solid #EBEBEB;
	overflow:hidden;
	height:1%;
	}	
.listado p {
	padding-bottom:10px;
	line-height:130%;
	font-size:13px;
	}
.listado h3 {
	font-size:14px;
	font-weight:bold;
	color:#5C5C5C;
	margin-bottom:5px;
	}
.listado h3 a {
	color:#5C5C5C;
	}
.listado img {
	float:left;
	margin:0 10px 10px 0;
	}
		
a.ampliar {
	height:18px;
	width:76px;
	display:block;
	background:url(common/images/btn-ampliar.gif) no-repeat 0 0;
	margin-bottom:10px;
	margin-right:10px;
	}

.novedad {
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(common/images/bg-degrade-widget.gif) repeat-x top left;
	}

.post {
	padding:5px 10px;
	background:url(common/images/bg-degrade-widget.gif) repeat-x top left;
	}
.post h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	color:#33221D;
	}
.post p {
	padding-bottom:10px;
	line-height:130%;
	font-size:13px;
	text-align:justify;
	}
.post img {
	margin:10px 0px 5px 0px;
	padding:4px;
	background:#FAFAFA;
	border:1px solid #EBEBEB;
	}
	
#content-comments {
	margin:10px;
	}
#content-comments h3 {
	font-size:14px;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	color:#444;
	}
#content-comments p {
	padding-bottom:10px;
	line-height:130%;
	font-size:12px;
	text-align:justify;
	color:#444;
	}

.commentlist li {
	margin:10px 0;
	padding:10px;
	background:#FAFAFA;
	border:1px solid #EBEBEB;
	}

small.commentmetadata {
	border-bottom:1px solid #EBEBEB;
	display:block;
	margin-bottom:10px;
	padding-bottom:5px;
	}
	

#commentform input {
	padding:3px 5px;
	width: 170px;
	margin: 5px 5px 1px 0;
	}
#commentform textarea {
	width:410px;
	margin-top:5px;
	padding:5px;
	}
#commentform input,
#commentform textarea {
	border: 1px solid #EBEBEB;
	background:#FAFAFA;
	color:#333;
	}
#commentform input:focus,
#commentform textarea:focus {
	background:#FDFDFD;
	}
#commentform small {
	font-size:10px;
	color:#555;
	}
	
/* Paginacion */

.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EBEBEB;
	color: #999;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #CCC;
	color: #777;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #CCC;
	font-weight: bold;
	background-color: #FAFAFA;
	color: #666;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #F3F3F3;
	color: #DDD;
}
		
/*** Titulos ***/

.gris-y-gris h2,
.blanco-y-verdeoscuro h2,
.gris-y-verdeclaro h2,
.gris-y-grisoscuro h2,
.gris-y-blanco h2 {
	font-family: "swis721_cn_bt", Arial;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	}
.gris-y-gris {
	background-color:#E1E1E1;
	color:#4E4D4D;
	margin-bottom:2px;
	padding:7px 12px;
	}
.blanco-y-verdeoscuro {
	background-color:#B5C52F;
	color:#FFF;
	margin-bottom:2px;
	padding:7px 12px;
	}
.gris-y-verdeclaro {
	background-color:#D3E2A9;
	color:#4E4D4D;
	margin-bottom:2px;
	padding:7px 12px;
	}
.gris-y-grisoscuro {
	background-color:#8D8D8D;
	color:#FFF;
	margin-bottom:2px;
	padding:7px 12px;
	height:10px;
	}

/*** elementos de web20 ***/

	#web20 ul {
		overflow:hidden;
		height:1%;
		}
		#web20 ul li {
			text-indent:-999em;
			display:inline;
			float:left;
			}
		#web20 ul li a {
			display:block;
			background-repeat:no-repeat;
			background-position:0px 0px;
			}
			#web20 ul li#titulo {
				height:72px;
				width:87px;
				background-image:url(common/images/web20.gif);
				background-repeat:no-repeat;
				background-position:0px 0px;
				}
			#web20 ul li.separador {
				height:30px;
				width:1px;
				background-color:#CCC;
				margin:20px 18px 0px 18px;
				}
			#web20 ul li#facebook a {
				height:31px;
				width:84px;
				margin-top:20px;
				background-image:url(common/images/web20-facebook.gif);
				}
				#web20 ul li#facebook a:hover {
					background-position:0px -31px;
					}
			#web20 ul li#myspace a {
				height:25px;
				width:118px;
				margin-top:22px;
				background-image:url(common/images/web20-myspace.gif);
				}
				#web20 ul li#myspace a:hover {
					background-position:0px -25px;
					}
			#web20 ul li#flickr a {
				height:28px;
				width:72px;
				margin-top:21px;
				background-image:url(common/images/web20-flickr.gif);
				}
				#web20 ul li#flickr a:hover {
					background-position:0px -28px;
					}
			#web20 ul li#youtube a {
				height:32px;
				width:69px;
				margin-top:19px;
				background-image:url(common/images/web20-youtube.gif);
				}
				#web20 ul li#youtube a:hover {
					background-position:0px -32px;
					}
			#web20 ul li#blogger a {
				height:30px;
				width:64px;
				margin-top:20px;
				background-image:url(common/images/web20-blogger.gif);
				}
				#web20 ul li#blogger a:hover {
					background-position:0px -30px;
					}
			#web20 ul li#linkedin a {
				height:33px;
				width:87px;
				margin-top:20px;
				background-image:url(common/images/web20-linkedin.gif);
				}
				#web20 ul li#linkedin a:hover {
					background-position:0px -33px;
					}
			
/*** elementos del footer ***/

	#footer a {
		color:#FFF;
		}
	#footer a:hover {
		color:#c6ff19;
		}