/* Reseteo de estilos */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

strong {
font-weight:bold;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* ----- CSS ----- */

*{
	margin:0;
	padding:0;
	font-family:;
	font-size:;
}

html{
	margin:;
	padding:;
	background:;
}


/* ----- MAQUETADO PRIMARIO----- */
body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size:0.9em;
  background-image:url(images/fondoweb.jpg);
  margin:0;
  padding:0;
  color:#ffffff;
}
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
a {
text-decoration:none;
color:#666666;
}
#separacionbody {
width:100%;
height:30px;
}
#container {
margin:0 auto;
width:902px;

}
img#centrada {
margin:0 auto;
padding:0;
}
#main {
width:902px;
min-height:700px;
background:#333333 url(images/fondo_container.jpg) no-repeat top left;
padding-left:4px;
padding-right:4px;}
#swf {
	margin:0 auto;
	height:500px;
	width:620px;
	margin-top:20px;
	clear: both;
}
#franja_derecha {
height:303px;
width:66px;
float:right;
margin-top:9px;
}
#franja_superior {
height:23px;
width:902px;
float:left;
background-image:url(images/fondo_franja_superior.gif);
background-repeat:repeat-x;
}
#franja_superior img {
margin-left:63px;
}
#franja_imagen {
height:311px;
width:100%;
float:left;
display:inlne;
text-align:center;
}
#franja_proyectos {
width:900px;
float:left;
text-align:left;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
border-bottom:#333333 14px solid;
}
#separador_h {
width:100%;
float: none;
background-image:url(images/fondo_separador.gif);
height:5px;
background-repeat:repeat-x;
background-color:#ffffff;
overflow: hidden;
}
#separador_v {
height:310px;
float:left;
background-image:url(images/fondo_separador_v.gif);
width:5px;
background-repeat:repeat-y;
}
#decorado {
	width:114px;
	height:107px;
	position:absolute;
	margin-left:5px;
	left: 285px;
	top: 343px;
}
.box1 {
width:286px;
height:320px;
float:left;
display:inline;
line-height:110%;
margin:5px;
overflow:hidden;
}
#box2 {
width:220px;
height:320px;
float:left;
}
#box3 {
width:333px;
height:320px;
float:right;
text-align:left;
}
.box1 p {
font-size:0.9em;
margin:14px;
text-align:justify;
text-indent:60px;
}

.box1  strong {
font-size:1.2em;
font-weight:bold;
}

.box1 h1 {
font-size:1.3em;
font-weight:bold;
margin-left:14px;
}
.box1 h2 {
font-size:1em;
font-weight:bold;
margin-left:14px;
color:#E0A8A8;
}

#pie_pagina {
width:910px;
height:63px;
background-image:url(images/fondo_pie_pagina.gif);
color:#CCCCCC;
text-align:center;
font-size:0.7em;
padding:0px;
margin:0px;
}
#rotulo {
background:#000000 url(images/fondo_rotulo.gif) repeat-x top left;
float:left;
display:inline;
width:494px;
height:35px;
text-align:center;
color:#FFFFFF;
margin-top:43px;
font-size:.8em;
padding-top:8px;
}
#rotulo p {
padding-top:20px;
}
#rotulo a {
color:#FFFFFF;
text-decoration:underline;
}
#box_contacto {
width:213px;
height:213px;
background-image:url(images/fondo_contacto.jpg);
margin:0 auto;
text-align:left;
color:#FFFFFF;
font-size:0.8em;
}
#box_contacto p{
padding-top:165px;
width:213px;
height:213px;
font-size:1em;
padding-bottom:0;
margin-bottom:0;
}
#comollegar {
width:202px;
height:55px;
background-image:url(images/fondo_como_llegar.gif);
margin:0 auto;
color:#666666;
font-size:0.7em;
text-align:left;
padding-top:47px;
padding-left:5px;
padding-right:5px;
}
#comollegar a{
font-size:1em;
text-decoration:underline;
color:#990000;
}
#box_productos {
width:333px;
height:214px;
background:url(images/fondo_zona_productos.jpg) no-repeat top right;
text-align:left;
}
#box_productos ul {
list-style:square;
padding-left:20px;
}
#box_productos h2 {
padding-top:80px;
}
#box_productos ul li {
margin-left:0px;
}
#box_email {
margin-top:5px;
width:331px;
height:92px;
background-image:url(images/fondo_contactaemail.gif);
text-align:left;
border: 1px #333333 solid;
float:left;
}
#box_email p{
margin-left:15px;
width:200px;
text-align:justify;
color:#666666;
font-size:0.9em;
}
#box_email a{
text-decoration:underline;
color:#990000;}
.galeria {
border: 1px #990000 solid;
background-color:#f5f5f5;
min-height:200px;
}
input {
border: 1px #990000 solid;
}
textarea {
border: 1px #990000 dotted;
}
#boxproyectos {
margin:0 auto;
min-height:3px;
padding:5px;
}
#boxproyectos p {
margin-left:15px;
margin-right:15px;}
#boxproyectos ul{
text-align:left;
}
#boxproyectos ul li{
border-bottom:1px #990000 solid;
font-size: 1em;
color:#FFFFFF;

