html,body{
font-family: Arial, Helvetica, sans-serif;
/*text-align:center;*/
/*background-color:#3D3D3D;*/
/*background-image:url("imagenes/fondotextura.jpg") repeat-x 100%;*/
background:#3D3D3D;
background-image:url("imagenes/fondotextura.jpg");
background-repeat:repeat-x;
margin: 0 auto;
border:0px;
/*height:auto !important;
height:100%;*/
height:1030px;
/*min-height:100%;*/

}
.cuadroTexto {
margin-top:16px;
color: #ffffff;
width:714px;
height:565px;
background-color:#484848;
border:1px solid #686262;
}

.scroll { width:300px; height:170px; overflow:auto; }

#textarea { 
color: #ffffff;
padding-left:10px;margin-top:10px;padding-top:10px;
background-color: #484848;
SCROLLBAR-HIGHLIGHT-COLOR: #000099;
SCROLLBAR-SHADOW-COLOR: #3366cc;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #484848;
SCROLLBAR-DARKSHADOW-COLOR: #000099;
SCROLLBAR-BASE-COLOR: #00006D;
}

a img {
border: 0;
}

.enlaceContacto
{
text-decoration:none;
color:#FFFFFF;
}

.enlaceContacto:hover,visited,hlink
{
color:#FFFFFF;
}

.marcoPresupuesto {
width:176px;
height:98px;
background-image:url("imagenes/fondoPresupuesto.jpg");
background-repeat:no-repeat;
border:1px solid #7A7A7A;
}

.marcoTelefono {
width:176px;
height:79px;
background-image:url("imagenes/telefono.jpg");
background-repeat:no-repeat;
border:1px solid #7A7A7A;
}

.textoPresupuesto {
font-size:12px;
margin-left:10px;
}

.textoBlanco10 {
font-size:10px;
font-family:Arial;
color:#FBFBFD;
}


.marcoEnlaces {
float:left;
width:714px;
height:129px;
border:1px solid #7A7A7A;
background-color:#484848;
margin-top:15px;
}

.mapa {
width:174px;
height:129px;
margin-top:7px;
margin-bottom:0px;
/*background-image:url("imagenes/dondeestamos.jpg");*/
background-repeat:no-repeat;
background-color:#484848;
border:1px solid #7A7A7A;
color:#FFFFFF;
text-align:right;
font-size:12px;
padding-bottom:0px;
}

.fondoMarcoMapa
{
width:174px;
height:129px;
}

.mapaON {
width:174px;
height:129px;
margin-top:7px;
margin-bottom:0px;
background-image:url("imagenes/dondeestamosON.jpg");
background-repeat:no-repeat;
border:1px solid #7A7A7A;
color:#FFFFFF;
text-align:right;
font-size:12px;
padding-bottom:0px;
}
.textoMapa {
float:right;
width:164px;
height:120px;
margin:0px;
padding:0px;
margin-top:5px;
margin-right:5px;
margin-bottom:0px;
}

#cajamenu
{
background:#FFFFFF;
height:105px;
width:176px;
margin-top:0px;
top:0px;
left:0px;
padding:0px 0px 0px 0px;
border:0px solid #7A7A7A;
}

/* A partir de aquí, el código CSS que deberemos pasar a nuestra web ya maquetada.*/

ul#menu {
	list-style:none; /* Para que no salgan simbolos a la izquierda */	
	padding:0px; margin:0px;
	font-family: arial, verdana, sans-serif; /* Tipo de letra */
	font-size: 12px;
	width:176px;
	line-height:170%; /* Es para que la letra no quede pegada arriba. 
			     El valor lo he ido calculando a ojo          */
	/*border: 1px solid white; /* El que rodea a toda la lista */*/
	/*background:#000000;*/
	}

ul#menu li 
	{
	color: white;
	background-color:#4E4E4E;
	border: 1px solid #7A7A7A; /* El que rodea a cada elemento */
	width:176px;
	height: 25px;
	text-align: left;

	padding-right:0px;
	margin-right:0px;

	}
ul#menu li a
	{
	background-image: url("imagenes/fondoBotonMenuInicio.jpg");
	background-repeat:no-repeat;
	display:block;
	height: 100%;
	text-decoration:none;
	padding-right:10px;
	padding-left:15px;
	color:white;		
	}

ul#menu li a:hover
	{
	color:#00A1FF;
	background:#343434;
	}


#cajamenuArticulos
{
/* height:417px;*/
height:410px;
.height:423px;
_height:425px;
width:176px;
background-color:#484848;
padding:0px 0px 0px 0px;
top:0px;
margin-top:16px;
_margin-top:18px;
left:0px;
margin-left:0px;


border:1px solid #7A7A7A;
}

ul#menuArticulos {
	list-style:none; /* Para que no salgan simbolos a la izquierda */	
	padding:0px; margin:0px;
	padding-top:5px;
	font-family: arial, verdana, sans-serif; /* Tipo de letra */
	font-size: 12px;
