@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }

body {
background-color: #f1f1f1;}

#cabeza {
 color: #333;
 height: 200px;
 margin: 0px 0px 0px 0px;
 background: #33CCCC;
 background-image:url(imagenes/deg_logo.jpg);
}

#logo {
margin: 0 auto;
height:200px;
width: 900px;
padding: 0px;
background-image:url(imagenes/logo3D.jpg);
}

#adentrodelogo {
display: block;
position:relative;
left: -150px;
top: 85px;
width:915px;
height:90px;
text-align:right;
font: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
color:#FFFFFF;
}

#navegacion {
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
background-image:url(imagenes/deg_boton.jpg);
text-align:center;
height:30px;
 border: 1px solid #ccc;
}

#barrabotones {
margin: 0 auto;
width: 600px;
padding-right:30px;
padding-left:30px;
}

#inicio
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat 0 0;
}

#inicio:hover
{ 
  background-position: 0 -30px;
}

#inicioactivo
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat;
  background-position: 0 -30px;
}

#inicioactivo span
{
  display: none;
}

#inicio span
{
  display: none;
}

#nosotros
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat 0 -60px;
}

#nosotrosactivo
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat;
  background-position: 0 -90px;
}

#nosotrosactivo span
{
  display: none;
}

#nosotros:hover
{ 
  background-position: 0 -90px;
}

#nosotros span
{
  display: none;
}

#servicios
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat 0 -120px;
}

#serviciosactivo
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat;
  background-position:  0 -150px
}

#serviciosactivo span
{  display: none;
}

#servicios:hover
{ 
  background-position: 0 -150px;
}

#servicios span
{
  display: none;
}

#socios
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat 0 -180px;
}

#sociosactivo
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat;
  background-position: 0 -210px
}

#sociosactivo span
{
  display: none;
}

#socios:hover
{ 
  background-position: 0 -210px;
}

#socios span
{
  display: none;
}

#contacto
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat 0 -240px;
}

#contactoactivo
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat;
  background-position:  0 -270px;
}

#contactoactivo span
{
  display: none;
}


#contacto:hover
{ 
  background-position: 0 -270px;
}

#contacto span
{
  display: none;
}
#clientes
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat 0 -300px;
}

#clientesactivo
{float:left;
  display: block;
  width: 100px;
  height: 30px;
  background: url("imagenes/rollovers.png") no-repeat;
  background-position:  0 -330px;
}

#clientesactivo span
{
  display: none;
}


#clientes:hover
{ 
  background-position: 0 -330px;
}

#clientes span
{
  display: none;
}

#bordenavegacion {
 padding: 0px;
 height: 7px;
 margin: 0px 0px 0px 0px;
 background: #8c2d51; 
 }




#cuerpo { 
 margin: 0 auto;
 width: 800px;
 height:auto;
 background-image:url(imagenes/deg_cuerpo.jpg);
}

#fondocuerpo {
 background: url(imagenes/deg_cuerpo.jpg);
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}



#fotota { 
 color: #333;
 margin: 10px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 background-image:url(imagenes/img_inicio.jpg);
 width: 593px;
 height:250px;;
 float: left;
}

#columnaizquierda { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 80px 10px;
 width: 593px;
 height:auto;
 float: left;
}

#columnaizquierda p {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
text-align: left;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
letter-spacing:2px;
line-height:16px;
}

#columnaizquierda h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:32px;
color: #660000;
text-align:left;
padding: 0px;
font-weight: normal;
letter-spacing:2px;
}

#columnaizquierda h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:20px;
color: #CC9900;
text-align:left;
padding:0px;
margin-bottom:-20px;
font-weight: normal;
letter-spacing:2px;
}

#columnaizquierda h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
color: #663300;
text-align:left;
padding-top:20px;
font-weight: normal;
letter-spacing:2px;
}

#columnaizquierda h5 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
color: #ffffff;
text-align:left;
padding:0px;
font-weight: normal;
letter-spacing:2px;
line-height:25px;
background-color:#333333;
text-indent:20px;
}

.noticias {
float:left;
width: 286px;
padding-top:20px;
}

.noticias h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
color: #663300;
text-align:left;
padding:0px;
font-weight: normal;
letter-spacing:2px;
}

.noticias h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:10px;
color: #996600;
text-align:left;
padding:0px;
font-weight: normal;
letter-spacing:2px;
}

.noticias p {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
text-align: left;
padding-right:20px;
padding-top:10px;
letter-spacing:2px;
line-height:16px;
}

#imagencilla {
padding:0px 15px 10px 0px;
float:left;
}

.servicio {
text-align:left;
color:#990000;
padding:3px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
font-style:italic;
letter-spacing:1px;
list-style-type: armenian;
list-style-position:inside;
}



#columnaderecha { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 80px 10px;
 width: 167px;
}

#columnaderecha h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:500;
background-color: #333333;
color:#FFFFFF;
text-align:center;
padding:5px;
line-height:24px;
letter-spacing:2px;
}

.subtitulo {
text-align:left;
color:#990000;
width:147px;
padding: 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:16px;
font-style:italic;
letter-spacing:1px;
border-bottom: 1px solid #999999;
list-style:none;
}

.area {
text-align:left;
text-indent:8px;
color: #CC9900;
width:147px;
height:15px;
padding:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:12px;
font-style:italic;
letter-spacing:2px;
border-bottom: 1px dotted #999999;
list-style:none;
}

.area:hover {
color:#CC0000;
}


#pie { 
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background-image:url(imagenes/deg_pie.jpg);
 margin: 0px 0px 0px 0px;
 padding-top:25px;
}

#todascolumnaspie {
margin: 0 auto;
width: 800px;
height:75px;
padding: 0px;
}

.columnapie {
width:130px;
padding:0px 10px 10px 10px;
border-right: 1px dotted #663300;
float:left;
}

.columnapie h2 {
text-align:center;
font-size:24px;
color: #660000;
letter-spacing: 1px;
padding-right: 10px;
font-weight:100;
}

.columnapie h3 {
text-align:left;
font-size:16px;
line-height: 16px;
color: #0f919d;
letter-spacing: 0px;
}

.columnapie h4 {
padding-top:2px;
text-align:left;
font-size:14px;
color: #993300;
font-weight:100;
}