/*
Theme Name: Blue Fusion Solutions 2010
*/

@import "style/css/reset.css";
@import "style/css/layout.css";




/*------------General Styles-----------------*/

body {font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 	color: #666; background: #fff url(images/blog_bg.gif) repeat-x;}

#frontpage-bg {
	background: #fff url(images/bg-repeat.jpg) repeat-x;
}
#frontpage3d-bg {
	background: #fff url(images/bg-repeat3d.jpg) repeat-x;
}
#wrap {
	width: 960px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	outline: none;
}

img {
	border: solid 1px #000;
	margin:8px;
}

/*------------Header Styles------------------*/
#header {
	margin: 0px 0px 0px 0px;
}

#header h1 {
	font-family: 'geosanslight', sans-serif;
	font-size: 72px;
	text-transform: uppercase;
	float:left;
	padding-right: 40px;
	color: #000;
	width:480px;
	padding-top:12px;
}

#header h1 a:link, #header h1 a:hover, #header h1 a:active, #header h1 a:visited {color: #000}


#logo {
	position:absolute;
}

#idioma {
	height:20px;
	float: right;
	margin: 8px 0px 0px 0px;
}
#idioma ul { }
#idioma li { float:left; margin-left:10px;}
#idioma li a { color:#666}
.active { text-decoration:underline}

#search {
	float: right;
	margin: 8px 0px 3px 0px;
}

#header .search-bg {
	background: url(images/search_bg.gif) no-repeat center left;
	border: none;
	width: 118px;
	color: #fff;
	padding: 5px 8px;
}

#header .searchsubmit {
	background: transparent url(images/search_btn.gif) no-repeat center left;
	border: none;
	width: 30px;
	color: #fff;
	padding: 5px 0;
}

#header .searchsubmit:hover {background: transparent url(images/search_btn_hover_blue.gif) no-repeat center left;}

 
 /*---------------feature section---------*/
 #header-info {
 	width:260px;
	height:330px;
 	float: left;
 	margin-top: 52px;
 }
 
#header-intro{
 	width:960px;
	text-align:center;
	/*margin-top:-20px;*/
 }
 
/* #header-info h1 {
 	width: 90px;
 	display: block;
 	float: left;
 	text-align: right;
 	font-family: 'geosanslight', sans-serif;
 	font-size: 30pt;
 	text-transform: uppercase;
 	color: #00c3f4;
 	margin: 0;
 	padding: 0;
 	line-height: 0pt;
 	margin-bottom: 200px;
 }	*/
 
  #header-info img {
 	display: block;
 	float: left;
	margin:opx;
 }

 #header-info p {
	 display:block;
 	width: 150px;
 	float: right;
 	margin:  5px 5px 0px 0px;
 	padding: 0;
 }
 
 /*IE6 fix*/ * html  #header-info p {
	 
	width: 145px;
 }
 
  #header-info ul{
 	width: 150px;
 	float: right;
 	margin:  0 5px 0 0;
 	padding: 0;
	list-style:none;
 }
  /*IE6 fix*/ * html  #header-info ul {
	width: 145px;
 }
 
 #header-info li {
	font-weight:bold;
 }
 
 #recent-works-es {
 	float:right;
 	margin:55px 20px 0 0px;
 	padding: 0;
 	background: url(images/recentworks_es.gif) no-repeat top right;
 	height: 282px;
 	width: 150px;
 }
  #recent-works-en {
 	float:right;
 	margin:55px 20px 0 0px;
 	padding: 0;
 	background: url(images/recentworks_en.gif) no-repeat top right;
 	height: 282px;
 	width: 150px;
 }
 
 #recent-works h1 {color: #00c3f3;}
 
 #feature-right {
 	position: relative;
 	margin:0 0 140px 0;
 	float: left;
 }
 
 /*IE6 fix*/ * html #feature-right {
	margin: 0px 0px 140px 0;
}
 
 /*----------Front Page Content Area------------*/
 #front-page-content {
 	min-height: 170px;
 }

 
  #front-page-content h2 {
	font-size: 30px;
	text-transform: uppercase;
	color: #000;	
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	/*margin-left: -3px;*/
 }
 
   #front-page-content h2 a {
	color: #000;
 }
 
   #front-page-content h2 a:hover {
	color: #00c3f3
 }
 
 #frontpage3d-content #content-middle {
 width: 590px;
 float: left;
 padding: 0 30px;
 margin-bottom: 50px;
 }
 
 #frontpage3d-content  #content-middle ul li {
	 line-height:18px;
 }
 
 #frontpage3d-content .tit { font-size:18px; color:#000}
 
 #content-left {
 width: 280px;
 float: left;
 padding: 0 30px 0 0;
 background: url(images/divider.gif) repeat-y right;
 margin-bottom: 50px;
 }
  #content-left h2 { margin-top:8px; }
 
 #content-middle {
 width: 280px;
 float: left;
 padding: 0 30px;
 background: url(images/divider.gif) repeat-y right;
 margin-bottom: 50px;
 }
 
  #content-middle a { font-size:12px; }
   #content-middle li { margin-top:8px; }
 
 #content-right {
 width: 280px;
 padding: 0 0 0 30px;
 float: left;
 margin-bottom: 50px;
 }
