/*
Site Name: Fede Hartman - Freelance Graphic Design
Site URI: http://fedehartman.com
Version: 2.0
Date: Jan - Feb 2010
Designer: Fede Hartman - http://fedehartman.com/
HTML-CSS-jQuery Programmer: Fede Hartman - http://fedehartman.com/
*/

html {
	height: 100%;
	}

body {
	height: 100%;
	font-size: 16px;
	}
	
img {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	color: #69818c;
	}
	
#container {
	height: 690px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	}


/*--HEADER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

header {
	width: 960px;
	height: 120px;
	display: block;
	}
	
header h1 a {
	background-image: url(../img/header_logo.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	display: block;
	float: left;
	height: 105px;
	width: 255px;
	}

	header h1 a:hover {
		background-position: left -105px;
		}

	header h1.en_logo a {
		background-image: url(../en/img/header_logo.png);
		}


/*---------------------------------------*/

nav {
	float: right;
	height: 120px;
	width: 705px;
	background-image: url(../img/header_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	}
	
ul#lang {
	margin-left: 570px;
	}

ul#lang li a {
	height: 45px;
	width: 152px;
	background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	margin-right: -6px;
	}

	ul#lang li a:hover {
		background-position: right -45px;
		}
		
	ul#lang li.english a {
		background-image: url(../img/header_menu_lang_en.png);
		}
	
	ul#lang li.espanol a {
		background-image: url(../img/header_menu_lang_es.png);
		}
		
/*---------------------------------------*/

ul#menu {
	height: 45px;
	width: 264px;
	margin-left: 441px;
	}

ul#menu li a {
	float: left;
	height: 45px;
	background-repeat: no-repeat;
	background-position: center 0px;
	display: block;
	}

	ul#menu li a:hover, ul#menu li.active a {
		background-position: center -45px;
		}
	
	ul#menu li.portfolio a {
		background-image: url(../img/header_menu_portfolio.png);
		width: 95px;
		}
	
	ul#menu li.perfil a {
		background-image: url(../img/header_menu_perfil.png);
		width: 71px;
		}
	
	ul#menu li.contacto a {
		background-image: url(../img/header_menu_contacto.png);
		width: 98px;
		}

	ul#menu li.profile a {
		background-image: url(../en/img/header_menu_profile.png);
		width: 80px;
		}
	
	ul#menu li.contact a {
		background-image: url(../en/img/header_menu_contact.png);
		width: 89px;
		}

/*--MAIN----------------------------------------*/

section {
	width: 960px;
	height: 495px;
	overflow: hidden;
	display: block;
	}


/*--PORTFOLIO-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

section#portfolio {
	width: 900px;
	height: 480px;
	overflow: hidden;
	margin-left: 30px;
	margin-bottom: 15px;
	}

ul#portfolio_wrapper {
	width: 900px;
	height: 480px;
	}

ul#portfolio_wrapper li {
	float: left;
	width: 900px;
	height: 480px;
	}

ul#portfolio_wrapper li ul.portfolio {
	height: 240px;
	width: 900px;
	}

ul#portfolio_wrapper li ul.portfolio li {
	height: 240px;
	width: 300px;
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: center 0px;
	}
	
	ul#portfolio_wrapper li ul.portfolio li:hover {
		background-position: center -240px;
		cursor: pointer;
		}

	ul#portfolio_wrapper li ul.portfolio li.comodin {
		background-image: none;
	 	cursor: auto;
		}


/*---------------------------------------*/

ul#portfolio_wrapper li ul.portfolio li.mediatinta2 {
	background-image: url(../works/img/mediatinta2.png);
	}

	ul#portfolio_wrapper li ul.portfolio li.mediatinta2_en {
		background-image: url(../works/img/mediatinta2_en.png);
		}

ul#portfolio_wrapper li ul.portfolio li.greenhouse {
	background-image: url(../works/img/greenhouse.png);
	}

	ul#portfolio_wrapper li ul.portfolio li.greenhouse_en {
		background-image: url(../works/img/greenhouse_en.png);
		}

ul#portfolio_wrapper li ul.portfolio li.teresa {
	background-image: url(../works/img/teresa.png);
	}

ul#portfolio_wrapper li ul.portfolio li.malditas {
	background-image: url(../works/img/malditas.png);
	}

ul#portfolio_wrapper li ul.portfolio li.candombe {
	background-image: url(../works/img/candombe.png);
	}

ul#portfolio_wrapper li ul.portfolio li.mediatinta {
	background-image: url(../works/img/mediatinta.png);
	}

ul#portfolio_wrapper li ul.portfolio li.mds {
	background-image: url(../works/img/mds.png);
	}

