body {
background:#ffffff url(../imagenes/fondo.gif) no-repeat top left;
margin: 0 auto;
padding:0;
text-align:center;
font-family:"Trebuchet Ms",Arial, Helvetica, sans-serif;
font-size:110%; 
color:#797777;
}

p, h1, h2 , h3 , ul, ol{
margin:0 0 0 0;
padding:0;
color:#797777;
background-color:#ffffff;
}

acronym {border-bottom: 1px dotted #ff9607;}

ul, ol {list-style-type:none;}

.destaca {font-weight:bold; color:#ff9607; background-color:#ffffff;}
.destaca2 {
font-weight:bold; color:#ff9607; background-color:#ffffff;
}


a {font-weight:bold; color:#ff9607;background-color:#ffffff;}

a:hover {
text-decoration:underline;
color:#797777;
background-color:#ffca82;
}

a img {border: 0 none;}

/*p*/
p.top {
width: 100%;
height: 3%;
color:#ffffff;
background-color:#ff9607;
font-size: 82%;
font-weight:bold;
}

p.top a {color:#ffffff;
background-color:#ff9607;
margin: 50px;
}

img {float:left;}

/*img.navidad  {margin: 0 0 0 20px; padding:0;}*/

img.valnalon {
float:right;
margin: 10px 50px 10px 0;
border: 1px solid #ff9607;
}

/**/
#contenedor{
width:965px;
text-align:left;
margin: 0px auto;
}

#contenedor h1 {
float:left;
margin: 20px 0 0 10px;
}
#contenedor p {
float:left;
font-size: 0.75em;
margin:0 0 10px 10px;
width: 88%;
}

#contenedor p.aviso {
float:left;
font-size: 0.75em;
margin:10px 0 10px 15px;
width: 88%;
}

#contenedor p.nos {
width:500px;
margin:0px 0 6px 20px;
}


/* menu navegacion */
#contenedor ul.nav {
width: 70%;
float:left;
height: 68px;
margin: 22px 0 0 30px;
}

#contenedor ul.nav li {
float:left;
font-size:.8em;
}

#contenedor ul.nav li a {
color:#797777;
background-color:#ffffff;
border-left: 2px solid #ff9607;
float:left;
text-decoration:none;
padding: 46px 8px 2px 8px ;
}

#contenedor ul.nav li a.ultimo {
border-right: 2px solid #ff9607;
}

#contenedor ul.nav li a.ultimocurrent {
color:#797777;
background-color:#ffca82;
border-right: 2px solid #ff9607;
}

#contenedor ul.nav li a:hover {
background-color:#ffca82;
}
#contenedor ul.nav li a.current {
background-color:#ffca82;
}

/* h2 */
#contenedor h2{
width: 840px;
height: 65px;
font-size: 1em;
color:#ff9607;
background-color:#ffffff;
float:left; clear:left;
margin: 20px 0 0 10px;
padding: 35px 0 0 20px;
}
#contenedor h2.colaboradores { background: url(../imagenes/h2_colaboradores.jpg) no-repeat 0% 0%; }
#contenedor h2.contacto { background: url(../imagenes/h2_contacto.jpg) no-repeat 0% 0%; }
#contenedor h2.tresd { background: url(../imagenes/h2_3d.jpg) no-repeat 0% 0%; }
#contenedor h2.multimedia { background: url(../imagenes/h2_multimedia.jpg) no-repeat 0% 0%;}
#contenedor h2.web { background: url(../imagenes/h2_web.jpg) no-repeat 0% 0%;}
#contenedor h2.grafico { background: url(../imagenes/h2_grafico.jpg) no-repeat 0% 0%;}
#contenedor h2.legal { background: url(../imagenes/h2_legal.jpg) no-repeat 0% 0%;}

#contenedor h2.nosotros {
width:535px;
clear:none;
font-size: .9em;
margin: 35px 0 0 20px;
background:url(../imagenes/h2_nosotros.jpg) no-repeat 0% 0%;
}

#contenedor h2.navidad {
width:535px;
clear:none;
font-size: .9em;
margin: 35px 0 0 20px;
background:url(../imagenes/h2_navidad.jpg) no-repeat 0% 0%;
}

#contenedor h2.novedades {
width:535px;
clear:none;
font-size: .9em;
margin:0 0 0 20px;
background:url(../imagenes/h2_novedades.jpg) no-repeat 0% 0%;
}

/*h3*/
#contenedor h3 {
float:left;
clear:both;
width:800px;
font-size:0.75em;
margin: 0px 0 0 15px;
}

/* ul colab*/
#contenedor ul.colab {
display:block;
float:left;
clear:left;
width: 85%;
margin: 0 0 0 30px;
}

#contenedor ul.colab li {
float:left;
width: 100%;
border-bottom: 1px dotted #cccccc;
}

#contenedor ul.colab li img{
float:left;
padding: 10px 0;
display:inline;
}

#contenedor ul.colab li p{
float:left; 
width: 50%;
margin: 30px 0 0 20px;
font-size:.8em;
}
/**/
#contenedor ul.trabajos {
float:left;
margin:20px 0 0 0;
width: 88%;
}
#contenedor ul.trabajos li {width:100%; height:190px; margin:10px 0 0 10px;}

#contenedor ul.trabajos li.multi {width:100%; height:350px; margin:10px 0 0 10px;}
#contenedor ul.trabajos li a img {margin:0; display:inline;}
#contenedor ul.trabajos li img { display:inline; clear:none; border: 1px dotted #cccccc; padding:1px;}
#contenedor ul.trabajos li p{
float:left; 
width: 30%;
margin: 0 0 10px 10px;
font-size:.7em;
}
#contenedor ul.trabajos li p a {
display:block;
width: 140px;
margin: 5px 0 10px 0;
text-decoration:none;
color:#797777;
background:#ffffff;
}
#contenedor ul.trabajos li p a:hover {color:#797777; background-color:#ffffff;}

