@charset "utf-8";

html, body {
	text-align: center;
}
.logo {
position: relative;
	left: -25px;
}
a {
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a img,:link img,:visited img {border: none;}

  /** END CUSTOM SKIN **/

#contenedor {
	width: 882px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
}
#menu {
	float: right;
	position: relative;
	top: -18px;
	width: 500px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	float: right;
	list-style: url(none) none;
	margin: 2px 0px 2px 5px;
}
.a:link {
	color: #96985e;
	text-decoration: none;
}
.a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #96985e;
}
.b:link  {
	color: #ebcd5b;
	text-decoration: none;
}
.b:hover  {
	text-decoration: none;
	background: #ebcd5b;
	color: #FFFFFF;
}
.c:link  {
	color: #0081AB;
	text-decoration: none;
}
.c:hover  {
	color: #FFFFFF;
	text-decoration: none;
	background: #0081AB;
}
.d:link  {
	color: #ee9b43;
	text-decoration: none;
}
.d:hover  {
	color: #FFFFFF;
	text-decoration: none;
	background: #ee9b43;
}
.f:link  {
	color: #95adb3;
	text-decoration: none;
}
.f:hover  {
	color: #FFFFFF;
	text-decoration: none;
	background: #95adb3;
}
.g:link {
	color: #666666;
	text-decoration: none;
}
.g:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #CC0000;
}
.img-izquierda {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}
.titulo {
	height: 24px;
	width: 338px;
	display: none;
}
.tenemos {
	width: 338px;
	display: none;
}
.tenemos-bkg {
	height: 37px;
	width: 338px;
	background: url(images/tenemos-ideas-para-ti.jpg) no-repeat left top;
	margin-left: 145px;
}
.hablanos {
	display: none;
}
.hablanos-bkg {
	height: 64px;
	width: 268px;
	background: url(images/hablanos-de-tu-proyecto.jpg) no-repeat left top;
}
.contactanos {
	height: 58px;
	width: 222px;
	display: none;
	margin: 0px;
}
.contactanos-bkg {
	height: 58px;
	width: 222px;
	background: url(images/contactanos.jpg) no-repeat left top;
}
input#nombre, input#email, input#telefono, input#city, textarea#msg {
	border: 1px solid #999999;
	background: #f5f5f5;
}
input#nombre:hover, input#email:hover, input#telefono:hover, input#city:hover, textarea#msg:hover {
	background: #FFFFFF;
}
input#nombre:focus, input#email:focus, input#telefono:focus, input#city:focus, textarea#msg:focus {
	background: #FFFFFF;
}
textarea#msg {
	height: 10em;
	margin-bottom: 10px;
	width: 16em;
}
input#enviar {
	background: #0081AB;
	border-style: none;
	float: left;
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: bold;
	height: 2em;
	width: 21.4em;
	text-align: center;
	vertical-align: middle;
}
input#enviar:hover {
	background: #0099CC;
}
#formulario p {
	margin-bottom: 2px;
	margin-top: 2px;
}
#address {
	float: right;
	margin-bottom: 1em;
	display: inline;
	margin-right: 14em;
}
#flash-home {
	padding: 0px;
	margin: 0px;
}
#flash-interior {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 10px;
}
#izquierdo {
	float: left;
	width: 600px;
	margin-top: 24px;
	border-right: 1px solid #CCCCCC;
}
#derecho {
	float: right;
	width: 270px;
	margin-top: 16px;
}
#pie {
	clear: both;
	padding-top: 1em;
}
#imagenes strong {
	color: #0066CC;
}
#formulario {
	padding: 0px;
	margin: 26px 0px 0px;
	float: left;
	border-right: 1px solid #CCCCCC;
	width: 230px;
	display: inline;
}
#google-map {
	padding: 0px;
	margin: 30px 0px 0px;
	float: right;
	text-align: right;
	position: relative;
	top: -20px;
	display: inline;
}

/* W3Crollover */