ul#portfolio_wrapper li ul.portfolio li.comodin {
	background-image: url(../works/img/comodin.png);
	}

/*---------------------------------------*/


section#portfolio h4 {
	font-size: 1.125em;
	margin-left: 15px;
	background-image: url(../img/portfolio_item_h4_back.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	text-indent: 8px;
	margin-top: 178px;
	}

section#portfolio h4.comodin {
	background-image: none;
	}

	section#portfolio h4 a {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #303a40;
		text-decoration: none;
		font-weight: bold;
		}

section#portfolio p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.65625em;
	color: #69818c;
	margin-left: 23px;
	margin-top: -2px;
	}


/*--Safari-Mac----*/

	html*section#portfolio h4 {
		font-size: 1.125em;
		}
	
	html*section#portfolio p {
		font-size: 0.75em;
		}
		
/*---------------------------------------*/

#nextBtn {
	width: 300px;
	height: 240px;
	position: relative;
	z-index: 100;
	margin-top: -240px;
	display: block;
	float: right;
	margin-right: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.09375em;
	color: #69818c;
	font-style: italic;
	background-color: #FFF;
	}

	#nextBtn a {
		width: 131px;
		height: 46px;
		color: #69818c;
		text-decoration: none;
		background-image: url(../img/portfolio_next.png);
		background-repeat: no-repeat;
		background-position: right 0px;
		display: block;
		margin-top: 45px;
		padding-left: 149px;
		padding-top: 14px;
		}
	
	#nextBtn a:hover {
		background-position: right -60px;
		color: #303a40;
		}


/*---------------------------------------*/

.simplemodal-close {
	width: 60px;
	height: 15px;
	display: inline;
	z-index: 3200;
	position: absolute;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
	background-image: url(../img/portfolio_close_en.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	}

.simplemodal-close:hover {
	background-position: right -15px;
	}

	a.small_close {
		top: 500px;
		}

#simplemodal-overlay {
	background-color: #000000;
	}

#modalbox {
	width: 900px;
	color: #FFF;
	overflow: hidden;
	height: 555px;
	}


/*---------------------------------------*/


section#works {
	background-color: #FFF;
	padding: 30px;
	min-height: 495px;
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	overflow: hidden;
	}

#works_pic {
	background-color: #303a40;
	height: 360px;
	width: 840px;
	position: fixed;
	clear: both;
	}
	
#works_pic_link a {
	height: 360px;
	width: 840px;
	display: block;
	position: fixed;
	z-index: 6000;
	}
	
#easyTooltip {
	padding: 10px;
	font-size: 0.78125em;
	color: #FFF;
	background-color: #006699;
	position: absolute;
	z-index: 8000;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#works_text_container {
	min-height: 135px;
	height: auto;
	width: 840px;
	position: fixed;
	margin-top: 360px;
	clear: both;
	}

h3.works {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.875em;
	color: #69818c;
	text-align: right;
	float: left;
	padding-right: 30px;
	margin-top: 32px;
	height: 95px;
	width: 270px;
	line-height: 1.25em;
	}
	
article#works {
	float: right;
	min-height: 90px;
	height: auto;
	width: 539px;
	margin-top: 17px;
	border-left: 1px solid #6e818a;
	padding-top: 13px;
	}

p.works_p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.78125em;
	line-height: 1.8em;
	color: #69818c;
	margin-left: 30px;
	}

	p.works_p.second_line {
		text-indent: -7px;
		margin-left: 37px;
		}
	
	p.works_p a {
		color: #308fbf;
		margin-top: -3px;
		margin-left: -4px;
		padding-top: 3px;
		padding-right: 6px;
		padding-bottom: 3px;
		padding-left: 4px;
		margin-right: -6px;
		text-decoration: none;
		}
	
	p.works_p a:hover {
		color: #FFF;
		background-color: #006699;
		}

	p.works_p:last-child {
		padding-bottom: 15px;
		}
		
	.tech {
	margin-top: 7px;
	}

	span.white {
		color: #FFF;
		display: inline;
		}

/*---------------------------------------*/

#menciones_wrapper {
	background-color: #FFFFFF;
	width: 300px;
	height: auto;
	position: absolute;
	z-index: 150000000;
	top: 112px;
	padding-top: 29px;
	padding-bottom: 30px;
	margin-left: 525px;
	border: 1px solid #006699;
	}

ul.menciones {
	font-family: Georgia, "Times New Roman", Times, serif;
	}

ul.menciones.left {
	width: 105px;
	margin-left: 30px;
	}

ul.menciones.right {
	width: 135px;
	margin-right: 30px;
	}

ul.menciones li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.78125em;
	line-height: 1.8em;
	color: #308fbf;
	margin-top: -3px;
	margin-left: -4px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 4px;
	margin-right: -6px;
	text-decoration: none;
	}

	ul.menciones li a:hover {
		color: #FFF;
		background-color: #006699;
		}

	ul.menciones li a:visited {
		color: #c3d2d9;
		}

	a.men:hover {
		background-color: #006699;
		}

.menciones_close a {
	background-image: url(../img/portfolio_close_en.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	height: 15px;
	width: 60px;
	position: absolute;
	z-index: 150000001;
	top: 15px;
	right: 15px;
	}

	.menciones_close a:hover {
		background-position: right -15px;
		}

p.works_p a.linkcolor {
	background-color: #006699;
	color: #FFF;
	}

strong {
	background-image: url(../img/vanzio.png);
	background-position: 0px 0px;
	height: 16px;
	width: 74px;
	display: inline-block;
	}


/*--PERFIL--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#main_left {
	width: 585px;
	height: 495px;
	float: left;
	margin-left: 45px;
	margin-top: -15px;
	}

#main_left h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.8125em;
	color: #c3d2d9;
	margin-top: 35px;
	}

#soypic {
	height: 195px;
	width: 540px;
	margin-top: 19px;
	margin-bottom: 9px;
	background-repeat: no-repeat;
	background-position: center top;
	}

ul#soy li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	color: #69818c;
	line-height: 1.5em;
	text-indent: 30px;
	background-image: url(../img/main_left_list_points.png);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	}

ul#soy li a {
	color: #006699;
	text-decoration: none;
	margin-top: -2px;
	margin-left: -5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-right: -5px;
	margin-bottom: -2px;
	}
	
	ul#soy li a:hover {
		color: #FFF;
		background-color: #006699;
		}
	
/*---------------------------------------*/

#main_right {
	width: 285px;
	height: 495px;
	float: right;
	background-image: url(../img/main_right_line.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	margin-top: -15px;
	}

#main_right h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.875em;
	color: #b8c5cc;
	margin-top: 48px;
	margin-bottom: 31px;
	}

#main_right h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	color: #69818c;
	line-height: 1.5em;
	text-indent: 15px;
	background-image: url(../img/main_right_list_down.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	cursor: pointer;
	}

#main_right h5:hover {
	color: #006699;
	}

#main_right h5.up {
	background-image: url(../img/main_right_list_up.png);
	}

ul.hago {
	margin-top: -3px;
	margin-bottom: 18px;
	}

ul.hago li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9375em;
	color: #69818c;
	line-height: 1.5em;
	background-image: url(../img/main_right_list_points.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-indent: 15px;
	margin-left: 15px;
	}



/*--CONTACTO------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


h4.enviame {
	margin-bottom: 19px;
	margin-left: -5px;
	}

textarea#mensaje {
	border: 1px solid #c3d2d9;
	height: 171px;
	width: 524px;
	padding-left: 15px;
	padding-top: 8px;
	background-image: url(../img/contacto_mensaje.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	}

input#nombre, input#correo {
	height: 44px;
	width: 344px;
	padding-left: 15px;
	border: 1px solid #c3d2d9;
	background-repeat: no-repeat;
	background-position: right 0px;
	}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	input#nombre, input#correo, textarea#mensaje {
		background-color: #ebf0f2;
		}
	}

input#nombre {
	background-image: url(../img/contacto_nombre.png);
	float: left;
	}

input#correo {
	background-image: url(../img/contacto_sobre.png);
	margin-top: 13px;
	}

textarea#mensaje, input#nombre, input#correo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.40625em;
	line-height: 1.33em;
	color: #69818c;
	}

textarea#mensaje:focus, input#nombre:focus, input#correo:focus {
	border: 1px solid #69818c;
	background-position: right -45px;
	}

textarea#mensaje:focus {
	background-position: right -180px;
	}
	
#form_line {
	height: 45px;
	width: 540px;
	margin-top: 14px;
	}

input#boton {
	height: 45px;
	width: 165px;
	border: none;
	background-color: #303a40;
	background-image: url(../img/contacto_enviar.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	cursor: pointer;
	float: right;
	}

input#boton.send {
	background-image: url(../en/img/contacto_send.png);
	}

input#boton:hover {
	background-color: #006699;
	background-position: center -45px;
	}

#form_ok, #form_error {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	color: #FFF;
	text-indent: 15px;
	height: 35px;
	width: 540px;
	margin-top: 15px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: right center;
	display: none;
	}

#form_ok {
	background-color: #006699;
	background-image: url(../img/contacto_ok.png);
	}

#form_error {
	background-color: #990000;
	background-image: url(../img/contacto_error.png);
	}

/*---------------------------------------*/

ul#social {
	margin-top: -8px;
	}

ul#social li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.40625em;
	color: #69818c;
	padding-left: 45px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left 0px;
	height: 36px;
	padding-top: 9px;
	display: block;
	width: 210px;
	}

	ul#social li a:hover {
		background-position: left -45px;
		color: #006699;
		}

	ul#social li.skype a {
		background-image: url(../img/contacto_skype.png);
		}

	ul#social li.facebook {
		margin-left: -10px;
		margin-top: 7px;
		/*background-image: url(../img/contacto_facebook.png);*/
		}

	ul#social li.twitter a {
		background-image: url(../img/contacto_twitter.png);
		}

	/*ul#social li.behance a {
		background-image: url(../img/contacto_behance.png);
		}*/

	ul#social li.correo a {
		background-image: url(../img/contacto_correo.png);
		}

	ul#social li.xml a {
		background-image: url(../img/contacto_xml.png);
		}


/*--FOOTER--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


footer {
	width: 960px;
	height: 90px;
	background-image: url(../img/footer_line.png);
	background-repeat: no-repeat;
	background-position: right -14px;
	position: absolute;
	z-index: 200;
	display: block;
	}

footer h6, #works_footer h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.6875em;
	color: #69818c;
	margin-top: 33px;
	margin-right: 5px;
	}

footer h6 a, #works_footer h6 a {
	color: #69818c;
	text-decoration: none;
	margin-right: -4px;
	margin-left: -4px;
	padding-right: 4px;
	padding-left: 4px;
	}

	footer h6 a:hover, #works_footer h6 a:hover {
		color: #FFF;
		background-color: #006699;
		}

footer h6 a.rss, #works_footer h6 a.rss {
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 45px;
	width: 30px;
	display: block;
	background-image: url(../img/footer_rss.png);
	float: right;
	margin-top: -17px;
	}

footer h6 a.rss:hover, #works_footer h6 a.rss:hover {
	background-position: center -45px;
	background-color: transparent;
	}
	
/*---------------------------------------*/

footer#works {
	width: 840px;
	height: 105px;
	background-image: url(../img/footer_line.png);
	background-repeat: no-repeat;
	background-position: right 1px;
	margin-top: 540px;
	position: fixed;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	}

footer#works.plus30 {
	margin-top: 570px;
	}

footer#works h6.left {
	margin-left: 170px;
	background-image: url(../img/works_logo.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-indent: 19px;
	width: 250px;
	}


/*--IE7-WARNING---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#i_explorer{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 30000;
	}

#i_explorer_overlay {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #000;
	-moz-opacity:.85;
	filter:alpha(opacity=85);
	opacity:.85;
	}

#i_explorer_content {
	position: absolute;
	z-index: 31000;
	height: 236px;
	width: 735px;
	margin-right: auto;
	margin-left: auto;
	left: 50%;
	margin-left: -413px;
	top: 165px;
	background-color: #ffffff;
	padding-top: 48px;
	padding-right: 45px;
	padding-bottom: 45px;
	padding-left: 45px;
	border: 1px solid #69818c;
	}

#i_explorer_content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #69818c;
	line-height: 1.875em;
	}

	#i_explorer_content p a {
		color: #006699;
		text-decoration: none;
		font-weight: bold;
		}

	#i_explorer_content p a:hover {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		background-color: #006699;
		padding-top: 2px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		margin-top: -2px;
		margin-right: -5px;
		margin-bottom: -2px;
		margin-left: -5px;
		}
	
	#i_explorer_content p.first {
		font-size: 2em;
		color: #006699;
		background-image: url(../img/ie_warning.png);
		background-repeat: no-repeat;
		background-position: left 15px;
		text-indent: 40px;
		margin-bottom: 21px;
		}


/*--RESET---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, header, section, footer {  
	margin: 0px; 
	padding: 0px; 
	}

table { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	}

fieldset, img {  
	border: 0px; 
	}

address, caption, cite, code, dfn, em, th, var { 
	font-style: normal; 
	font-weight: normal; 
	}

ol, ul { 
	list-style: none; 
	}

caption, th { 
	text-align: left; 
	}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; 
	}

q:before, q:after { 
	content: ''; 
	}

abbr, acronym {
	border: 0px; 
	}

a, input {
	outline-style: none;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

span, .none {
	display: none;
	}
	
strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}



/*--sIFR----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
		}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}

	.sIFR-flash:focus {
		outline-style: none;
		}
}

@media print {
	
	.sIFR-flash {
		display: none !important;
		height: 0px;
		width: 0px;
		position: absolute;
		overflow: hidden;
		}

	.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		}
}