/*
Theme Name: Portafolio Hectdesign

Description: a-brief-description
Author: HectDesign

Template: blanco y negro
Version: 3.0
.
General comments/License Statement if any.
.


[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- MainBox 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
incluido*/

/*colores: 
#208ECD celeste 
#272727 gris claro
#1e1e1e gris oscuro

*/



/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	/*background:url(../img/fondo_negro.gif) repeat-x top;*/
	background:url(../img/bg.jpg) repeat-x top;
	/*background-color:#eaeaea;*/
	background-color:#ECECE0;
	color: #666;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	text-align: left;
	a img{ border:none; } /* quita bordes punteados de imagenes links*/
}
.gris{color: #333333;}
.celeste{color: #208ECD;}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*GENERAL Links*/
a:link {
	text-decoration: none;
	color: #208ECD;
}

a:visited {
	text-decoration: none;
	color: #208ECD;
}

a:hover{
text-decoration: underline;
	color: #208ECD;
		
}

a:active{
	text-decoration: none;
	color: #208ECD;
}

/*MENU Links*/
#menubar a:link {
	text-decoration: none;
	color: #fff;
}

#menubar a:visited {
	text-decoration: none;
	color: #fff;
}

#menubar a:hover{
text-decoration: underline;
	color: #208ECD;
		
}

#menubar a:active{
	text-decoration: none;
	color: #fff;
}

/*CONTACTO Links*/
.contacto a:link {
	text-decoration: none;
	color: #333;
}

.contacto a:visited {
	text-decoration: none;
	color: #333;
}

.contacto a:hover{
	text-decoration: underline;
	color: #333;
		
}

.contacto a:active{
	text-decoration: none;
	color: #333;
}



/*SOCIAL Links*/
.footer_content a:link {
	text-decoration: none;
	color: #ededed;
}

.footer_content a:visited {
	text-decoration: none;
	color: #ededed;
}

.footer_content a:hover{
	text-decoration: underline;
	color: #ededed;
		
}

.footer_content a:active{
	text-decoration: none;
	color: #ededed;
}


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h1 {	font: 30pt Arial, Helvetica, sans-serif; }
h2 {	font: 24pt Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
 		font-weight: 850; letter-spacing: -1px; color:#dedede;
		/*margin:0; padding:0 0 40px 0;*/
	}
h3 {	font: normal 11pt/14pt Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color:#fff;
	}

h4 {	font: 20pt "Georgia",Times New Roman,Times,serif;
		font-weight: 900; color:#208ECD; font-style:italic;
		margin:0; padding:0 0 10px 0;}



/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
 #header h1{  
    margin:0px;  
    display:block;  
    text-indent:-9999px;  
 }  

#header{
	background: transparent url(../img/logo.png) no-repeat;
	height:70px;
	margin: 50px 0 30px 0;

}

/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#menubar{
	/*background: url(../img/bkg_menu.jpg) no-repeat center top;*/
	height:30px;
	font-family:"Georgia",Times New Roman,Times,serif;
	font-size:16px;	
	font-style:italic;
	padding-top:5px;
	color: #fff;
}

/* =6 Main Box portafolio
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.intro{
	height: 220px;
	background: url(../img/header.jpg) no-repeat scroll 80px 10px;
	font-family:"Georgia",Times New Roman,Times,serif;
	font-size:30px;
	font-style:italic;
	font-weight: 400;
	line-height: 36px;
	padding:35px 0 0 150px;
	color: #fff;
}



div#portfoliospace {
	margin-top:90px;
}

ul#portfolio {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:-10px;
	
}

ul#portfolio li { 
	float: left; 
	width: 300px;
	margin-left:15px;
	/*margin-right:5px;*/
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img {  display: block;  }


/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Fix up IE6 PNG Support */
img, #header { behavior: url(js/iepngfix.htc); }
img, .card, .check, .telefono, .skype, .flickr, .facebook, .twitter, .lastfm { behavior: url(js/iepngfix.htc); }



/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer{
	width: 100%;
	min-width: 950px;
	height: 250px;
	background: url(../img/footer3.gif) repeat-x;
	
}

.footer_content{
	margin:0 auto;
	height:200px;
	width: 950px;
	padding-top: 40px;
	color:#ededed;
}

.footertext{
	margin-top:5px;
	font-size: 10px;
	text-align: right;	
	color:#666;
}

/*SERVICIOS */
.check{
	background:transparent url(../img/check.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 10px 30px;
}

/*CONTACTO*/
.telefono{
	background:transparent url(../img/social_networking_iconpack/googletalk_16.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 15px 30px;
	color:#ededed;
}

.mail{
	background:transparent url(../img/social_networking_iconpack/email_16.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 15px 30px;
	color:#ededed;
}

.skype{
	background:transparent url(../img/social_networking_iconpack/skype_16.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 15px 30px;
	color:#ededed;
}


/*SOCIALNET */
.flickr {
	background:transparent url(../img/social_networking_iconpack/flickr_16.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 15px 30px;
}

.facebook {
	background:transparent url(../img/social_networking_iconpack/facebook_16.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 15px 30px;
}

.twitter {
	background:transparent url(../img/social_networking_iconpack/twitter_16.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 15px 30px;
}

.lastfm {
	background:transparent url(../img/social_networking_iconpack/lastfm_16.png) no-repeat scroll 0 0;
	height:16px;
	margin:0;
	padding:0px 0 15px 30px;
}