margin-left:20px;
}
#boxproyectos ul li a{
color:#666666;
text-decoration:underline;
}

#boxproyectos h2 {
color:#FFCC66;
font-weight:bold;
font-size:1em;
margin-bottom:10px;}
#imagenproyectos {
width:323px;
height:304px;
background-image:url(images/imagen_proyectos.jpg);
border:1px #999999 dotted;
float:left;
display:inline;
}
#espacioproyectos {
width:500px;
float:left;
display:inline;}
#main_proyectos {
width:902px;
height:690px;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
background-color:#FFFFFF;
padding-left:4px;
padding-right:4px;}
ul#nav {
list-style:none;
}
 ul#nav li {
display:inline;
margin-right:15px;}
p.numresults {
margin:0;
padding:0;
display:inline;
margin-right:30px;
color:#999999;
}
#cabecera {
width:100%;
background-image:url(images/fondo_cabecera.gif);
background-repeat:repeat-x;
height:97px;
}
p#descripcion {
max-height:200px;
margin:5px;
}
#imagenes {
width:850px;
margin:0 auto;
}
#imagenes img{
border:#990000 1px solid;
margin:5px;
float:left;
}

#maps {
	width:850px;
	height:450px;
	margin:0;
	padding-left:8px;
	padding-right:8px;
}
#maps_titulo{
	color:#990000;
	text-align:center;
}
#main2 {
width:902px;
min-height:780px;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
background-color:#FFFFFF;
padding-left:4px;
padding-right:4px;
}
.ie #imageneimail {
	position: absolute;
	margin-top:0px;
	margin-left:-100px;
	margin-right:-220px;
}
#imageneimail {
	position: absolute;
	margin-top:0px;
	margin-left:240px;
	margin-right:-220px;
}
#logotipo {
width:262px;
height:86px;
float:left;
display:inline;}

/*  Highslide */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;

}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0px 0 0 4px;
	height: 29px;
	width: 34px;
}


.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#contacto {
width:146px;
height:43px;
float:right;
display:inline;
margin-top:43px;
color:#333333;
text-align:center;
font-weight:bold;
line-height:130%;
font-size:.8em;}

#contacto  strong {
color:#990000;
font-size:1.4em;
font-style:italic;}

#mantenimiento {
width:427px;
height:56px;
float:right;
display:inline;
margin-right:135px;}

#botones {
width:291px;
float:left;
display:inline;
text-align:center;
}

#botones img {
margin-left:10px;
margin-right:10px;}

#sobrecontacto {
width:200px;
height:58px;
float:right;
display:inline;
margin-right:10px;
font-weight:bold;
}

#sobrecontacto img {
float:right;
display:inline;}

#divderechos{
width:480px;
float:left;
display:inline;
margin-top:30px;
color:#FFFFFF;
font-size:1em;
text-align:center;}

#atcliente {
width:200px;
height:43px;
padding-top:20px;
float:left;
display:inline;
margin-left:15px;
font-size:1.4em;}

#atcliente strong {
font-weight:bold;
font-size:1.2em;
letter-spacing:1px;}

p.pnoticias {
line-height:115%;
font-weight:bold;
text-align:left;
font-size:.8em;
text-indent:0px;

}

p.pnoticias strong {
color:#FFCC66;
font-weight:bold;
font-size:1em;}

p.pnoticias img {
float:left;
display:inline;
margin-right:7px;}

.titularnoticia {
margin-top:14px;}

.botonvolver {
width:303px;
float:left;
display:inline;
background-color:#660000;
margin-left:0px;
padding:10px;
margin-top:25px;
border:1px #999999 dotted;
}

.botonvolver a{
color:#999999;
font-weight:bold;}

ul#delegaciones {
list-style:none;
width:666px;
margin:0 auto;
}

ul#delegaciones li{
width:190px;
margin:10px;
padding:5px;
background-color:#660000;
border:1px #333333 dotted;
float:left;
display:inline;
font-size:.8em;
text-align:center;}

.direccion {
width:250px;
height:250px;
background-color:#666666;
color:#FFFFFF;
text-align:center;
border:1px #333333 dotted;
float:right;
display:inline;}

.direccion p {
margin:20px;
line-height:160%;
font-weight:bold;}

.direccion p a{
color:#990000;
border-bottom:1px #FFCC66 dotted;
text-decoration:none;}

