/*
Theme Name: Blackhole.cl 
Theme URI: http://www.miguelcantillana.com
Original Theme URI: http://www.miguelcantillana.com
Description: Plantilla para blackhole
Author: Miguel Cantillana
Author URI: http://www.miguelcantillana.com
Traductor: Miguel Cantillana 
Traductor URI: http://www.miguelcantillana.com
*/
html, body{height:100%;}
body {
	font-family:Verdana, Arial;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#6b6b6b;
	line-height:18px;
	background-repeat:no-repeat;
	background-color:#000;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #222222;
	background-color: #222222;
	height: 1px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;font-weight:normal; font-family:Tahoma, Verdana;}
h1 {font-size:24px; line-height:30px}
h2 {font-size:22px; line-height:26px;}
h3 {font-size:17px; line-height:20px;}
h4 {font-size:14px; line-height:16px; }
h5 {font-size:12px; line-height:14px;}

/* links */
a {color:#fe5001;text-decoration:none;}
a:hover{color:#f98652;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	line-height:18px;
	margin-bottom:20px;
	
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#707070;
	padding:10px 20px 10px 55px;
	background-image:url(images/quote.gif);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #c8c8c8;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/

#container{ 
	background-image:url(images/bg_2.jpg); 
	background-repeat:no-repeat; 
	width:100%; 
	background-position:top center

}
#container-content{
	background-image:url(images/bg_content.gif); 
	background-repeat:repeat-x; 
	background-color:#141414; 
}
#container-bottom{ 
	
	width:100%; 	
	height:57px;
}
.centercolumn{margin:0 auto; width:960px;}
/*** END OF CONTAINER ***/

/*** HEADER ***/
#top{height:139px;}
#topleft{float:left; width:613px;}
#logo{padding:35px 0px 0px 30px;}

#topright{
	float:left; 
	width:347px; 
	padding:65px 0px 0px 0px;
}


/*FONO CONTACTO*/

#portada-contacto img{
	float:left;
}
#portada-contacto h1,#portada-contacto span{
	margin:0;
	padding:0;	
}
#portada-contacto h1{
	font-size:28px;
	color:#CCCCCC;
	padding-top:15px;
	
}

#portada-contacto span{
	float:right;
	margin-right:15px;
}
#portada-contacto span a{
	font-size:17px;
	color:#9A9A9A;
	text-decoration:none;
}
#portada-contacto span a:hover{
	text-decoration:underline;
}


#twitter_text{padding:6px 9px 3px 6px; line-height:14px; font-size:10px; color:#191919}
#mainmenu{background-image:url(images/bg_mainmenu.gif); background-repeat:no-repeat; height:46px;}
/*menu*/
#menu {padding:0; margin:0 20px 0px 20px; list-style:none; height:46px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li.top {display:block; float:left; padding:0px 5px;}
#menu li a.top_link {display:block; float:left; height:46px; line-height:46px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#menu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:46px;}
#menu li:hover a.top_link {color:#fff; background: url(images/bgmenu.gif) no-repeat left top;}
#menu li.current_page_item a.top_link {color:#fff; background: url(images/bgmenu.gif) no-repeat left top;}
#menu li.current_page_item a.top_link span {background:url(images/bgmenu.gif) no-repeat right top;}
#menu li:hover a.top_link span {background:url(images/bgmenu.gif) no-repeat right top;}
#menu li:hover a.top_link span.down {padding-bottom:0px;}

/* Default list styling */

#menu li:hover {position:relative; z-index:200;}
#menu li:hover ul.sub
{left:6px; top:43px;  padding:0px 0px 0px 0px; border:0px solid #040f00; white-space:nowrap; width:189px; height:auto; z-index:300;}
#menu li:hover ul.sub li
{display:inline; height:28px; position:relative; float:left; width:183px; padding:2px 0 0 6px; font-weight:normal;  background:url(images/dropdown_back.png) no-repeat left;}
#menu li:hover ul.sub li.subtop{background:url(images/dropdown_top.png) no-repeat; width:183px; padding:9px 0 0px 6px; background-position:left top
}
#menu li:hover ul.sub li.subbottom{background:url(images/dropdown_bottom.png) no-repeat; width:183px; padding:3px 0 5px 6px; background-position:left top
}

