body {
color: #187324;
font-size: 10px;
font-family: verdana;
background-color: #ffffff;
text-align: center;
}
a img {border-width:0px;}
a:hover img {border-width:0px;}
a::visited img {border-width:0px;}
.b {font-weight:bold;}
.center{text-align:center;}

h1{
	font-size: 10px;
	font-family: verdana;
	font-weight:bold;
	 display: inline;

}
und{text-decoration: underline;}

.botonimagen{
  border-width:0px;
  background-color: white;
  color: white;
  background-image: url(../img/boton.gif);
  background-repeat:no-repeat;
  height:20px;
  width:120px;
  background-position:center;
}


.contenedor{
position: relative;
width: 699px;
height: auto;
top: 0px;
vertical-align: top;
margin-left:auto;
margin-right:auto;
text-align: center;
}
.cabecera{
height: 140px;
width: 699px;
background-image: url(../img/cab_fnd.jpg);
background-position: top;
background-repeat: no-repeat;

text-align: center;
}
.menu{

background-image: url(../img/menu_fnd.jpg);
height: 36px;
}
.contenido{
width: 500px;

float: right;
}
.derecha-top{
height: 17px;
width: 500px;
background-image: url(../img/fondomaintop.gif);
}

/*se queda con los ajustes para explorer, he tocado el text-align*/
.derecha-central{
/*height: auto;*/
width: 500px;
background-image: url(../img/fondomain.gif);
text-align: center;
}

/*cualquier navegador estandar va a entender esto y corrige los valores anteriores :)*/
html>body .derecha-central{
text-align: right;
}

.derecha-bottom{
height: 38px;
width: 500px;
background-image: url(../img/fondomainbottom.gif);
}
.cabecera a #skype {
	position: relative;
	top: 102px;
	left: 130px;
}

/*se queda con los ajustes para explorer, he tocado el margin-left para ajustarlo mejor*/
.contenidoCentral{
	text-align:justify;
	height: auto;
	width: 450px;
	padding-top:20px;
	margin-left:15px;
*margin-right:30px; !important;  /* Sólo IE7 */
	margin-bottom: -10px;
}

/*cualquier navegador estandar va a entender esto y corrige los valores anteriores :)*/
html>body .contenidoCentral{
margin-left:20px;
}

.izquierda{
	width: 170px;
	float: left;
	vertical-align: top;
}

.arriba{
height: 335px;
width: 199px;
background-image: url(../img/fondomenu.gif);
background-repeat: no-repeat;
vertical-align: top;
}
.abajo{
	height: 155px;
	width: 170px;
}

ul {
  height:16px;
  margin: 0px;
  padding: 5px;
}

li{
 display: inline;
    }
 ul .menuderecha{
margin-top: 24px;
}

li a{
   color: #FF0000;
   text-decoration:none;
}
li a:hover{
   color: #94080F;
}
.menuinterior{
	margin-left:10px;
  padding-left: 0px;
	width: 480 px;
text-align: center;

}
.pie{
	color: #ffffff;
	background-image: url(../img/bajos.gif);
	height:20px;
	background-repeat: no-repeat;
	padding-top: 3px;
}
a{
  color: #187324;
	font-weight: bold;
   text-decoration:none;
}
a:hover{
   color: #40750a;
}
.titular{

padding-right:25px;
}

/* FORMULARIOS */
	.asterisco{
		padding-left:2px;
		font:bold 11px verdana, sans-serif;
		color:#FF0000;
		}
		form {
			font:10px verdana, sans-serif;
		}
		input, textarea, select{
			border: 1px solid #B3B3B3;
			margin:5px 0px 0px 0px;
			padding: 0px;
			color: grey;
			font:10px verdana, sans-serif;
		}
		#bloque1{
				left:0px;
				top:0px;
				width:225px;
				margin:0px;
				padding:0px;

			float: left;
		}
		#bloque2{
				float: right;
				left:225px;
				top:0px;
				width:225px;
				margin:0px;
				padding:0px;

		}
		.campo{
				margin:0px;
				padding:5px 0px 0px 0px;
				font:11px  verdana, sans-serif;
				color:grey;
				text-align:left;
		}
		.campoconsulta{
				margin:5px 0px 0px 0px;
				padding:0px;
				width:220px;
				height:16px;
				font:11px verdana;
				color:grey;
				border:1px solid #B3B3B3;
		}
		.campoconsulta2{
				margin:5px 0px 0px 0px;
				padding:0px;
				width:90px;
				height:16px;
				font:11px verdana;
				color:grey;
				border:1px solid #B3B3B3;
		}
		.campoconsulta3{
				margin:5px 0px 0px 0px;
				padding:0px;
				width:445px;
				height:16px;
				font:11px verdana;
				color:grey;
				border:1px solid #B3B3B3;
		}
		.campoconsulta4{
				margin:5px 0px 0px 0px;
				padding:0px;
				width:50px;
				height:16px;
				font:11px verdana;
				color:grey;
				border:1px solid #B3B3B3;
		}

.titular {
	color: #006600;
	font:18px verdana;
	font-weight: bold;
}
.floatleft { float:left; margin:0; padding:5; }
.nombre_producto {
	color: #006600;
	font:12px verdana;
	font-weight: bold;
}

.oModulo {
	float: left;
	width: 220px;
	text-align: left;
	margin: 1px 0 0 1px;
}
.fichagestor {
	float: left;
	width: 215px;
	text-align: left;
	margin: 10px 0 0 5px;
}
.oModulo img {
	float: left;
}

.oModulo p {
	float: left;
	width: 125px;
	margin: 0 0 0 5px;
}

.precio {
	display: block;
	float:right;
	width: 83px;
	height: 38px;
	background: transparent url(../img/f_precio.gif) top left no-repeat;
	margin: 10px 0 0 0 ;
	padding: 10px 0 0 0 ;
	text-align: center;
	color: #0966cc;
	font:12px verdana;
	font-weight: bold;
}
.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
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: 60px; /*position where enlarged image should offset horizontally */

}
.contenido h1 {
	font-size: 1.2em;
}