/*
.miClase{
      width: 15px; /* Para todos los Browsers */
/*    #width: 20px; /*Para Internet Explorer */
/*    .width: 25px; /*Para Internet Explorer 6 y 7 */
/*    _width: 30px; /* Solo para Internet Explorer 6 */
/*    *width: 30px !important; /* Solo para Internet Explorer 7 */
/*}*/

html,body{
font-family: Arial, Helvetica, sans-serif;
background:#DADADC;
margin: 0 auto;
border:0px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -100px;
border: 0px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */
}

#cajaImagen {
float:left;
width:124px;
height:145px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:center;
}

.imagenCatalogo
{
border:1px solid COLOR=#F1F0F2;
width:94px;
height:82px;
background-color:#FFFFFF;
}

#menuBotones
{
width:918px; /* 2 pixeles menos por el borde */
height:30px;
border:1px solid #D0D0D0;
}

#contenedorSuperior {
width:920px;
height:241px;
padding:0px;
margin:0px;
}

#contenedorInferior {
width:920px;
height:79px;
padding:0px;
margin:0px 0px 0px 0px;
background-color:#014F8F;
}

#menuInferiorLogo {
width:920px;
height:20px;
text-align:left;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
}

.textoInferiorLogoIzq 
{
float:left;
margin-left:24px;
margin-top:3px;
}
.textoInferiorLogoDcha 
{
float:right;
margin-right:22px;
margin-top:3px;
}

.botonSuperior
{
display:block;
width:182px; /* 2 pixels menos por el borde 2 px IE */
height:30px;
background-image:url("imagenes/fondoBotonSup.jpg");
background-repeat:repeat-x;
float:left;
text-align:center;
color:#FFFFFF;
}

.enlaceImagenes
{
color:#000000;text-decoration:none;
font-size:11px;
}
.enlaceImagenes:hlink
{
color:#000000;text-decoration:none;
font-size:11px;
}
.enlaceImagenes:visited
{
color:#000000;text-decoration:none;
font-size:11px;
}
.enlaceImagenes:hover
{
color:#000000;text-decoration:none;
font-size:11px;
}

.textoVision
{
color:#FFFFFF;
font-size:10px;
}
.enlaceVision
{
color:#FFFFFF;text-decoration:none;
font-size:10px;
}
.enlaceVision:hlink
{
color:#FFFFFF;text-decoration:none;
font-size:10px;
}
.enlaceVision:visited
{
color:#FFFFFF;text-decoration:none;
font-size:10px;
}
.enlaceVision:hover
{
color:#0883F0;text-decoration:none;
font-size:10px;
}

.enlaceAzul
{
color:#000000;text-decoration:none;
font-size:12px;
}
.enlaceAzul:hlink
{
color:#000000;text-decoration:none;
font-size:12px;
}
.enlaceAzul:visited
{
color:#000000;text-decoration:none;
font-size:12px;
}
.enlaceAzul:hover
{
color:#1067AD;text-decoration:none;
font-size:12px;
}

.enlaceBotonSuperior
{
color:#FFFFFF;text-decoration:none;
font-size:14px;line-height:30px;
}
.enlaceBotonSuperior:hlink
{
color:#FFFFFF;text-decoration:none;
font-size:14px;line-height:30px;
}
.enlaceBotonSuperior:visited
{
color:#FFFFFF;text-decoration:none;
font-size:14px;line-height:30px;
}
.enlaceBotonSuperior:hover
{
color:#009EE0;text-decoration:none;
font-size:14px;line-height:30px;
}

#contenedorCentral
{
width:920px;
height:486px;
padding:0px;
margin:0px;
border:0px;
background-color:#FFFFFF;
}

.menuCatalogo {
display:inline;
width:202px;
height:464px; /* 473 IE6 ?*/
*height:464px !important; /* SOlo IE7 */
float:left;
border:1px solid #CBCBCB;
background:#FFFFFF;
margin-left:22px;
padding:0px 0px 0px 0px;
margin-top:9px;
margin-bottom:0px;
}

#menuCentral {
width:672px;
height:473px;
float:left;
background-color:#FFFFFF;
margin:10px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}

#cajaPanaderia {
position:relative;
width:430px;
height:219px;
margin-top:0px;
margin-left:13px;
background-image:url("imagenes/panaderia.jpg");
background-position:top;
background-repeat:no-repeat;
text-align:left;
}

#cajaInfraestructura {
margin-top:28px;
width:430px;
height:219px;
margin-left:13px;
background-image:url("imagenes/suministrospanaderias.jpg");
background-position:bottom;
background-repeat:no-repeat;
text-align:left;
}