#menu li:hover ul.sub li a
{ color:#fff; display:block; font-size:11px; background-image:url(images/clear.gif); background-repeat:repeat;  width:160px; line-height:normal; padding:5px 5px; text-indent:5px;  text-decoration:none; cursor:pointer;}
#menu li ul.sub li a.fly
{color:#fff; display:block; background:url(images/arrow.gif) right center no-repeat;}
#menu li:hover ul.sub li a:hover 
{color:#7d7d7d;}
#menu li:hover ul.sub li a.fly:hover
{background:url(images/arrow_over.gif) right center no-repeat; color:#7d7d7d;}


#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
{left:189px; top:-2px; padding:0px;  border:0px solid #040f00; white-space:nowrap; width:183px; z-index:400; height:auto;}

#menu ul, 
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; height:0; 
	margin:0; padding:0; 
	list-style:none;
}

#menu li:hover li:hover a.fly,
#menu li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover a.fly,
#menu li:hover li:hover li:hover li:hover li:hover a.fly
{background:url(images/arrow_over.gif) right center no-repeat; color:#7d7d7d;} 

#menu li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li a.fly,
#menu li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(images/arrow.gif) right center no-repeat; color:#7d7d7d; } 

#container-slider{height:337px; background-image:url(images/slider-bgbottom.gif); background-repeat:no-repeat; background-position:bottom; background-color:#000000; margin-bottom:30px; position:relative;}
/*** END OF HEADER ***/

/*** CONTENT ***/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgcenter {display: block;margin-left: auto;margin-right: auto;}

#content{padding:28px 0px 35px 0px;}
#content_inner{padding:1px 0px 35px 0px;
}
#contentleft{float:left; width:690px;}
#maincontent{padding:0px 40px 0px 0px;}

ul.list1{
	/*margin:20px 0px 0px 0px; */
	margin:0;
	padding:0; 
	list-style-type:none;
}
ul.list1 li{
	display:inline; 
	padding:0;
	margin:0;
}

#side{float:left; width:260px; padding:0px 0px 0px 10px}
.sidebox{background-image:url(images/sidebox-bgrepeat.gif); background-repeat:repeat-y; width:257px; position:relative;}
.sidebox-bgtop{background-image:url(images/sidebox-bgtop.gif); background-repeat:no-repeat; width:257px;}
.sidebox-bgbottom{background-image:url(images/sidebox-bgbottom.gif); background-repeat:no-repeat; background-position:bottom; width:257px;}
.sidebox-padding{padding:16px;}
.strip{position:absolute; top:-6px; left:-5px;}
.sidebox ul{margin:0px; padding:0px; list-style-type:none;}
.sidebox ul li{margin:0px; padding:0px 0px 0px 30px; line-height:25px; list-style-type:none; background-image:url(images/list.gif); background-repeat:no-repeat; background-position:left center;}
.sidebox ul li a, .sidebox ul li a:visited{color:#6b6b6b;}
.sidebox ul li a:hover{color:#6b6b6b; text-decoration:underline;}
.sidebox blockquote{margin:0px !important; padding:0px  !important;background-image:url(images/quoteleft_small.gif); background-repeat:no-repeat;}
.sidebox blockquote div{background-image:url(images/quoteright_small.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:25px 8px 20px 0px;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{margin:0 auto; width:960px; text-align:center; padding:20px 0px 0px 0px;}
#footer a, #footer a:visited{text-decoration:none; color:#6b6b6b}
#footer a:hover{color:#605f5f}
/*** END OF FOOTER ***/

/*portafolio*/
.left {
	float:left;
	width: 450px;
}
.right {
	float:right;
	width: 450px;
	margin-right:0px !IMPORTANT;
}
.projects {
	height: 160px;
	margin-bottom:18px
}
.projects .thumb {
	float:left;
	width: 217px;
	height: 153px;
	background: url(images/sprite.png) no-repeat -1px -7px;
	padding: 7px 0 0 10px;
	margin-right:17px;
}
.projects .thumb img {
	width: 206px;
	height: 145px;
}
.projects .info {
	float:left;
	width: 200px;
}
.projects .info h4 {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin: 0px 0 13px 0;
}
.projects .info a {
	color:#ff9900;
	font-weight:bold;
	text-decoration:none;
}
.projects .info a:hover {
	color:#FF6900;
	text-decoration: underline;
}