/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{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:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/*
* Main Blocks
*/
html, body
{
background: #f5f5f5 url(images/contacto/hidden.png) top repeat-x;
color: #232323;
font-family: Verdana;
line-height: 1.2;
font-size: 90%;
}

a
{
color: #232323;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

img
{
}

#limit
{
width: 1010px;
margin: 0 auto;
}

#container
{
background: url(images/container.png) repeat-x top left;
clear: both;
padding: 5px 0px;
min-height: 292px;
}

#menu
{
text-align: center;
margin: 11px 0 25px 0;
padding: 0;
}

#menu a
{
color: #fff;
font-size: 125%;
font-weight: bold;
outline: none;
}


#menu a:hover, #menu li a.current 
{ /* Poner algo mas distinguble.. shadow? */
text-decoration: underline;
}

#menu li
{
display: inline;
padding: 0 16px;
margin: 0;
}

.content
{
display: none;
width: 716px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 10000;
}

.content
{
background: url(images/content.start.png) no-repeat;
padding-top: 20px;
font-size: 120%;
}

.content div.first
{
padding: 0px 150px 5px 20px;
background: url(images/content.png) repeat-y;
}

.content div.last
{
background: url(images/content.end.png) no-repeat;
padding: 0px 0px 5px 20px;

height: 140px; /* IE? */
}

#footer {
	text-align:center;
	color: #444444;
}

#footer a {
	color: black;
	text-decoration: underline;
}
/*
* Other Blocks
*/

#informacion
{
background: url(images/informacion.png) top left no-repeat;
line-height: 1.3;
color: #3d3d3d;

float: right;
padding: 10px 15px;
padding-top: 14px;
height: 144px;
width: 326px;

position: relative;
z-index: 10002;
}

#informacion a {
float: right;
margin-right: 30px;
outline: none;
}

#informacion #mas {
background: url(images/contacto/mas.png) center right no-repeat;
padding-right: 24px;
font-weight: bold;
}

#informacion  .cerrar {
background: url(images/contacto/menos.png) center right no-repeat !important;
}

#informacion br {
margin: 2px 0;
}

#informacion img { margin: 0 0 -6px 0; }

#selector, #selectorshadow {
padding: 0;
margin: 0 auto;
position: absolute;
visibility: hidden;
z-index: 5;
}

#selectorshadow { z-index: 4 !important; }

/*
* Form
*/

#contacto {
  background: url(images/contacto/bg.png) /*#e5e5e5*/;
  position: absolute;
  left: 0;
  top: -480px;
  height: 480px;
  z-index: 10002;
  border-bottom: 1px solid #7b7b7b;
}

.contactoContent {
  width: 700px;
  margin: 0 auto;
  padding-top: 10px;
}

#contacto h2 {
  margin: 0;
}

#contacto .text, #contacto textarea{
  display: block;
  width: 680px;
  font-size: 16px;
}

#contacto .text {
  background: url(images/input.png) 0 0 no-repeat;
  height: 35px;
  padding: 2px 30px 0 8px;
  
  margin-bottom: 9px;
  border: none;
}

#contacto textarea {
  background: url(images/input.png) 0 -42px no-repeat;
  border: none;
  padding: 8px 7px 19px 8px;
  height: 130px;
  overflow:auto; /* IE */
}

#contacto #closeButton {
  float: right;
  margin-right: 1px;
}

#contacto #closeButton:active {
  outline: none;
}

#submit {
/*  margin: 10px 0px 20px 496px;
*/
  float: right;
  width: 200px;
  height: 52px;
  
  background: url(images/contacto/enviar.png) 0 0 no-repeat;
  border: none;
  
  margin-right: 4px;
  cursor: pointer;
  z-index: 10004;
}

#submit:hover {
  background: url(images/contacto/enviar.png) -200px 0 no-repeat;
}

#submit:active {
  background: url(images/contacto/enviar.png) -400px 0 no-repeat;
}

.error {
  background: url(images/contacto/notification.png) 0 0 no-repeat;
  width: 260px;
  height: 40px;
  visibility: hidden;
  
  margin-top: -22px;
  margin-bottom: -38px;
  margin-right: 5px;
  
  color: #610200;
  font-weight: bold;
  
  padding: 14px 18px 0 18px;
  
  position: relative;
  z-index: 10005;
  
  text-align: center;
  float:right;  
}

.exito {
  background: url(images/contacto/notification.png) 0 -60px no-repeat;
  width: 275px;
  height: 48px;
  padding: 14px 10px 0 10px;
  
  position: relative;
  z-index: 10005;
  
  visibility: hidden;

  color: #0e6100;
  font-weight: bold;
  text-align:center;
  
  float: right;
}


/*
* Login
*/

#loginLink {
	margin-right: 33px !important;
	padding-bottom: 2px;
	color: #444444;
}

#closeLoginButton { outline: none; }

#login {
  background: #e5e5e5;
  position: absolute;
  visibility: hidden;
  height: 185px;
  z-index: 10008;
  
  border: 1px solid #7b7b7b;
  
  -moz-border-radius: 6px;
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

#login #closeLoginButton {
  float: right;
  margin-right: 1px;
}

#login .text {
	width: 240px;
	font-size: 115%;
}

.loginContent {
  width: 270px;
  margin: 0 auto;
  padding-left: 10px;
}

#login h2 {
	font-size: 110%;
}

#login br {
	margin: 2px;
}

/*
* Imagen
*/

#sideimage {
position: absolute;
z-index: 10001;
display: none;
}


/*
* Paginas y estados:
*/

#empresa-current, #quehacemos-current, #beneficios-current, #proceso-current {
  display: block;
}