#xhtml {
	background: url(images/w3c-validator-xhtml.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 80px;
	float: left;
	overflow: hidden;
}
#css {
	background: url(images/w3c-validator-css.gif) no-repeat left top;
	height: 15px;
	width: 80px;
	display: inline;
	float: right;
	margin: 0px;
	overflow: hidden;
}
#xhtml:hover {

	background: url(images/w3c-validator-xhtml.gif) no-repeat left bottom;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	height: 15px;
	width: 80px;
	float: left;
}
#css:hover {
	background: url(images/w3c-validator-css.gif) no-repeat left bottom;
	height: 15px;
	width: 80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#xhtml a {
	height: 15px;
	width: 80px;
	text-decoration: none;
}
#css a {
	height: 15px;
	width: 80px;
	text-decoration: none;
}
#w3c img {
	border-style: none;
	border-width: 0px;
}
#w3c {
	float: left;
	width: 14.2em;
	display: inline;
}
#xhtml span {
	display: none;
}
#css span {
	display: none;
}

  /*

  	-- -- -- -- -- -- --
  	Bug de Browsers
  	-- -- -- -- -- -- --
  	
  Este archivo CSS utiliza métodos de filtrado para corregir diferentes
  errores de diseño.

  Cada uno de los siguientes archivos importados, corresponde a cada
  navegador. 
  	
  */

  /* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
  * html .wrapper {
    height: 0.1%;
  }

  /* 
   * IE5 mac - overrides the IE/Win hack 
   */

  /*\*//*/

  /**/

  /* 
   * IE5/Win-specific CSS -ensures #contenedor wraps all content on window resize
   */

  @media tty {
   i{content:"\";/*" "*/}} * html #contenedor { height: 1%; } /*";}
  }/* */
  /* Styling for editable elements. Eventually, this will be part of the style. */
  .editable {
    border: 1px dashed blue;
  }

  /** BEGIN CUSTOM SKIN **/
  /*

  	-- -- -- -- -- -- --
  	Base CSS
  	-- -- -- -- -- -- --
  	
  	This file simply removes default styling on most HTML elements in 
  	order to reduce the need to later override them.
  	
  */

  h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
  dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
  a img,:link img,:visited img {border: none;}
  address {
	font-style: normal;
	margin-bottom: 0.6em;
}/*

  	-- -- -- -- -- -- --
  	Type Scheme: Deco
  	-- -- -- -- -- -- --
  	
  */

  body {
  	font: 76% Verdana, sans-serif;
  }	

  h1, h2, h3, h4, h5, h6, p.description {
  	font-family: "Trebuchet MS", Trebuchet, sans-serif;
  }
 
  code, kbd {
  	font-size: 1.25em;
  }/*

  	-- -- -- -- -- -- --
  	STYLE: Micro
  	-- -- -- -- -- -- --

  */




  /* ie6win */

  /* IE/Win fixes for various layouts
  ----------------------------------------------- */


  /* ie5mac */

  /*\*//*/
  /* Undoing IE/Win fixes
  ----------------------------------------------- */

  /**/

  @media tty {
   i{content:"\";/*" "*/}} td { font-size: 0.8em; } /*";}
  }/* */



  /* Basic HTML style
  ----------------------------------------------- */
  body {
	font: 76% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0;
  }


  /* Nested HTML elements, and basic classes
  ----------------------------------------------- */
 
  ul li {
	list-style-type: square;
	margin-left: 1em;
  }

  /* Custom font definitions
  ----------------------------------------------- */
  p {
	margin: 1em 0;
  }
  h1,h2,h3,h4,h5,h6 {
  	font-family: "Trebuchet MS", arial, sans-serif;
  }
  h1 {
  	color: #B2B2B2;
  	font-size: 2.4em;
  	letter-spacing: 0.2em;
  	font-weight: normal;
  	padding: 1em 25px 0 25px;
  }
  h2 {
	margin: 0;
	color: #777;
	font-size: 2.4em;
	font-weight: bold;
	padding: 0;
  }

  h3 {
	font-size: 1.2em;
	color: #0099CC;
  }
  h4 {
  	font-size: 1.2em;
  	padding: 0 0 0.2em 0;
  	margin: 0.6em 0 0 0.4em;
  	color: #777;
  }
  h5 {
  	border-bottom: dotted 1px #C7C7C7;
  }
  h6 {
  	color: #777;
  	border-left: solid 1.2em #777;
  	padding-left: 0.6em;
  }