/*	width:176px;*/

	line-height:147%; /* Es para que la letra no quede pegada arriba. 
			     El valor lo he ido calculando a ojo          */
	/*border: 1px solid white; /* El que rodea a toda la lista */*/
	}

ul#menuArticulos li.articulos
	{
	color: white;
	background-color:#484848;
	width:176px;
	text-align: left;
	padding-right:0px;
	margin-right:0px;

	}


ul#menuArticulos li.articulos a
	{
	display:block;
	/*height: 100%;*/
	height:16px;
	text-decoration:none;
	padding-right:10px;
	padding-left:15px;
	color:white;		
	}
ul#menuArticulos li.articulos a:hover
	{
	color:#00A1FF;
	}



ul#menuArticulos li.articulosAzul
	{
	color:#00A1FF;
	background-color:#484848;
	width:176px;
	text-align: left;
	padding-right:0px;
	margin-right:0px;

	}

ul#menuArticulos li.articulosAzul a
	{
	display:block;
	/*height: 100%;*/
	height:16px;
	text-decoration:none;
	padding-right:10px;
	padding-left:15px;
	color:#00A1FF;		
	}
ul#menuArticulos li.articulosAzul a:hover
	{
	color:#00A1FF;
	}
		
#cajaMenuSuperior {
margin:0 auto;
/* width:1000px; para 1024 x 768 */
width:800px;
height:92px;
background-color:#FFFFFF;
}

#menuSuperior {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	left:0px;
	top:75px;
	background-color:#993300;
	background-color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	/* width:775; Para 800 x 600 */
	width:1000px;
}

A.enlaceMenuSuperior:link {
	COLOR: #0068B5 	; text-decoration:none
}

A.enlaceMenuSuperior:visited {
	COLOR: #0068B5 	; text-decoration:none
}

A.enlaceMenuSuperior:hlink {
	COLOR: #0068B5 	; text-decoration:none
}

A.enlaceMenuSuperior:hover {
	color: #88BB09	; TEXT-DECORATION:none
}

A.enlaceVerdeAzul:link {
	COLOR: #88BB09 	; font-size:11px;text-decoration:none; font-style:none;
}

A.enlaceVerdeAzul:visited {
	COLOR: #88BB09 	; font-size:11px;text-decoration:none ;font-style:none;
}

A.enlaceVerdeAzul:hlink {
	COLOR: #88BB09 	; font-size:11px;text-decoration:none;font-style:none;
}

A.enlaceVerdeAzul:hover {
	color: #0068B5	; font-size:11px;TEXT-DECORATION:none;font-style:none;
}


A.enlaces:link
	{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}

A.enlaces:hlink
	{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}

A.enlaces:visited
	{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}


A.enlaces:hover
	{
	font-size:11px;
	text-decoration:none;
	color:#00A1FF;
	}
	
A.enlaceVision:link {
	font-size:10px; font-family:Arial, Helvetica, sans-serif;
	COLOR: #0068B5 	; text-decoration:none;	
}

A.enlaceVision:visited {
font-size:10px; font-family:Arial, Helvetica, sans-serif;
	COLOR: #0068B5 	; text-decoration:none;
}

A.enlaceVision:hlink {
font-size:10px; font-family:Arial, Helvetica, sans-serif;
	COLOR: #0068B5 	; text-decoration:none;
}

A.enlaceVision:hover {
font-size:10px; font-family:Arial, Helvetica, sans-serif;
	color: #88BB09	; TEXT-DECORATION:none;
}

.textoLibreAzul
{
font-family:Arial;
font-size:14px;
font-style:italic;
color:#0068B5;
padding-left:20px;
padding-right:20px;
text-align:left;
}

.colorAzul {
color:#00A1FF;
}

.textoVerde
{
text-align:left;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#88BB09;
padding-left:10px;
}

#fondoBlanco {

/*width:954px; /* Para 10x24 x 7687 */
width:auto;
height:100%;
margin:0 auto;
/*border:#FF0000 1px solid;*/
background-color:#FFFFFF;
/*text-align:center;*/
}

#cajaPagina {
/*width:954px; /* Para 10x24 x 7687 */
display:block;
width:910px;
width: auto;
/*background-image:url("imagenes/pixelBlanco.gif") repeat-y 100%;*/
/*height:auto !important;
height:100%;*/
height:1030px;
margin:0 auto;
margin-left:0 auto;
border-bottom:none;
border-top:none;
border-left:0px solid;
border-right:0px solid;
border-color:#0062AC;
background-color:#3D3D3D;
/*border:#FF0000 1px solid;*(
/*text-align:center;*/
}
#cajaPagina1 {
/* cuarto pixel amarillo hacia fuera desde dentro */
/*width:953px; /* Para 10x24 x 7687 */
/*width:778px;*/
width:906px;
height:auto !important;
height:100%;
margin:auto;
margin-left:0 auto;
border-bottom:none;
border-top:none;
border-left:0px solid;
border-right:0px solid;
border-color:#005495;
text-align:center;
background-color:#3D3D3D;
}
#cajaPagina2 {
/* tercer pixel hacia fuera desde dentro color verde */
/*width:952px; /* Para 10x24 x 7687 */
/*width:776px;*/
width:904px;
height:auto !important;
height:100%;
margin:auto;
border-bottom:none;
border-top:none;
border-left:0px solid;
border-right:0px solid;
border-color:#003A6F;
text-align:center;
background-color:#3D3D3D;
}

