body { background:#FFFFFF url(../img/back.jpg) repeat-x; text-align:center; margin:0; padding:0;}
a {color:#4f81bd; text-decoration:none; border:none;}
a:hover { color:#1662be;}
font { font:normal 100%/100% Arial, Helvetica, sans-serif;}

/*--- CONTENEDOR --*/

#contenedor { width:960px; padding:0 5px;  margin: 0 auto; font: normal 100% Arial, Helvetica, sans-serif; text-align:left;position:relative;}

/*--- ENCABEZADO --*/

#encabezado { width:100%; padding:0; margin:0; overflow:hidden;}
#encabezado h1 { float:left; width:100%;text-align:center; font: normal 125%/125% Arial, Helvetica, sans-serif; color:#FFF; background:url(../img/bckg_menu.gif) no-repeat center top; padding:36px 0 12px 0; letter-spacing:-0.04em;}

#menu { float:left; width:100%; margin:0; padding: 13px 0 0 0; height:66px;}
#menu img { float:left; padding-left:42px;}
#menu ul { float:left; padding:10px 0 0 22px}
#menu li { float:left;list-style-type:none; display:inline; font:normal 75%/125% Verdana, Geneva, sans-serif; text-align:center;}
#menu li a {padding:0.6em 0.9em; text-decoration:none; color:#FFFFFF; border-right:solid 1px #960001;}
#menu li a:hover { background:#960001;}

/*--- CONTENIDO --*/

#galeria { width:100%;}

#galeria, #contenido, #subcontenido {margin: 0 26px 0 26px; overflow:hidden;}

#contenido-inicio, #subcontenido-inicio  {margin:0; overflow:hidden;}

.agenda { margin:0; padding:0 0 0 10px; overflow:hidden;}
.agenda img {float:left;}
.fecha {float:left; margin:0; padding:15px 0 0 45px;}
.fecha li { list-style-type:none; margin-bottom:20px; overflow:hidden;}
.seminario {float:left; padding:0 0 0 15px; width:220px;}
.seminario p {font: normal 75%/130% Arial, Helvetica, sans-serif; padding:5px 0 8px 0; margin:0; color:#7f7f7f;}
.seminario p.conferencia {color:#000;}

#subcontenido {background:url(../img/bckg_subcontenido2.jpg) no-repeat center top; padding:35px 0 25px 0;}

.fb { width:87%; overflow:hidden;}
.fbhome { width:80%; overflow:hidden;}
.fb img, .fbhome img { float:left;  padding-right:11px;}
.fb p { float:left; font:normal 75%/215% Arial, Helvetica, sans-serif; }
.fbhome p { float:left; font:normal 75%/215% Arial, Helvetica, sans-serif;}
.fb a { text-decoration:none; border:none; border-color:#FFFFFF;}

.practicas {float:left; padding-right:25px; width:207px; overflow:hidden;}
.practicas2 {float:left; width:207px; overflow:hidden;}
.practicas3 {float:left; width:251px; overflow:hidden;}
.practicas p, .practicas2 p, .practicas3 p, .ultima p, .ultima2 p {color:#bfbfbf; font:normal 56.3%/1em Arial, Helvetica, sans-serif ; padding: 8px 0 0 14px}
.practicas h3, .practicas2 h3, .practicas3 h3, .ultima h3, .ultima2 h3 {
	color:#4f81bd;
	font:normal 0.99em/1em Arial, Helvetica, sans-serif;
	padding:0 0 0 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.ultima {float:left;}
.ultima2 {float:left; padding-left:5px; width:226px;}

.principal { float:left; width:100%; overflow:hidden;}
.principal img {float:right; padding-top:15px}
.titular {float:left; width:370px;}
.titular img { float:left;}
.principal h2 {
	font:normal 220%/120% Arial, Helvetica, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 200%;
	font-weight: bold;
}
.principal p {font:normal 75%/130% Arial, Helvetica, sans-serif;color:#7f7f7f}

.info {float:left; overflow:hidden; width:260px; padding-left:20px}
.info h3 {
	font: normal 175%/0% Arial, Helvetica, sans-serif;
	padding-bottom:13px;
	font-family: Verdana, Geneva, sans-serif;
}
.info h4 { color:#4f81bd; font:normal 0.99em/0% Arial, Helvetica, sans-serif; padding-bottom:10px;}
.info p { font: normal 75%/140% Arial, Helvetica, sans-serif; width:260px;}

.columna_izquierda { float:left; width:340px;}
.columna_izquierda img { float:left; overflow:hidden; padding-top:15px;}

.precio { margin:0; padding:15px 0 5px 0}
.precio ul { float:left; list-style-type:none; width:100%;}
.precio li { list-style-type:none;font:bold 75%/200% Arial, Helvetica, sans-serif;}
.precio li a { color:#c00000; padding-left:35px; background:url(../img/carrito.jpg) no-repeat center left; text-decoration:none;display:block; }
.precio li a:hover { background: url(../img/carrito-on.png) no-repeat center left}


.columna_derecha { float:right; width:560px; height:auto; overflow:hidden;}

.video {float:left; margin:15px 0 15px 0; padding-left:50px; overflow:hidden;}
.comentarios {float:left; height:auto; overflow:hidden; padding-left:50px;}

.cierre { float:left; width:100%; overflow:hidden; background:url(../img/bckg_cierre.jpg) no-repeat top center; margin-top:30px;}
.cierre p {text-align:center; font: normal 75%/100% Arial, Helvetica, sans-serif; padding-top:10px}

.destacado {position: absolute;top:54%;left:25%;width:141px;height:95px;background:url(../img/destacado.jpg) no-repeat top left;}

.destacadob {position: absolute;top:74%;left:25%;width:141px;height:95px;background:url(../img/destacado.jpg) no-repeat top left;}

.destacado p, .destacadob p {position: absolute; top:1%; left:2%; font-size:68.8%; color:#FFFFFF; padding:5px 12px 0 18px}

/*--- FOOTER --*/

#footer { background:#262626; overflow:hidden; height:274px;}
#footer a { text-decoration:none; border:none;}
.wrap { width:960px; margin:0 auto; padding:0 31px; text-align:left; }

.contacto, .formulario {float:left; width:30%;}
.contacto {padding:33px 0 0 13px;}
.contacto img { float:left; overflow:hidden; padding-bottom:5px}
.contacto p { float:left; width:70%; color:#666666; font:normal 81.3%/125% Arial, Helvetica, sans-serif;}
.contacto a { color:#FFFFFF;}
.contacto a:hover { background:#CC0000;}

.formulario { color:#222224; padding:23px 0 0 25px; font:normal 75%/125% Arial, Helvetica, sans-serif; color:#FFFFFF;}
.formulario p { padding-bottom:3px;}
fieldset { border:solid 0 transparent; padding:8px 0 0 12px}
leyend { margin-bottom:15px}
label { color:#CCCCCC; line-height:100%; height:17px}
.textfield { width:150px; height:17px; margin:7px 8px 7px 2px; background-color:#424242;color:#FFFFFF; font:normal 75%/100% Arial, Helvetica, sans-serif; color:#FFFFFF; border: 0px;}

.paginafb { float:left; width:33%; padding:17px 0 0 22px; background:url(../img/bckg_fb.jpg) no-repeat 80% 35%;}
.paginafb p { font:normal 68.8%/155% Arial, Helvetica, sans-serif; color:#FFFFFF; width:233px; height:79px; padding:20px 22px 0 42px;}
.paginafb p img { padding:0;}

.copyright { float:left; width:100%; overflow:hidden;}
.copyright p { color:#666666; font:normal 62.5%/175% Arial, Helvetica, sans-serif; padding-left:13px;}

/*--- DETALLES --*/

.left270  { width:270px; padding-left:0; overflow:hidden;}
.left  { width:340px; padding-left:0;}
.margen {padding-bottom:15px;}
.ejes { background:url(../img/acelerometro_3ejes.jpg) no-repeat 84% 44%;}
.extra {padding-top:35px}
.extra50 {padding-top:50px}
.maps { background:url(../img/formato_googlemaps.jpg) no-repeat top left; height:300px}
.maps p {padding:75px 0 0 155px;}
.superindice { vertical-align:super;font-size:45%}
.negro {color:#000;}
.gris {color:#7f7f7f}
.detalle {color:#7f7f7f; font:normal 75%/150% Arial, Helvetica, sans-serif ;}
.inter { width:100%; overflow:hidden;}
.inter-inicio { width:100%; overflow:hidden; padding-top:17px}
.inter-medio { width:100%; overflow:hidden; background:url(../img/bckg_cierre.jpg) no-repeat top center; margin-top:26px; padding-top:49px;}
.inter-final {width:100%; overflow:hidden; background:url(../img/bckg_cierre.jpg) no-repeat top center; margin-top:17px; padding:30px 0}
.calidad { margin:0 80px 0 40px; background:url(../img/firma.jpg) no-repeat right 90%;}
.firma { padding: 70px 0 0 135px;font: normal 75%/130% Arial, Helvetica, sans-serif; overflow:hidden; width:120px;}
.cargo {font: normal 93.8%/130% Arial, Helvetica, sans-serif; overflow:hidden}
a.boton { font:normal 75%/100% Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../img/boton_compra.png) no-repeat left top; width:138px; padding:12px 0 18px 20px; margin-top:45px;line-height:70%; display:block;}
a.boton:hover { background:url(../img/boton_compra.png) no-repeat left bottom;}
.hide {display:none;}
.ale {
	font-size: 0.99%;
	color: #4f81bd;
}
#contenedor #contenido .principal .titular h2 strong {
	font-family: Arial, Helvetica, sans-serif;
}
#contenedor #contenido .principal .titular h2 strong {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.l {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}
#contenedor #contenido .principal .titular h2 {
	font-weight: normal;
}