/*--------------Footer------------------*/
#footer {
	clear: both;
	background: #000 url(images/footer_repeat.gif) top repeat-x;
	height: 47px;
	padding: 20px 0 0 0;
}  

#footer-content {
	width:960px;
	margin: 0 auto;
}

a {color: #00c3f3; }


/*---------------Blog/Single Page------------------*/
.post {
	padding: 30px 0 50px 0;
	background: url(images/blog-divider.gif) repeat-x bottom;
}

#blog {
	width: 610px;
	float: left;
	margin-bottom: 50px;
	margin-top:10px;
}

#blog h1 {
	color:#000;
	font-size: 34px;
	margin: 10px 0;
}

#blog h2 a {
	font-size: 30px;
	color: #000;
	float: left;
	width: 350px;
}

#blog a {color: #000;}

#blog a:hover {color: #00c3f3;}

.date {
	font-size: 16px;
	color: #000;
	padding-top: 14px;
}

#single-page .date {
	font-size: 12px;
}

.tags {padding-top: 10px;}

/*#single-page {
	float: left;
	width: 960px;
	margin-bottom: 50px;
	margin-top:10px;
	min-height: 500px;
}*/
#single-page {
	float: left;
	width: 610px;
	margin-bottom: 50px;
	margin-top:10px;
}

#single-page-contact {
	float: left;
	width: 610px;
	margin-bottom: 50px;
	margin-top:10px;
	min-height: 500px;
}

.title {
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 8px;
	width: 500px;
}

#contact-title {letter-spacing: 1.6px;}

#direccion {
	float:right;
	background: #000;
	width: 270px;
	margin: 10px 0 20px 0;
	padding: 20px;
}

#direccion h2 {
	font-size: 18px;
	letter-spacing: 1px;
	color: #00c3f3; 
	padding-bottom: 5px;
}

#single-page a {color: #000;}

#single-page a:hover {color: #00c3f3;}

.page {
	margin: 10px 0;
}

.postnav { list-style:none; margin: 10px 0 50px 0; padding:0;}

/*---------------Portfolio Page------------------*/
.thumbnail-class {
	margin: 0 15px 0 0;
}

#portfolio .post{
	float: left;
}

#portfolio {margin-bottom:50px; min-height: 1000px; margin-top:10px;}

.pf-description {
	float: right;
	width: 450px;
}

.pf-image {
	float: left;
}

#portfolio h1 {
	font-size: 34px;
	margin: 20px 0;
}

#portfolio h2 a {
	font-size: 30px;
	color: #000;
	width: 350px;
}

#portfolio a {color: #000;}

#portfolio a:hover {color: #00c3f3;}

#portfolio img {
	border: solid 5px #000;
}

/*---------------Sidebar------------------*/
#sidebar {
	float:right;
	background: #000;
	width: 270px;
	margin: 10px 0 20px 0;
	padding: 20px;
}

#sidebar h2 {
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #00c3f3; 
	padding-bottom: 5px;
}


#sidebar a {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

#sidebar a:hover {
	color: #666;
}

#sidebar ul {
	padding:0;
	list-style: none;
}

.widget {
	margin-bottom: 25px;
	list-style:none;
}

#twitter-box li  {
	font-size: 11px;
	padding: 0 0 10px 0;
	list-style:none;
	margin:0;
}

#twitters .widgettitle {
	padding:10px 0 12px 50px;
	background: url(images/twitter.png) no-repeat left bottom;
}


#twitters .widgetfacebook {
	padding:10px 0 12px 50px;
	background: url(images/facebook.png) no-repeat left bottom;
}

