@charset "UTF-8";
/* CSS Document */

/* v1.0 | 20080212 */

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;
	font:0.75em Verdana, sans-serif; 
	color:#993333; 
	text-align:center;
}

a { color: #00cccc; text-decoration:none }
a:link { text-decoration:none }
a:visited { text-decoration:none }
a:hover { border-bottom:1px dotted #00cccc }

p { margin-bottom:15px; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* hola ! esto es mi css */
.preload { display:none }

#contenido { text-align:left; width:975px; margin:0 auto; position:relative; } 

#logo { width:309px; height:28px; margin-top:20px; background-image:url(vocalogo.png); border:none; vertical-align:top; text-decoration:none; border-bottom:0px }

#menu { width:975px; height:15px; margin-top:15px; text-align: left; }

#menu .brown { color:#996633; display:inline; margin-right:29px } 
#menu .brown a { color: #996633; text-decoration:none }
#menu .brown a:link { text-decoration:none }
#menu .brown a:visited { text-decoration:none }
#menu .brown a:hover { border-bottom:1px dotted #996633 }

#menu .red { color:#ff6633; display:inline; margin-right:29px } 
#menu .red a { color: #ff6633; text-decoration:none }
#menu .red a:link { text-decoration:none }
#menu .red a:visited { text-decoration:none }
#menu .red a:hover { border-bottom:1px dotted #ff6633 }

#menu .turq { color:#00cccc; display:inline; margin-right:29px } 
#menu .turq a { color: #00cccc; text-decoration:none }
#menu .turq a:link { text-decoration:none }
#menu .turq a:visited { text-decoration:none }
#menu .turq a:hover { border-bottom:1px dotted #00cccc }

#menu .blue { color:#0066cc; display:inline; margin-right:29px } 
#menu .blue a { color: #0066cc; text-decoration:none }
#menu .blue a:link { text-decoration:none }
#menu .blue a:visited { text-decoration:none }
#menu .blue a:hover { border-bottom:1px dotted #0066cc }

#logo .none a:hover { border-bottom:0px }
#menu nobr {word-spacing:35px}

#canvashome { width:735px; height:375px; overflow:hidden; position:relative; margin-top:20px; }

#tumblr { width:500px; height:375px;  overflow:hidden; position:relative; }
#twitter { width:220px; position:absolute; bottom:0; right:0; }

#social { width:220px; position:absolute; bottom:0; right:0; }

#sharing { width:735px; height:375px;  overflow:hidden; position:relative; }


#content { margin-top:20px; }
#post {  }
#columna2 { margin-right: 100px; margin-bottom: 100px; float: left; }



#canvasblog { width:975px; margin-top:20px; position:relative; }


#canvas { width:975px; height:555px; margin-top:20px; margin-left:20px; background-color:#00cccc; overflow:hidden; }








/* Begin Images */

a img { border:none; vertical-align:top; text-decoration:none; border-bottom:0px }

p img {
	padding: 0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0px 5px 15px;
	display: inline;
	}

img.alignleft {
	padding: 5px;
	margin: 0 15px 5px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */