@charset "utf-8";
* {
	margin:0px; 
	padding:0px;
	}
a img {
	border:none;
	}

body {
	background:#efefef;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	/*size:1em;*/
	text-align:center;
	margin:0px;
	}
	
.wrapper { 
	width:620px;
	text-align:left;
	margin:0 auto;
	}

.top {
	border-bottom:2px solid #000;
	padding:20px 0 3px 0;
	}

.top a .logo {
	width:98px;
	height:131px;
	}

.top .wtf {
	font-size:2em;
	letter-spacing:-1px;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	top:50px;
	left:110px;
	display:none;
}

h1 {
	background-image:url(../imagenes/logo.png);
	background-position:left top;
	background-repeat:no-repeat;

	width:98px;
	height:131px;
	
	}	

h1 span { 
	display:none;
	}
	
ul {
	text-align:left;
 	margin:0 0 0 -3px;
	padding:0px;
	font-style:italic;
	font-size:0.9em;
	}
	
ul li { 
	display:inline;
	margin:0 10px 0 0px;
	padding:3px;
	}
ul span {
	clear:both;
	}
	
li.idioma{
	font-weight:bold;
	float:right;
	margin-top:-2px;
	}
	
ul li a{ 
	text-decoration:none;
	color:#000;
	padding:3px;
	}
	
ul li a:hover{ 
	color:#FFF;
	padding:3px;
	text-decoration:none;
	background-color:#000;
	}
ul li a:active, ul li a:focus { 
	color:#FFF;
	padding:3px;
	text-decoration:none;
	background-color:#000;
	}

.pie {
	height:20px;
	font-size:0.7em;
	font-style:italic;
	width:620px;
	border-top:2px solid #666666;
	padding-top:5px;
	margin-top:15px;
	}

.pie span { float:left;}

.pie .cpl {
	float:right;
	margin-left:5px;
	}
.pie .twitter {
	float:right;
	margin-right:5px;
	}
	
.pie .be {
	float:right;
	}

.copete { 
	border-bottom: 2px solid #333;
	padding-bottom:10px;
	font-size:1.5em;	
	font-style:italic;
	}
	
/* HOME */

.home {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	font-style:italic;
	font-size:1em;
	margin:0px;
	text-align:left;
	margin-top:15px;
	}
.home h3{ 
	font-size:3em;	
	background:url(../imagenes/home-bienvenido.png) left top no-repeat;
	width:409px;
	height:82px;
	}

.home h3.en{ 
	background:url(../imagenes/home-welcome.png) left top no-repeat;
	width:299px;
	height:82px;
	}

.home p { 
	font-size:1.5em;	
	}
	
.home p a{
	color:#333333;	
	}

.home h3 span{
	display:none;
	}
.home a span{ display:none;}
.home a.twitter { 
	background: url(../imagenes/icono-twitter-home.png) left top no-repeat; 
	width:20px; 
	height:28px; 
	display:block;
	float:left;
	margin:10px 5px 0 0;
}
.home a.behance { 
	background: url(../imagenes/icono-behance-home.png) left top no-repeat; 
	width:44px; 
	height:28px; 
	display:block;
	float:left;
	margin:10px 5px 0 0;
}
.home a.cpluv { 
	background: url(../imagenes/icono-cpluv-home.png) left top no-repeat; 
	width:32px; 
	height:28px; 
	display:block;
	float:left;
	margin:10px 5px 0 0;
}
.home a.domestika { 
	background: url(../imagenes/icono-domestika-home.png) left top no-repeat; 
	width:29px; 
	height:27px; 
	display:block;
	float:left;
	margin:10px 5px 0 0;
}

/*.home a.twitter:hover, .home a.behance:hover, .home a.domestika:hover, .home a.cpluv:hover { 
	background-position:left bottom;
}*/

/* TRABAJOS */

.trabajos {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	font-size:1em;
	margin:0px;
	text-align:left;
	margin:15px 0;
	}
	
.trabajos h3{ 
	font-size:3em;	
	background:url(../imagenes/trabajos-titulo.png) left top no-repeat;
	width:261px;
	height:82px;
	}
.trabajos h3.en{
	background:url(../imagenes/works-titulo.png) left top no-repeat;
	width:194px;
	height:82px;
}
.trabajos p { 
	font-size:1.5em;	
	word-spacing:3px;
	margin-bottom:15px;
	}

.trabajos h3 span{
	display:none;
	}
	
.trabajos .menu {
	font-size:0.8em;
	line-height:1.5em;
	word-spacing:2px;
	}

.trabajos .menu .izquierda { 
	float:left;
	width:310px;
	}

.trabajos .menu .derecha {
	float:right;
	width:310px;
	}

.trabajos a { 
	color:#333333;
	text-decoration:none;
	}

.trabajos a:visited { 
	text-decoration:line-through;
	color:#333333;
	}

.trabajos a:focus { 
	background-color:#000; color:#CCCCCC;
	}

.trabajos a:hover { 
	background-color:#333; color:#CCCCCC;
	}

/*PIEZAS*/
.pieza { 
	width:620px;
	margin:0;
	border-top:4px solid #333;
	padding:15px 0 0 0;
	margin-top:15px;
	clear:both;
	}
.pieza h2 { 
	margin:5px 0;
	font-style:italic;
	}
	
.pieza p {
	margin-bottom:7px;
	}
	
.pieza p a { 
	text-decoration:none; 
	color:#000000; 
	font-weight:bold;
}
.pieza img {
	border:10px solid white;
	margin-bottom:5px;
	}
	
/*CONTACTO*/
.contacto {
	margin:15px 0 ;
	}

.contacto h3{ 
	font-size:3em;	
	background:url(../imagenes/contacto-titulo.png) left top no-repeat;
	width:296px;
	height:80px;
	}
.contacto h3.en{ 
	background:url(../imagenes/contact-titulo.png) left top no-repeat;
	width:219px;
	height:80px;
	}
	
.contacto p {	
	word-spacing:3px;
	padding:10px 0;
	}

.contacto label { 
	width:70px; 
	/*float:left;*/
	text-align:left;
	font-weight:bold;
	}

.contacto input {
	display:block;
	width:250px;
	}
	
.contacto h3 span{
	display:none;
	}
	
.contacto form {
	margin-top:25px;
	}
	
.contacto .enviar {
	width:120px;
	height:33px;
	}

/*AMIGOS*/

.amigos {
	margin:15px 0 ;
	}

.amigos h3{ 
	font-size:3em;	
	background:url(../imagenes/amigos-titulo.png) left top no-repeat;
	width:296px;
	height:80px;
	}
	
.amigos h3.en { 
	background:url(../imagenes/friends-titulo.png) left top no-repeat;
	width:214px;
	height:80px;
} 

.amigos h3 span{
	display:none;
	}

.amigos p {	
	word-spacing:3px;
	padding:10px 0;
	}
	
.amigos img {
	margin:10px 15px 0 0;
	}