#cajaPagina3 {
/* segundo pixel hacia fuera desde dentro color rojo */
/*width:951px; /* Para 10x24 x 7687 */
width:900px;
/*height:auto !important;
height:100%;*/
height:1030px;
margin:auto;
border-bottom:none;
border-top:none;
border-left:0px;
border-right:0px;
border-color:#00264F;
/*background-color:#0068B5;*/
/*background-color:#3D3D3D;*/
background-image:url("imagenes/fondotextura.jpg");
background-repeat:repeat-x;
text-align:center;
/*background-image:url("imagenes/pixelBlanco.gif") repeat-y 100%;*/
}


.bordeGris {
border:#767676 1px solid;
}
#fondoSuperiorLogo {
width:900px;
height:148px;
top:0px;
margin:0px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
padding:0px;
background-color:#FFFFFF;
}


#contenedorCentral {
width:902px;
/*height:1030px;*/
height:914px;
position:relative;
/*background:#FFFFFF;*/
border:0px solid red;
padding:0px;
}

#contenedorIzquierda {
float:left;
width:717px;
height:914px;

left:0px;
padding-left:0px;
border:0px #00CC66 solid;

}

#contenedorDerecha {
width:176px;
height:881px;
float:right;
padding:0px;
margin:0px;
margin-left:8px;
_margin-left:6px;
border:0px yellow solid;
}

#contenedorFoto
{
width:173px;
height:151px;
float:left;
padding:0px;
margin:0px;
background-color:#F5F6F6;
background-repeat:no-repeat;
border-left-color:#CED0D2;
border-left-width:1px;
border-left-style:solid;
border-bottom-color:#9D9EA1;
border-bottom-width:1px;
border-bottom-style:solid;
border-right-color:#F8F8F9;
border-right-width:1px;
border-right-style:solid;
}


#imagenFoto {
width:160px;
height:120px;
background-repeat:no-repeat;
margin-left:6px;
margin-top:5px;
}

#textoFoto 
{
position:relative;
width:173px;
margin-top:6px;
text-align:center;
color:#0068B5;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
}


#contenedorSuperior {
width:749px;
height:171px;
padding:0px;
margin:0px;
}

#fondoMenuSuperiorBlanco {
position:relative;
width:749px;
height:23px;
background-color:#FFFFFF;
background-image:url("imagenes/fondoMenuSuperior.jpg");
background-repeat:no-repeat;
top:0px;
margin-top:0px;
}

#menuSuperior {
float:right;
width:225px;
height:20px;
margin-top:0px;
left:260px;
padding-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0068B5;
background-color:#FFFFFF;
}

.textoEmail
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006ab3;
}

/* ———– My Form ———– */
.myform{
margin:0 auto;
width:580px;
padding:14px;
}

/* ———– stylized ———– */
#stylized{
/*border:solid 2px #b7ddf2;
background:#ebf4fb;*/
}
#stylized h1 {
font-size:11px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-size:12px;
font-weight:normal;
color:#ffffff;
text-align:right;
/*width:160px;*/
width:160px;
float:left;
margin-top:4px;
}


#stylized input.campos{
font-size:12px;
padding-left:0px;
margin-left:10px;
height:19px;
float:left;
/*padding:4px 2px;*/
border:solid 1px #747474;
/*margin:2px 0 20px 10px;*/
}

#stylized textarea.areaTexto {
font-size:12px;
padding-left:0px;
margin-left:10px;
float:left;
/*padding:4px 2px;*/
border:solid 1px #006ab3;
/*margin:2px 0 20px 10px;*/
}


#stylized input.fichero {
font-size:12px;
padding-left:0px;
margin-left:10px;
background-color:#FFFFFF;
float:left;
/*padding:4px 2px;*/
border:solid 1px #006ab3;
/*margin:2px 0 20px 10px;*/
}

.boton {
position:relative;
padding-left:0px;
left:0px;
margin-left:80px;
background:#484848;
/*float:left;*/
width:87px;
height:25px;
text-align:center;
line-height:10px;
color:#ffffff;
font-size:11px;
border:1px solid #7A7A7A;
}

.espacioForm {
line-height:30px;
}

.espacioFormContacto {
line-height:25px;
}