#twitter-list {
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar2 {margin: 0; padding: 0;}


#sidebar2 h2 {
	line-height: 30px;
	padding: 5px 0;
}


#sidebar2 ul {
	padding:0;
	list-style: none;
}



 /*--------------Comments Area------------------*/
 #comments-area {
 	margin:30px 0;
 	padding: 20px;
 	background: #000;
 }
 
 #comments-area a {color:#fff;}
 
 #comments-area li {
 	padding:25px 0;
 	border-bottom: solid 1px #666;
 }
 
 #comments-area h3 {
	font-family: 'geosanslight', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #00c3f3; 
	padding-bottom: 5px;
}

h3#respond {
	padding-top: 10px;
	color: #666;
	text-transform: none;	
}

.comment-submit {margin: 5px 0;}
 
 

 /*--------------General Typography------------------*/
 p {
 	font-size: 12px;
 	color: #666;
 	letter-spacing: 0.4px;
	word-spacing: 0.8pt;
 	line-height: 14pt;
 	padding: 5px 0;
 }
 
 ul, ol {
 	font-size: 12px;
 }
 
 h1 {
	font-family: 'geosanslight', sans-serif;
	font-size: 34px;
	text-transform: uppercase;
	color: #000;
}
 
 h2 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 30px;
	color: #000;
}

 h3 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
}

h4  {font-weight:bold;}

ul {	
	padding-bottom:9px;
	font-size:80%;
	line-height:150%;
	font-weight:normal;
	padding-left:40px;
}

ol {	
	padding-bottom:9px;
	font-size:80%;
	line-height:150%;
	margin-left:30px;
}
 
 /*-------------Navigation Menu--------------*/
#nav{ clear:both;float: right;}

.lavaLamp {
    position: relative;
    height: 47px;
   /* background: url("images/nav_bg.gif") no-repeat top;*/
    margin: 0px 0px 0 0;
	padding: 9px 0;
    overflow: hidden;
}
.lavaLamp li {
float: left;
list-style: none;
margin: 2px 0 0 3px;

}
.lavaLamp li.back {
background: url(images/lava_blue.gif) no-repeat right -25px;
width: 9px; height: 26px;
z-index: 8;
position: absolute;
margin-left: 0px;
overflow:hidden;
}
.lavaLamp li.back .left {
background: url(images/lava_blue.gif) no-repeat top left;
height: 26px;
margin-right: 9px; /* 7px is the width of the rounded shape */
margin-left: 0px;
}
.lavaLamp li a {
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 3px;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 8px;    
}

/*IE6 fix*/ * html .lavaLamp li a {
margin: auto 4px; 
}

.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
border: none;
}

/*------------- Easy Slider ----------------*/

	#slider{ }	
	#slider ul, #slider li{
		margin:28px 0 0 0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:520px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:42px;
		height:26px;
		position:absolute;
		left:0px;
		top:314px;
		}	
		
	#nextBtn{ 
		left:479px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:42px;
		height:26px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0;}
		
	#prevBtn a:hover {background: url(images/btn_prev_hover_blue.gif) no-repeat 0 0;}
		
	#nextBtn a:hover {background:url(images/btn_next_hover_blue.gif) no-repeat 0 0;}
	
    .graphic, #prevBtn, #nextBtn{
        margin:0;
        padding:0;
        display:block;
        overflow:hidden;
        text-indent:-8000px;
        }
		
	#feature-right img {
		margin:0;
	}
        
/*---------------------Contact Form Style-------------------------------------*/  
label
{
	font-size: 14px;
	display: block;
} 

#contact {
	float: left;
	width: 610px;
	margin-bottom: 50px;
	position: relative;
}

#map_canvas {
	clear:both;
	width: 610px;
	margin-bottom: 50px;
	height:300px;
	background-color:#FFF;
	border:#00c3f4 2px solid;
}

#single-page h1 {
	font-size: 34px;
	margin: 10px 0 0 0;
}

#contact input {width: 100%; margin:0 0 20px 0; height:25px;font-size:14px}

#contact .button {width: auto; margin:0 0 10px 0; height:30px; float:right;font-size:14px; background-color:#00c3f4; padding:4px; color:#000; text-transform:uppercase; border:none;}

#contact textarea {width: 100%;}

#note {color: red; font-size: 12px; margin-bottom:30px;}