@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#BFBFBF;
	background-image:url(images/background_body.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

.centrador{
	margin:0 auto;
	padding:0;
	width:1000px;
}

.contenedor{
	float:left;
	margin:0;
	padding:0;
	width:1000px;
}

.top{
	float:left;
	width:1000px;
	height:150px;
	margin:0;
	padding:0;
	background-image:url(images/bosecoo-top.jpg);
}

.logo{
	float:left;
	width:350px;
	margin:0;
	padding:0;
}


.logo img{
	border:0;
}


.boton_contacto{
	float:right;
	margin:80px 27px 0 0;
	font-size:18px;
	font-weight:bold;
}

.boton_contacto a{
	background-image:url(images/boton_contacto.jpg);
	text-decoration:none;
	color:#fff;
	padding:2px 10px;
}

.boton_contacto a:hover{
	background-image:url(images/boton_contacto_roll.jpg);
}



.central{
	float:left;
	margin:0;
	padding:0;
	width:1000px;
	background-image:url(images/background_central.jpg);
}

.left{
	float:left;
	margin:0;
	padding:0;
	width:250px;
}

.left ul{
	margin:10px 0 0 33px;
	padding:0;
	color:#666;
	font-size:16px;
}

.left li{
	margin:0 0 8px 0;
	padding:0;
	list-style-type:none;
}

.left a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#666;
}

.left a:hover{
	color:#D7872E;
}



.right{
	float:left;
	margin:0;
	padding:0;
	width:750px;
}

.nombre_grupo{
	float:left;
	width:750px;
	margin:0;
	padding:0;
	border-bottom: #000 solid 1px;
}

.nombre_grupo h1{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#414652;
	margin:0;
	padding:10px 0;
}

.boton_regresar{
	float:left;
	width:720px;
	margin:0;
	padding:0 0 5px 30px;
	border-bottom:#E9E9E9 solid 1px;
}

.boton_regresar img{
	border:none;
}



.footer{
	float:left;
	width:1000px;
	height:80px;
	margin:0;
	padding:0;
	background-image:url(images/footer.jpg);
}

.footer_texto{
	float:left;
	width:500px;
	margin:10px 0 0 33px;
	padding:0;
	color:#FFF;
	font-size:14px;
}

.footer_bold{
	font-weight:bold;
}

.maquiventa_webmail{
	float:left;
	width:434px;
	margin:10px 33px 0 0;
	padding:0;
	text-align:right;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
}

.webmail a{
	margin:0;
	padding:0;
	color:#F90;
	text-decoration:none;
}

.webmail a:hover{
	color:#FFDFB0;
}

.maquiventa a{
	margin:0;
	padding:0;
	color:#FFF;
	text-decoration:none;
}

.maquiventa a:hover{
	color:#FFDFB0;
}


/*inicia programacion de productos con roll over*/
.bloques4{
	float:left;
	width:375px;
	margin:0;
	padding:0;
}


.familia_boton{
	float:left;
	width:303px;
	margin:15px 35px;
	padding:0;
	border:#CCC solid 1px;
}

.familia_boton a{
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.familia_boton a:hover{
	background-color:#F1F1EB;
}


.familia_foto{
	width:303px;
	margin:0 0 5px 0;
	padding:10px 0;
	text-align:center;
	border-bottom:#D8892D solid 1px;
}

.familia_foto img{
	border:0;
}



.familia_nombre{
	width:303px;
	margin:0;
	padding:0 0 8px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#424F62;
	text-decoration:none;
	border-bottom:#D6DBE2 solid 1px;
}

.familia_descripcion{
	width:303px;
	margin:0;
	padding:0 0 8px 0;
	text-align:center;
	color:#8F5B1B;
}

.familia_descripcion p{
    font-size:11px;
	text-align:justify;
	text-decoration:none;
	padding: 8px;
	margin:0;
}

.ejemplos_videos{
	float:left;
	width:303px;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#E6A027;
	text-align:center;
}

.ejemplos_videos a{
	color:#E6A027;
	text-decoration:none;
}

.ejemplos_videos a:hover{
	color:#617590;
}

/*finaliza programacion de productos con roll over*/


.logo_inicio{
	float:left;
	width:750px;
	height:104px;
	background-image:url(images/bosecoo_informacion.png);
	margin:8px 0;
}

/*inicio*/

.central_inicio{
	float:left;
	margin:0;
	padding:0;
	width:1000px;
	background-image:url(images/background_central_inicio.jpg);
	background-repeat:no-repeat;
	background-color:#AABCCA;
}

.texto_inicio{
	float:left;
	width:750px;
	margin:0;
	padding:0;
}

.texto_inicio p{
	font-size:16px;
	font-weight:bold;
	text-align:justify;
	margin:0;
	padding:22px;
	color:#576788;
}

.imagenes_inicio{
	float:left;
	width:750px;
	margin:0;
	padding:0;
}


.logo_saborizantes{
	float:left;
	width:750px;
	height:60px;
	margin:8px 0;
}

.saborizantes_titulos{
	font-size:20px;
	font-style:italic;
	color:#D6862F;
}

/* producto hoja layout*/

.producto{
	float:left;
	width:750px;
	text-align:center;
}

.nombre_producto{
	float:left;
	width:750px;
	text-align:left;
	border-top:#E9E9E9 solid 1px;
}

.nombre_producto h1{
	font-size:22px;
	font-weight:normal;
	color:#393D48;
	margin:0;
	padding:15px 0 0 25px;
}

.descripcion_producto{
	float:left;
	width:750px;
	padding:0;
	margin:0;
}

.descripcion_producto p{
	margin:10px 35px 10px 35px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#393D48;
	text-align:justify;
}

.boton_video{
	float:left;
	margin:0 0 12px 35px;
	font-size:15px;
	font-weight:bold;
}

.boton_video a{
	background-image:url(images/boton_video.jpg);
	text-decoration:none;
	color:#fff;
	padding:2px 10px;
}

.boton_video a:hover{
	background-image:url(images/boton_video_roll.jpg);
}

.cont_boton_video{
	float:left;
	width:750px;
	height:20px;
	margin:10px 0;
	padding:0;
}

.cont_listas{
	float:left;
	width:750px;
	margin:0;
	padding:0;
	font-size:12px;
	color:#393D48;
}

.cont_listas ul{
	margin:10px 0 15px 50px;
	padding:0;
}

.cont_listas li{
	margin:0;
	padding:0;
}


/*contacto*/

.contacto{
	float:left;
	width:750px;
	text-align:center;
	color:#393D48;
	font-size:16px;
	font-weight:bold;
}

.texto_contacto{
	text-align:left;
	vertical-align:top;
}

.gracias{
	float:left;
	width:750px;
	padding:200px 0;
	text-align:center;
	background-color:#393D48;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

.texto_gracias{
	text-align:center;
	vertical-align:middle;
}