@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
	color: #5E5B5E;
	background: #F0EEED url(images/bg.gif) repeat-x;
	font: 62.5%/2.0em Verdana, Arial, Helvetica, sans-serif;
}

#container-bg {
  background: url(images/cabecera.jpg) no-repeat 50% 0;
}

#container {
  width: 910px;
  margin: 0 auto;
}

#content {
  width: 910px;
  font-size: 1.2em;
  padding: 0 0 20px 0;
  background: url(images/content-bg.gif) no-repeat;
}

#column-left {
  float: left;
  width: 580px;
}

#column-right {
  float: right;
  width: 290px;
  padding: 0 32px 0 0;
}

#text {
  width: 547px;
  margin: 0 auto;
  padding: 0 0 0 10px;
  
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #D82026; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none; }
h2 { color: #D82026; font-weight: normal; margin: 10px 0; }
h3{
color: #D82026;
 font-weight: normal;
  margin: 10px 0;
  padding: 0 0 0 15px;
  font-size:14px;
}


h2 { font-size: 32px; font-family: "Californian FB";
font-style:oblique;
padding: 26px 0 20px 0; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #D0D0CE; margin: 10px; }
p { margin: 20px 0; }
ul { margin: 10px 30px; }
ul li { background: url(images/icon-list.png) no-repeat 0 11px; padding: 5px 0 5px 30px; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #D0D0CE; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }

#mudmap { margin: 10px 0; float: right; }








/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 920px;
  height: 159px;
  position: relative;
}

#header #logo { position: absolute; top: 20px; left: 8px; }
#header #quote { position: absolute; top: 0; left: 466px; }
.quote { position: absolute; top: 0; left: 466px;
background:url(images/quote.gif) no-repeat;
height:30px; width:400px; }

.quote h1{
font-size:16px;
color:#333333;
font-family:Georgia, "Times New Roman", Times, serif;
padding: 3px 0 0 30px;
font-style:oblique;}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; top: 123px; left: 424px; height: 27px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; background: none; padding: 0; }
#nav ul li a { display: block; height: 33px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -33px !important; }
#nav li#home a { background: url(images/inicio.png) no-repeat; width: 67px; }
#nav li#profile a { background: url(images/servicios.png) no-repeat; width: 78px; }
#nav li#electrical a { background: url(images/empresa.png) no-repeat; width: 99px; }
#nav li#communication a { background: url(images/mantenimientos.png) no-repeat; width: 138px; }
#nav li#contact a { background: url(images/contacto.png) no-repeat; width: 103px; }

#p-inicio li#home a,
#p-servicios li#profile a,
#p-empresa li#electrical a,
#p-mantenimientos li#communication a,
#p-contacto li#contact a {
  background-position: 0 -33px !important;
}

/*----------	CTa STYLeS	----------*/
#banner {
  width: 909px;
  height: 272px;
  display: block;
  overflow: hidden;
}



/*----------	CTa STYLeS	----------*/
#cta-bg {
  width: 290px;
  background: url(images/cta-help-bg.gif) repeat-y;
}

#cta {
  width: 270px;
  color: #888787;
  font-size: 0.9em;
  padding: 10px;
  background: url(images/cta-help-bg2.gif) no-repeat top;
}

#cta p{
padding: 0 10px 0 20px;
  
}


#cta-bottom {
  width: 290px;
  height: 28px;
  display: block;
  background: url(images/cta-help-bottom.gif) no-repeat;
}
#cta ul { margin: 0 15px 0 15px; }

#details p { padding: 5px 30px 5px 20px; margin: 0; text-align: left; font-size: 0.9em; }
#details #phone { background: url(images/icon-phone.gif) no-repeat left; padding-left: 20px; }
#details #fax { background: url(images/icon-fax.gif) no-repeat left; padding-left: 20px; margin-left: 20px; }


/*----------	FooTeR STYLeS	----------*/
#footer {
  font-size: 1.1em;
  display: block;
  height: 23px;
  width: 813px;
  padding: 10px 20px;
  margin: 0 0 0 20px;
  background: url(images/footer-bg.gif) no-repeat;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0; }
.wflogo { float: right; }