/*
    Description: A web by Javier Alvear.
    Version: 3.0
    Author: Javier Alvear # http://www.evoland.es # info@evoland.es
*/


/* GENERALES
-------------------------------------------------- */


* {
	margin: 0;
	padding: 0;	
}

html {
	background: url(../images/bg.png) #e4e9eb left top repeat-x;
}

body {
	background: url(../images/bg_down.png) transparent left bottom repeat-x;
	width: 100%;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c5960;
}

h2 {
	font-size: 34px;
	font-weight: 800;
	clear: both;
	margin: 0 0 25px -70px	;
	padding-top: 50px;
	color: black;
}

h4 {
	font-size: 20px;
	font-weight: 500;
	margin: 25px 0 10px 0;
	color: black;
}

fieldset, a img {
	border: 0;	
}

ul {
	list-style: none;	
}

p{
	margin-bottom: 5px;
}

abbr, acronym {
	cursor: help;	
}

a {
	outline: none;
	text-decoration: none;
	color: #990444;
	font-weight: bold;
}

a:hover {
	color: #710232;
}

p.agencias {
	font-size: 12px;
}

p.agencias a{
	color: #364349;
}

a:hover {
	
}

a.ancla {
	/*display: none;*/
	visibility: hidden;
}

strong {
	color: #364349;
}


/* CABECERA
-------------------------------------------------- */

div#cabecera {
	width: 980px;
	height: 250px;
	background: url(../images/fondo_cabecera.jpg) left top no-repeat;
	margin: 0 auto;
}

div#cabecera h1 {
	float: none;
	width: 344px;
	height: 90px;
	margin: 0 0 60px 0;
	padding: 50px 0 0 50px;
}

div#cabecera h1 span {
	display: block;
	overflow: hidden;
	width: 344px;
	height: 0;
	padding-top: 90px;
	background: url(../images/evoland.png) left top no-repeat;
}

div#cabecera div#iphone_app p {
	display: block;
	float: left;
	width: 435px;
	margin: 0;
	padding: 5px 0 0 20px;
	font-weight:500;
	font-size: 25px;
	color: black;
}

div#cabecera div#iphone_app a{
	display: block;
	background: url(../images/btn_contactaapp.png) 0 0 no-repeat;
	float: left;
	width: 195px;
	margin: 3px 0 0 0;
	padding:5px 5px 4px;
	font-weight:500;
	font-size: 20px;
	color: white;
	text-align: center
}

div#cabecera div#iphone_app a:hover{
	background: url(../images/btn_contactaapp.png) 0 -34px no-repeat;
}

div#cabecera div#socialmedia{
	display:block;
	height:45px;
	overflow:hidden;
	padding-top:5px;
	width:170px;
	float: left;
}

div#cabecera div#socialmedia ul li {
	display: inline;
	width: 32px;
	height: 45px;
	overflow: hidden;
}

div#cabecera div#socialmedia ul li a {
	display: block;
	float: right;
	width: 32px;
	height: 45px;
	padding-top: 90px;
	cursor: pointer;
	overflow: hidden;
	margin-left: 10px;
}

div#cabecera div#socialmedia ul li.delicious a {
	background: url(../images/delicious.png) 0 0 no-repeat;
}

div#cabecera div#socialmedia ul li.delicious a:hover {
	background: url(../images/delicious.png) 0 -45px no-repeat;
}

div#cabecera div#socialmedia ul li.flickr a {
	background: url(../images/flickr.png) 0 0 no-repeat;
}

div#cabecera div#socialmedia ul li.flickr a:hover {
	background: url(../images/flickr.png) 0 -45px no-repeat;
}

div#cabecera div#socialmedia ul li.twitter a {
	background: url(../images/twitter.png) 0 0 no-repeat;
}

div#cabecera div#socialmedia ul li.twitter a:hover {
	background: url(../images/twitter.png) 0 -45px no-repeat;
}


div#cabecera div#blog {
	width: 100px;
	float: left;
	margin: 3px 0 0 35px;
}

div#cabecera div#blog p a {
	font-size: 22px;
	font-weight: 500;
}

div#cabecera div#blog p a:hover {
	color: #710232;
}

div#cabecera div#blog p {
	font-size: 13px;
	margin-top: -3px;
}


/* SOBRE MÍ
-------------------------------------------------- */

div#sobremi {
	width: 910px;
	margin: 0 auto;
	clear: both;
	padding-left: 70px;
}

div#sobremi div#datos {
	width: 590px;
	float: left;
}

div#sobremi div#especialidades {
	background: url(../images/fondo_especialidades.png) right top no-repeat;
	color:black;
	float:right;
	font-size:20px;
	font-weight:900;
	height:296px;
	padding:40px 35px 0;
	width:200px;
}

