body{background: #fff url(i/bg-body.png) repeat-x top left;margin:0;padding:0;font:13px/1.3 Tahoma,Arial,sans-serif;outline: none;}

/***** GENERAL *****/
.content {margin: 0 auto; width: 1020px;overflow:hidden;}
article.content {margin-left: 30px;}
.code{font:12px/1.1 "Courier New";padding:10px;border:1px solid #ccc;background:#eee;overflow:auto;}
h1,h2,h3,p{margin:0 0 1.3em 0; font-family:"Century Gothic","Apple Gothic","Trebuchet MS",sans-serif;}
h2{font-weight:normal;font-size:160%;color:#06c;letter-spacing:-.025em}
h3{font-weight:normal;font-size:145%;color:#a25;letter-spacing:-.025em;margin:2em 0 1em 0;}
a {outline: none;text-decoration: none; }

img{border:none}
p{color:#444}

#wrapper, wrapper2 {margin: 0 auto; width: 1020px;overflow:hidden;position: relative;}

/***** HEADER *****/
header{background:none;overflow:hidden;color:#fff}
header .logo{float:left; margin: 10px 30px;}

/***** MENU *****/
nav ul {
  position: absolute;
	top: 10px;
	right: 50px;
/*
  float: right;
  list-style: none;
  margin: 18px 50px 22px 0;*/
  padding: 0;
  list-style: none;
  padding: 0;	}
nav ul li {float: left; margin: 0 0 0 8px;}
	nav ul li a {
		background: #f0f0f0;
		color: #555;
		display: block;
		padding: 3px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-decoration: none;			}
	nav ul li a:hover {
		background-color: #39f;
		color: #fff;
		display: block;
		padding: 3px 12px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-decoration: none;			}

				
/***** PREAMBULO*****/
article {height: 238px; background: transparent url(i/bg-glow.png) top no-repeat;}

h1{font-size:200%;color:#fff;text-shadow:1px 1px 2px #333; margin: 20px 0 0 0; height: 200px;}
h1 span{display:block;font-size:82% !important; font-size: 70%;font-weight:normal;color:#ccc;margin: 0.6em 0 0 0;width: 740px !important; width: 600px;}

img.inicio {float: left; margin: 0 30px 0 0;}
img.servicios {float: right; margin: 15px 70px 0 0;}
img.proyectos {float: right; margin: 0 100px 0 0;}
img.contacto {float: right; margin: 0 50px 0 0; padding: 0;}

/***** INDEX *****/
#inicio {margin: 50px 0 0 0;padding: 0; width: 100%; height: 460px; background: transparent url(i/sombra1020.jpg) bottom no-repeat;}
#coin-slider {text-align: center; margin: 0 auto; }

/***** SERVICIOS y parte de PROYECTOS*****/
#servicios {width:980px;padding: 40px 0 20px 0; }
aside.box {width: 250px; position:relative;padding-left:60px;float: left; margin: 0 0 0 12px; }
aside.box h2{margin-bottom:0.25em;} 
aside.box h2 img{position:absolute;left:0;margin-top:4px;}
hr{clear:both;border:1px solid #fff;}

/***** PROYECTOS *****/
#proyectos {overflow: hidden; padding: 10px 0; background:#e4e4e4;border-top:1px solid #ccc;color:#444;}
#proyectos ul {width: 990px; margin: 0 auto;text-align: center;  }
#proyectos ul li {list-style: none;}
#proyectos ul li.centro a  {margin: 20px 300px;}
#proyectos ul li a {display:block; margin: 10px 30px; float:left;	opacity: .4;-moz-opacity: .4;filter: alpha(opacity=40);}
#proyectos ul li a:hover {opacity: 1;	-moz-opacity: 1;filter: alpha(opacity=100);}

/***** CLIENTES *****/
#slides{width:980px;position: absolute; top: 600; padding: 30px 0; margin: 0 auto; clear:both; }

p span.clientes {font-weight:normal;font-size:140%;color:#06c; letter-spacing: .1em; text-shadow:1px 1px 2px #000}

#jFlowSlide {background: transparent;overflow: hidden; padding: 30px 0; margin: 0 auto; font-size:110%;}
#slides img {width:440px; float:left;}
#slides h2 {margin-left: 460px;font-size:150%; text-shadow:1px 1px 2px #333;}
#slides p {margin-left: 470px;}
#slides ul {margin-left: 470px;line-height: 150%;}
#slides ul li{list-style: circle; }

#myController { border: 1px solid #999; color: #ccc; float: right; margin: 0 400px 0 0; font-family: Georgia; font-size: 14px; padding:5px 2px;  background:#ccc; }
#myController span.jFlowSelected { background:#999; color: #fff; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#fff; cursor:pointer; padding: 5px 10px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #999; padding: 5px 10px; }

/***** CONTACTO *****/
#contacto {padding:30px 0 0 20px; width: 960px; }
.contacto {width:300px!important; width:260px;margin:0px 20px 20px 0;float:left;}
.mensaje {width:600px!important; width:580px;margin:0px 20px 20px 0;float:right;}
form br{display:none}label{line-height:1.4;font-weight:bold}
label input,label textarea{display:block;width:97%;margin:2px 2px 20px 2px;padding:3px;font-size:120%;border:1px solid #bbb;background:#e9e9e9;}
label input:focus,label textarea:focus{background-color:#d8e8ff;border:3px solid #acd;margin:0 0 18px 0;}
label em{font-weight:normal;font-size:85%;color:#d66;}
.button{font-size:115%;font-weight:bold;border:1px solid #593;padding:6px 18px;background:url(i/bg-enviar.png) repeat-x;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:5px 20px; float: right;}
.button:hover{background-position:0 -100px}

/***** INFO *****/
#info {padding: 20px 0 30px 40px; background:#e4e4e4;border-top:1px solid #ccc;color:#444; width: 100%;}
aside.info {width: 310px; position:relative;float: left; margin: 0 0 0 20px;padding:0;}
aside.info h2{color:#a25}
aside.info ul {padding-left: 15px;}
aside.info ul li{margin:0.75em 0; padding:0; list-style: circle inside url(i/yellowstar.png);}

/***** NAVEGACION + ASIDE *****/
#navegacion {width: 100%; padding: 20px 0; background:#08536E url(i/bg-footer.png) 50% 0 no-repeat;color:#ccc;}
#navegacion a{color:#fff;text-decoration:none}
#navegacion a:hover{text-decoration:underline}
#navegacion h2{color:#fff;text-shadow:1px 1px 2px #000}

aside.nav {width: 240px; position:relative;padding-left:60px;float: left; margin: 0 0 0 12px;}
aside.nav h2 {margin-bottom:0.25em;}
aside.nav  h2 img {position:absolute;left:0;margin-top:4px;}
aside.nav ul {margin:0; padding:0;}
aside.nav ul li {width: 100px; background:url(i/menu.png) no-repeat 0 5px;border-top:1px solid #488;margin:0;padding: .75em 0 .75em 3em;list-style:none;}
aside.social {width: 460px; position:relative;float: left;}
aside.social img { margin:0 0 0 20px; padding:0;}
aside.mail {width: 160px; padding-left:60px;position:relative;float: left;}
aside.mail h2 {margin: .25em 0;}
aside.mail h2 img{position:absolute;left:0;margin-top:4px;}

/***** FOOTER *****/
footer {padding: 8px 0;background:#1a1a1a;color:#999;font-size:90%;}
footer a {color:#ccc}
#copyright{float:left}
#credit{float:right}

/***** http://www.twinhelix.com/css/iepngfix/ *****/
img, div, a, input, li, h2 { behavior: url(http://ddw.es/css/iepngfix/iepngfix.htc) }