#contenedor ul.trabajos li a.tres_d {
padding: 6px 0 8px 45px; 
color:#797777;
background: #ffffff url(../imagenes/mas_3d.jpg) no-repeat 0% 0%;
}

#contenedor ul.trabajos li a.web {
margin:10px 0 0 0;
padding: 12px 0 5px 50px; 
color:#797777;
background:#ffffff url(../imagenes/mas_www.jpg) no-repeat 0% 0%;
}

#contenedor ul.trabajos li a.df {
margin:10px 0 0 0;
padding: 30px 30px 0 0; 
color:#797777;
background:#ffffff url(../imagenes/mas_df.jpg) no-repeat 100% 0%;
}

/**/
#contenedor ul.imagenes {
float:left;
margin:20px 0 0 20px;
width: 88%;
}

#contenedor ul.imagenes li {
float:left;
display:block;
padding:10px 0 10px 20px;
margin: 10px;
width:80%;
border-bottom: 1px dotted #cccccc;
}

#contenedor ul.imagenes p {
font-size:.7em;
padding:0;
margin:0;
}

/**/
#contenedor ul.servicios {
float:left;
width:350px;
height: 900px;
margin: 30px 0 0 0;
font-weight:bold;
font-size:0.9em;
color:#797777;
background:#ffffff url(../imagenes/fondo_servicios.jpg) no-repeat 0% 0%;
}

#contenedor ul.servicios li {
display:block;
width:280px;
height:140px;
border-bottom: 1px dotted #cccccc;
margin: 20px 0 0 30px;
}

#contenedor ul.servicios li img{
padding: 7px 20px 20px 5px;
float:left;
color:#797777;
background:#ffffff url(../imagenes/fondo_servicios_portada.jpg) no-repeat 0% 0%;
}

#contenedor ul.servicios li p {
float:left;
width: 50%;
margin:10px 0 10px 0;
color:#ff9607;
background:#ffffff;
font-size:0.9em;
}

#contenedor ul.servicios li  a {
float:left;
text-decoration:none;
color:#999999;
margin:20px 0 0 0;
padding: 20px 55px 15px 0; 
font-size:0.8em;
background:#ffffff url(../imagenes/mas_trabajos.jpg) no-repeat 100% 0%;
}


#contenedor ul.servicios li.primero {
color:#999999;
height: 50px;
margin: 40px 0 20px 30px;
border: 0 none;
}

/**/
#contenedor ol {
float:left;
display:block;
font-size:0.75em;
color:#ff9607;
margin:0px 0 10px 25px;
padding:0;
}

#contenedor ol li {
display:block;
width:300px;
}

#contenedor ol.legal {
float:left;
display:block;
font-size:0.75em;
color:#4F4F4F;
margin:0px 0 10px 25px;
padding:0;
}

#contenedor ol.legal li {
display:block;
width: 800px;
margin: 10px 0;
}
/**/
#contenedor ul.novedades {
float:left;
width:500px;
margin: 0px 0 0 0;
font-size:0.9em;
}

#contenedor ul.novedades li {
display:block;
height: 150px;
margin: 10px 20px;
border-bottom:1px dotted #cccccc;
}

#contenedor ul.novedades li img {
padding:7px;
background:url(../imagenes/fondo_novedades.jpg) no-repeat 0% 0%;
}

#contenedor ul.novedades li p {
float:left;
width: 50%;
margin: 5px 5px 5px 10px;
}

#contenedor ul.novedades li a {
margin: 10px;
display:block;
width: 80px;
text-decoration:none;
color:#797777;
background:#ffffff;
}

#contenedor ul.novedades li a.tres_d {
margin:10px 0 0 0;
padding: 12px 0 10px 50px; 
background:#ffffff url(../imagenes/mas_3d.jpg) no-repeat 0% 0%;
}

#contenedor ul.novedades li a.web {
margin:10px 0 0 0;
padding: 12px 0 10px 50px; 
background:#ffffff url(../imagenes/mas_www.jpg) no-repeat 0% 0%;
}

#contenedor ul.novedades li a.df {
margin:10px 0 0 0;
padding: 30px 30px 0 0; 
background:#ffffff url(../imagenes/mas_df.jpg) no-repeat 100% 0%;
}


/**/
address {
font-style:normal;
text-align: right;
font-size:.9em;
float:right;
width: 30%;
margin: 10px 130px 0 0;
}

address p {
width:100%;
clear:both;
}
address p.mas {margin-bottom: 10px;}

/**/
form {
float:left;
clear:both;
font-size:.9em;
border-top: 1px dotted #cccccc;
width: 85%;
margin: 20px;
padding-top: 20px;
}

form p {margin: 10px;clear:both;}

form p.mas {margin-bottom: 30px;}

label {width: 150px; 
float:left; 
text-align:right;
margin-right:10px; 
}

.boton {
margin-left: 160px;
}
/**/
#pie {
float:left;
clear:both;
width:100%;
height: 100px;
margin:0px 0 0 0;
background:#ffffff url(../imagenes/fondo_pie.jpg) repeat-x 0% 0%;
}

#pie p {
margin: 30px 0 0 0;
text-align:center;
font-size:0.70em;
}

#pie a {
font-weight:normal;
display:inline;
margin: 0 0 0 30px;
color:#999999;
text-decoration:none;
}

#pie a:hover {
color:#999999;
text-decoration:underline;
background:#ffffff;
}

/**/
.flash {
text-align:center;
}