div#sobremi div#especialidades ul li {
	margin-bottom: 5px;
}

div#sobremi p.quote {
	background: url(../images/ico_quote.png) 0 0 no-repeat;
	overflow: visible;
	margin-left: -50px;
	padding-left: 50px;
}



/* EN MARCHA
-------------------------------------------------- */

div#enmarcha {
	width: 910px;
	margin: 0 auto;
	clear: both;
	padding-left: 70px;
}

div#enmarcha h3 {
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	color: black;
	width: 270px;
	height: 85px;
	float: left;
	clear: left;
	margin:0 50px 0 0;
}

div#enmarcha div#gotfeeling h3 span {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 90px;
	background: url(../images/gotfeeling.png) left top no-repeat;
	cursor: pointer;
}

div#enmarcha div#brokanti h3 span {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 90px;
	background: url(../images/brokanti.png) left top no-repeat;
	cursor: pointer;
}

div#enmarcha div#meetapp h3 span {
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 90px;
	background: url(../images/meetapp.png) left top no-repeat;
	cursor: pointer;
}

div#enmarcha div#gotfeeling {
	border-bottom: 1px solid #c1c6c8;
	padding-bottom: 20px;
}

div#enmarcha div#brokanti {
	border-bottom: 1px solid #c1c6c8;
	padding-bottom: 20px;
}


/* TRABAJOS
-------------------------------------------------- */

div#trabajos {
	width: 910px;
	margin: 0 auto;
	clear: both;
}

div#trabajos div.cliente {
	width: 270px;
	margin: 0px 50px 0 0;
	float: left;
	display: block;
}

div#trabajos div.cliente_break {
	width: 270px;
	margin: 0;
	float: left;
	display: block;
}


div#trabajos div.cliente img, div#trabajos div.cliente_break img {
	border: 5px solid white;
	margin: 5px 0 5px 0;
}

div#trabajos div.cliente h4, div#trabajos div.cliente_break h4 {
	margin: 25px 0 0 0;
	padding: 0;
	font-weight: 500;
}


/* CONTACTAR
-------------------------------------------------- */

div#encontacto {
	width: 910px;
	margin: 0 auto;
	clear: both;
	padding-left: 70px;
}

form#formulario {
	width: 590px;
	float: left;
}


div#encontacto input#correo {
	clear: both;
	display: block;
}

div#encontacto label {
	clear: both;
	display: block;
	margin: 10px 0 5px 0
}

div#encontacto div#selector_proyecto {
	float: left;
	display: block;
	margin: 10px 50px 0 0;
}

div#encontacto div#selector_tiempos {
	float: left;
	display: block;
	margin-top: 10px;
	margin-bottom:20px;
}

div#encontacto input {
	width: 270px;
	padding: 10px 10px;
	border: 1px solid #c1c6c8;
	color:#4C5960;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
}

div#encontacto select {
	width: 270px;
	color:#4C5960;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding: 5px 0 5px 5px;
}

div#encontacto select option{
	color:#4C5960;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding: 0px 0px;
	margin: 0;
}

div#encontacto textarea {
	width: 570px;
	padding: 10px 10px;
	border: 1px solid #c1c6c8;
	color:#4C5960;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
}

div#encontacto button {
	clear:both;
	display: block;
	background: url(../images/brn_enviar.png) 0 0 no-repeat;
	width: 125px;
	padding: 5px;
	margin: 20px 0 50px 0;
	cursor: pointer;
	border: 0;
	font-weight:500;
	font-size: 18px;
	color: white;
}

div#encontacto button:hover{
	background: url(../images/brn_enviar.png) 0 -34px no-repeat;
}

div#encontacto div#infocontacto {
	width: 270px;
	padding-top: 250px;
	float: right;
}

div#encontacto div#infocontacto p.quote {
	font-size: 18px;
	padding-top: 25px;
	background: url(../images/ico_quote.png) 0 25px no-repeat;
	overflow: visible;
	margin-left: 0px;
	padding-left: 50px;
}



/* PIE DE PÁGINA
-------------------------------------------------- */

div#pie {
	width: 980px;
	margin: 0 auto;
	clear: both;
	padding: 15px 0px 50px 0;
	border-top: 1px solid #a2a9ac;
	height: 20px;
}

div#pie p{
	font-size: 13px;
	float: left;
}

div#pie p#validate_css {
	float: right;
	width: 85px;
}

div#pie p#validate_xhtml {
	float: right;
	width: 85px;
	margin-left: 15px;
}

div#pie p#promsite {
	float: right;
	display: block;
	margin-bottom: 20px;
}