.direccion h2 {
font-weight:bold;
color:#FFCC66;
border-bottom:1px #330000 dotted;
width:200px;
margin:0 auto;
padding:5px;
margin:15px;}

#mapagoogle {
width:625px;
height:320px;
float:left;
display:inline;
border:1px #333333 dotted;}

#mapagoogle a {
color:#CCCCCC;
border-bottom:1px #990000 dotted;}

.botonvolvermapa {
width:230px;
float:right;
display:inline;
background-color:#660000;
padding:10px;
margin-top:13px;
border:1px #999999 dotted;
}
font-weight:bold;}

/*manejo de errores en los formularios, com�n a todos lo proyectos*/
.nl{
clear: both;
}
#errFormulario,#errorCorrecto,#errorExist,#avisoFormulario{
width:500px;
height:50px;
color:#FFFFFF;
font-size:.9em;
font-weight:bold;
background:#FF0000 url(images/ico_adver1.gif) no-repeat center right;
border:2px #990000 solid;
margin:10px;
padding-right:40px;
}
#errFormulario p,#errorCorrecto p,#errorExist p,#avisoFormulario p{
width:470px;
margin:15px 0 10px 5px;
text-align: justify;
display: block;
}

#errorCorrecto {
background:#009900 url(images/ico_adver3.gif) no-repeat center right;
border:2px #006600 solid;
}

#errorExist {
background:#FF9900 url(images/ico_adver2.gif) no-repeat center right;
border:2px #FFFF00 solid;
}
#avisoFormulario{
padding-right:20px;
background: #990000 url(images/ico_adver4_mini.gif) no-repeat center right;
border:2px #666666 solid;
}
/*fin de errores en los formularios, com�n a todos lo proyectos*/


.rotulomant {
background:transparent url(images/rotulo_formulario.jpg) no-repeat top left;
width:415px;
height:60px;
float:left;
display:inline;
margin-top:25px;
margin-bottom:50px;}

#formMantenimiento {
width:600px;
float:left;
display:inline;
margin-left:150px;}

fieldset {
border:1px #666666 dotted;
padding:20px;
background-color:#333333;

}

legend {
background-color:#330000;
color:#FFCC66;
font-weight:bold;
padding:5px;
font-size:.8em;}

#formMantenimiento input {
width:300px;
margin:5px;
background-color:#f2f2f2;}


#formMantenimiento textarea {
width:300px;
margin:5px;
background-color:#f2f2f2;}


#formMantenimiento label {
font-size:.8em;
font-weight:bold;
color:#CCCCCC;}

#formMantenimiento p {
color:#FFCC66;
font-size:.8em;
float:left;
display:inline;
margin-left:15px;}

#imginfraestructura {
width:323px;
height:416px;
background:#FFFFFF url(images/imagen_infraestructuras.jpg) no-repeat 50% 50%;
border:1px #999999 dotted;
padding:2px;
margin-right:10px;
float:left;
display:inline;
}

#imgcontacto {
width:243px;
height:300px;
background:#FFFFFF url(images/imagen_contacto.jpg) no-repeat 50% 50%;
border:1px #999999 dotted;
padding:2px;
margin-right:10px;
float:left;
display:inline;
}
.box1 a {
color:#FFCC66;
text-decoration:underline;}

ul#historico {
margin:40px;}

ul#historico {
max-height:200px;
overflow:auto;}

ul#historico li {
border:0px;
margin-bottom:10px;
line-height:120%;}

ul#historico li img {
margin-right:10px;}

ul#historico li h3 {
color:#E0A8A8;
margin:5px;
font-weight:bold;}

#listadoproductos {
width:100%;
}

#listadoproductos ul{
list-style:square;
margin:20px;
}

#listadoproductos ul li{
margin:10px;
border:0px;
}

#listadoproductos ul li strong{
color:#FFCC66;
border-bottom:1px #990000 dotted;}

#espacioproyectos ul li{
margin:10px;
}

#formcontacto {
width:500px;
float:left;
display:inline;
margin-left:30px;
}

#formcontacto input{
width:400px;
background-color:#f2f2f2;
margin:5px;
}

#formcontacto textarea{
width:400px;
background-color:#f2f2f2;
margin:5px;
}

#formcontacto label{
font-weight:bold;
color:#CCCCCC;}

#milista ul li{
margin-bottom:25px;}

#scrollproductos {
width:286px;
height:240px;
overflow:auto;}

p.pproductos {
font-weight:bold;
text-align:left;
font-size:.8em;
text-indent:0px;
}

#listadoproductos strong {
font-size:1em;
color:#E0A8A8;
border-bottom:1px #990000 dotted;
}

#listadoproductos #imagenes {
margin-bottom:15px;}

#listadoproductos #imagenes img {
width:75px;}