#seccion {
width:660px;
height:465px;
margin-left:13px;
text-align:left;
background-color:#EBECED;
}

.tituloSeccion {
margin-left:5px;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#005EA8;
font-size:18px;
background-color:#EBECED;
height:39px;
line-height:39px;
.margin-left:0px; /* IE6 IE7 */
padding-left:10px;
}

.listadoFotos {
overflow:auto;
width:657px;
height:405px;
_height:420px; /* IE6 */
margin-top:20px;
}

.textoSeccion {
width:620px;
_height:390px; /* IE6 */
color:#000000;
margin-left:10px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}
.tituloGrandeAzul
{
width:388px;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
text-align:left;
color:#005EA8;
}

.tituloGarantia
{
width:170px;
height:39px;
font-size:18px;
margin-left:30px;
margin-right:10px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#005EA8;
}

.tituloPuntosVenta
{
width:144px;
height:39px;
margin-left:60px;
font-size:18px;
margin-right:15px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#005EA8;
}

.textoPanaderia
{
width:141px;
height:121px;
margin-top:30px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#000000;
}

.textoGarantia
{
width:192px;
height:190px;
margin-top:15px;
margin-right:10px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000000;
}

#cajaGarantia {
display:inline;
float:right;
width:217px;
margin-top:9px;
margin-right:21px;
height:465px;
background-color:#EBECED;
}

#cajaArribaGarantia {
width:217px;
margin-top:0px;
margin-right:0px;
height:247px;
}

#cajaAbajoGarantia {
width:217px;
margin-top:0px;
margin-right:0px;
height:218px;
}

.cajaCatalogo {
width:196px;
height:51px;
margin-top:3px;
margin-left:1px;
margin-bottom:2px;
color:#005EA8;
font-size:14px;
font-weight:bold;
line-height:51px;
background-image:url("imagenes/fondoCajaCatalogo.jpg");
background-repeat:repeat-y;
}

#mapa
{
width:217px;
height:157px;
margin-top:10px;
background-image:url("imagenes/mapa.jpg");
background-repeat:no-repeat;
}

a img {
border: 0;
}

/* 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-left:1px;
	margin-bottom:0px;
	font-family: arial, verdana, sans-serif; /* Tipo de letra */
	font-size: 12px;
	width:196px;
	height:275px;
	line-height:26px; /* Es para que la letra no quede pegada arriba. 
			     El valor lo he ido calculando a ojo          */
	*line-height:28px !important; /* IE7 */
	_line-height:26px;
	/*border: 1px solid white; /* El que rodea a toda la lista */*/
	/*background:#000000;*/
	background-color:#FFFFFF;
	margin-top:2px;
	}

ul#menu li 
	{
	color: black;
	width:196px;
	height:26px;
	text-align: left;
	padding-right:0px;
	margin-right:0px;
	margin-bottom:2px;
	.margin-bottom:0px; /* IE 6 y IE7 */
	/*margin-bottom:2px;
	border-bottom:2px white solid;*/
	background-image:url("imagenes/fondoCajaCatalogo.jpg");
	background-repeat:repeat-y;
	}
ul#menu li a
	{
	display:block;
	height: 26px;
	/*margin-top:2px;*/
	text-decoration:none;
	padding-left:5px;
	text-align:left;
	color:black;		
	border-bottom:2px white solid;
	}

ul#menu li a:hover
	{
	color:#000000;
	background-color:#B1B3B4;
	border-bottom:2px white solid;
	}


#cajaPagina3 {
/* segundo pixel hacia fuera desde dentro color rojo */
/*width:951px; /* Para 10x24 x 7687 */
width:920px;
/*height:auto !important;
height:100%;*/
height:807px;
margin:auto;
text-align:center;
/*background-image:url("imagenes/pixelBlanco.gif") repeat-y 100%;*/
}

/* FORMULARIOS */
form {border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ———– My Form ———– */
.myform{
margin:0 auto;
width:580px;
height:400px;
.padding:10px;
.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:0px;
.margin-bottom:7px;
padding-bottom:0px;
.padding-bottom:10px;
}

#stylized label{
display:block;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:right;
width:160px;
float:left;
margin-top:0px;
.margin-top:4px;
}

#stylized input.campos{
font-size:12px;
padding-left:0px;
margin-left:10px;
height:15px;
float:left;
border:solid 1px #747474;
}

#stylized textarea.areaTexto {
font-size:12px;
padding-left:0px;
margin-left:10px;
float:left;
border:solid 1px #747474;
}

.boton {
position:relative;
padding-left:0px;
left:0px;
margin-left:80px;
background:#484848;
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;
}